Initiation
à la création de pages WEB
Introduction:
La navigation sur le web
se fait au travers de pages lues à l'aide d'un navigateur.
Ces pages sont écrites dans un langage pouvant être compris
par tous les navigateurs: le HTML.
Plus récemment un autre langage, le PHP (inventé par ...)
permet de rendre les pages web plus interactives et plus dynamiques (mais
ce n'est pas l'objet de notre étude)
Les pages web sont crées à partir d'éditeurs de pages
ou plus simplement d'éditeur de texte:
- Editeur de texte quelconque (mais l'interface est autère,
car tout doit être "fait à la main")
- Front page
- DreamWeaver : éditeur WYSIWYG (What You See
Is What You Get) de niveau professionnel et payant
- Mozilla : éditeur WYSIWYG, moins convivial que
DW mais gratuit (et Open Source)
- Nvu : c'est la partie "éditeur" de
Mozilla, revue et en cours de développement
Principaux
navigateurs web:
Internet Explorer: Le plus utilisé actuellement
(mais connu pour ses failles de sécurité et code propriétaire)
Mozilla: Navigateur très puissant et performant
(un grand nombre de fonctions n'existent pas dans IE), mascotte des surfeurs
Open Source. C'est le descendant de Netscape.
Firefox : Version allégée de Mozilla, il
n'intègre que ses fonctions de navigateur.
Opéra : Navigateur encore peu répandu
Compatibilité:
Toutes les options des commandes HTML ne sont pas lues ou comprisent de
la même façon par tous les navigateurs. Un organisme (le
W3C) essaie de mettre au point un standard dans les commandes. Attention
donc aux scripts farfelus dans les pages web !!!!
Architecture d'une
page web:
Les commandes et les informations
sont contenues dans des balises html repérées par des <
... >. Chaque fois qu'une balise est ouverte <balise>
, elle doit être refermée </balise>.
Exemple:
Structure d'une page vide (vue du code source):
Nota: les couleurs sont utilisées ici pour repérer
les balises
<html>
Début
de la page
<head> Tête
de la page regroupant diverses information, c'est la partie lue en premier
par le navigateur
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1"> Définition
de la table de caractères utilisée
<title> </title> Titre
de la page qui apparaît dans la barre supérieure du navigateur
</head> Fin
de tête de page
<body>
Corps de
la page
Contenu de la page qui
sera affiché par le navigateur
</body> Fin
du corps
</html> Fin
de page
|