5/7/13

Méthode pour la mise au point de vos pages HTML

Les logiciels utiles sont un éditeur de texte et un navigateur. Le plus pratique est d’avoir :

• une seule fenêtre pour chacun (donc d’utiliser des onglets) ;
• ces deux fenêtres côte à côte à l’écran (visibles en même temps).

1. Éditer le code source HTML :
   1. charger un éditeur de texte, par exemple: BBEdit ou TextWrangler sous MacOs (éviter TextEdit), Blocnote ou NotePad++ sous Windows (éviter WordPad), gedit ou NotePad++ sous Linux,
   2. créer un nouveau fichier (ou ouvrir un fichier existant,
   3. saisir le code HTML (ou modifier le code existant,
   4. l’enregistrer avec le suffixe .html ou .htm (td3.html, par exemple) ;
2. Faire interpréter ce code source par un navigateur :
   1. charger un navigateur : Safari, Firefox, Mozilla, Internet Explorer... (si possible autorisant les onglets),
   2. créer un nouvel onglet,
   3. ouvrir le fichier .html ou .htm à interpréter ;
3. Si vous n’êtes pas satisfait de ce que montre le navigateur :
   1. activer l’éditeur de texte sans quitter le navigateur,
   2. corriger le code HTML et enregistrer,
   3. activer le navigateur et Actualiser (ctrl+r, commande parfois aussi appelée Recharger la page) pour lui faire prendre en compte vos modifications.

Remarques

Word ou OpenOffice Writer ne sont pas des éditeurs de texte, mais des logiciels de traitement de texte (mise en forme, etc). Un éditeur, lui, permet d’ouvrir n’importe quel fichier en visualisant tout son contenu sous forme de texte, et n’enregistre rien d’autre que ce qui est visualisé. C’est pourquoi TextEdit ou WordPad sont déconseillés, car ils peuvent se comporter comme des traitements de texte et enregistrer des informations non visualisées.

Un exemple

• Téléchargez ce document, qui contient du code source HTML. Ouvrez-le avec votre navigateur. Ensuite, faites-en une copie, nommez-la "abra.htm" et ouvrez-la avec le navigateur.
• Téléchargez ce document OpenOffice Writer, dont on a seulement changé en .htm l’extension initiale (odt) du nom. Ensuite, ouvrez-le avec votre navigateur puis avec OpenOffice.

Explication

Le document abra.txt est en fait au "format HTML" (puisqu’il est au format texte et contient du texte balisé approximativement...), mais avec l’extension .txt, le navigateur n’interprète pas le code html, il affiche juste le code source.

Par contre, abraca.htm est en fait un document au format OpenDocument (odt), le navigateur l’ouvre comme s’il était au format texte et vous avez vu le résultat...

NB : changer une extension "à la main" ne change pas le format d’un document.