TP1: Mise en forme du texte
Exercice : Mise en forme d'un texte
Créez un répertoire TP1 dans u:\public_html. Téléchargez le fichier kitsune.txt dans le répertoire TP1.
Créez un répertoire images dans le répertoire TP1. Téléchargez dans ce répertoire les 3 images suivantes:im1 im2 im3 .
Vous utiliserez Sintilla pour éditer vos pages HTML.
- Le premier objectif de ce TP consiste à metre en forme le texte du fichier kitsune.txten respectant les directives suivantes:
- Créez un fichier HTML contenant tout le texte du fichier kitsune.txt .
- Appliquez un style de titre au titre général, ajoutez un titre dans la barre de titre du navigateur, et ajoutez un titre de niveau moindre et souligné à chaque paragraphe.
- Créez les paragraphes avec des balises <p>.
- Mettez tous les mots kitsune en gras et en italique.
- Mettez chaque mot japonais (dont le mot kitsune) en police arial et en rouge.
- Remplacez les deux listes de la fin du texte respectivement par une liste ordonnée (ordre romain en majuscules) et par une liste non ordonnée (cercles).
- Placez une barre horizontale en fin de l'article de largeur la moitié de la page et centrée.
- Ajoutez à sa fin, après la barre, la date courante, dans un paragraphe aligné à droite.
- Remplacez les noms d'images (kitsune1.gif, kitsune2.jpg et kitsune3.jpg) par l'affichage de ces images aligné à gauche pour la première, centrée pour la seconde et alignée à droite pour la troisième. Ces images devront apparaître sous forme de petites vignettes de largeur 50 pixels en respectant leur ratio largeur*hauteur sans modifier les images originales.
- Faites en sorte qu'en cliquant sur une de ces 3 images on l'ouvre à sa taille réelle dans une nouvelle page avec un lien nommé "retour" pour revenir à la page précédente.
- Créez 2 ancres sur les 2 définitions de la fin et faites un lien permettant d'y accéder pour chacune de leur apparition dans le texte.
- Dans le paragraphe "Apparitions", créez un lien externe pour chacune d'entre elles vers un site en parlant.
- Faites en sorte de pouvoir afficher correctement votre page pour n'importe quel type de codage de caractères choisi dans "Affichage > Encodage des caractères" sous Firefox.