3. Modification du code

Ci-suit des éditeurs de texte utilisables selon votre système d'exploitation :

• sous Mac OS : Textwrangler, BBEdit, Sublime Text
• sous Linux : Gedit
• sous Windows : NotePad++

Remarques

• Rappelons qu'il est interdit, dans le cadre de cet enseignement, d'utiliser un logiciel de traitement de texte (Apache OpenOffice, LibreOffice, Microsoft Word, …).
• Tous ces éditeurs ne sont peut-être pas installés sur l'ordinateur du TD.
• Au moment de la rédaction de ces supports, il est possible d'installer une version gratuite (éventuellement avec des fonctionnalités limitées mais suffisantes) sur votre machine personnelle si vous souhaitez révisez ce TD chez vous.
• Sous Mac Os, n'utilisez pas le logiciel TextEdit qui, contrairement à ce que son nom l'indique, est plus qu'un éditeur de texte puisque par défaut il interprète le code HTML (et enregistre par défaut au format RTF les documents).

Désormais, pour toutes les questions du TD pour lesquelles on vous demande de modifier une page web, vous devrez passer par les 4 étapes suivantes :

1. modifier le code source dans l'éditeur de texte ;
2. enregistrer les modifications ;
3. actualiser/rafraîchir l’affichage de la page dans le navigateur ;
4. observer les résultats, et recommencer.

Comme pour tout document dans un format de texte seulement, le contenu d’un fichier html est une suite de caractères.

Vous savez très certainement que chaque caractère est mémorisé informatiquement sous forme d'une suite de bits (suite de 0 et de 1) : on parle d'encodage des caractères.

Pour des raisons historiques, il existe beaucoup de systèmes d’encodage (chaque encodage porte un nom d’identification : utf-8, iso-8859-1, …). La balise meta présente dans notre document exemple indique que ce dernier est encodé suivant la norme UTF-8 (c'est actuellement la norme la plus utilisée à l'échelon international car cet encodage se décode simplement et prévoit l'encodage des caractères utilisés dans de nombreuses langues). Si elle n'était pas présente, des caractères pourraient ne pas être correctement affichés (nous utilisons le conditionnel car cela peut dépendre du paramétrage de votre navigateur).

Bien sûr, si on se trompe d'encodage dans la déclaration en en-tête de fichier html, les caractères pourraient aussi mal s'afficher.

Aujourd’hui, l’encodage UTF-8 est le plus utilisé.

Avant l'invention de l'encodage UTF-8, les encodages existants ne permettaient pas d’utiliser facilement tous les caractères d’une langue dans une page HTML. Pour les caractères supplémentaires, il était nécessaire de les indiquer sous une forme particulière appelée Entité.

De manière générale, les entités codent des caractères accentués ou d’autres plus spéciaux. Exemples :

• © est codé par ©,
• œ est codé par œ,
• & est codé par &,
• < est codé par <,
• > est codé par >.

Aujourd’hui, avec l’encodage UTF-8, ces codages particuliers sont de plus en plus rarement utiles, mais il faut en comprendre le principe.

En appliquant la méthode de travail décrite précédemment, effectuez les modifications suivantes dans le code HTML de la page en vérifiant après chaque modification qu'elle a été bien réalisée.

1. Modifiez le titre de l'onglet de la page dans le navigateur (par exemple, enlevez de page web).
2. Supprimez les balises <em> et </em> autour du texte présent texte sera souligné.
3. Ajoutez des balises <u> et </u> autour du texte Le présent texte sera souligné tout à l’heure.
4. Ajoutez avant l'image un paragraphe contenant le texte Voici une image.
5. Ajoutez un titre de niveau 2 avant ce paragraphe dont l'intitulé est Balises d'insertion.