2. Travail dans l'éditeur HTML


Modification du code:

- Ouvrir le fichier theme.html avec votre éditeur de texte.

Voici une partie du début du code que vous pouvez voir:




Il va falloir modifier le code pour toutes les images en .gif en rajoutant:

style="background-image:url(chemin de votre image.gif);

Et en supprimant > et < img src="

La modification effectuée en image:




En jaune: Rajout du lien vers le fichier .css

En vert: Modification pour afficher le thème au centre si vous ne rajoutez pas ce code le thème sera aligné à gauche.

En rouge: Modification effectuée pour image_01.gif


Pour notre exemple "vert" nous avons une dizaine de lignes à modifier, le nombre d'images dépend de la segmentation que vous avez effectué.

NB: La modification en rouge devra être effectuée pour toutes les images .gif de votre theme.html

Une fois fait, sauvegarder votre travail sous theme.html

---