Leçon 1: Notions de base
|
La leçon un nous introduit aux principes de base nécessaires
à l'installation d'un environnement de travail adéquat et
nous fait découvrir la structure du document ainsi que la syntaxe
générale du langage HTML.
|
|
Une page HTML ne contient que du texte
Parce qu'une page html ne contient que du texte, elle peut être ouverte avec
le Bloc Note (NotePad). L'exercice suivant en fait la démonstration:
- Ouvrir la page simple page dans le fureteur Internet
- Bouton de droite, afficher la source, la page s'ouvre dans le Bloc Note
- Enregistrez la page dans votre dossier de travail.
- Réalisez les modifications voulues, enregistrez et affichez cette copie dans
l'explorateur internet (glisser-déposer) en n'oubliant pas d'actualiser (F5).
Anatomie d'une simple page
On appelle balise (TAG) les expressions encadrées par deux crochets.
La plupart des balises sont pairées (HTML - /HTML)
Suite à l'étude de la simple page telle qu'affichée dans le Bloc Note,
identifiez les principales sections d'une page Html. (Prenez le temps
de répondre à la question avant de consulter la réponse...)
Réponse
Utiliser l'outil approprié
Bien que la page HTML puisse être modifiée dans le Bloc Note ce travail est
long et fastidieux. Des éditeurs spécialisés existent qui s'occupent entre
autres, de la formation automatique des balises. L'étape suivante suppose
l'installation de l'éditeur HTMEdit.
.
Utilisez ce lien pour la documentation et la récupération du logiciel.
Installez ensuite l'éditeur dans son dossier de travail que nous appellerons Web.
Ce dossier peut-être installé où bon vous semble mais nous suggérons la racine du disque
dur C:\Web ou le dossier Mes Documents\Web. Puisque le travail de réalisation et
d'entretien de sites Web suppose la présence d'un grand nombre de fichiers, cette première
consigne n'est pas un caprice mais bien une garantie d'organisation. En prenant
l'habitude de déposer et conserver tous les documents relatifs à l'édition Web dans ce
dossier et/ou ses sous-dossiers, il vous sera plus facile de les atteindre en utilisant l'éditeur.
Une fois l'installation terminée, vous pouvez démarrer l'éditeur. Vous ouvrirez un fichier
soit en le déposant sur la fenêtre principale (glisser-déposer) soit en utilisant la commande
ouvrir et en naviguant jusqu'au fichier désiré.
Les P ne sont pas cumulables
Dans une page HTML, les marques de paragraphe ainsi que la création de
nouvelles lignes ne sont pas automatiques. Il faudra les provoquer
en utilisant les balises appropriées:
- Un P est nécessaire pour indiquer un nouveau paragraphe
- La balise BR permet de créer de nouvelles lignes, les BR sont cumulables.
On s'en servira à l'occasion pour augmenter la distance entre deux blocs
de texte.
- Un P représente généralement la distance de deux BR.
Titres et sous-titres
La balise H (1 à 6) est une propriété de mise en page de titres
et de sous-titres. (HEADER) Les valeurs permises vont de H1 à H6 où H1 est
le plus grand.
Cette leçon est expliquée dans les
premiers pas du Petit Manuel HTML
