TD : Création d'un document HTML 4.0 et de son style CSS2

Travail à effectuer

  1. Créer un document avec Netscape Composer qui ait les caractéristiques suivantes:
    1. Le titre: "Mon premier document HTML 4.0"
    2. De langue française
    3. Les mots clés: "HTML" et "essai"
    4. Une section intitulée: "Première section" contenant le paragraphe suivant:
    Voici un paragraphe stupide qui n'a que pour interêt d'avoir un peu de corps. Si ce n'était pour ce TD jamais un tel document n'existerait!

  2. Mettre le mot "interêt" en majuscules accentuées.
  3. Ajouter le paragraphe "un élément de liste". Donner lui le style "List Item".
  4. Le document ainsi créé est-il valide? Sinon, que faut-il faire pour qu'il le soit? Que penser de Netscape Composer?

    ** Les exercices suivants sont à faire à l'aide d'un éditeur de texte du type emacs **

  5. Créer un deuxième document ayant pour titre "Mon deuxième document HTML 4.0" avec une section contenant un texte quelconque. Former une collection a l'aide des deux documents ainsi créés. L'information relative à la collection est-elle exploitable avec Netscape Navigator ? Et avec Lynx ?
  6. Insérer le logo de l'ESSI à gauche du premier paragraphe. Puis ajouter un deuxième paragraphe à la suite en faisant en sorte d'obtenir le flot suivant: 
    *********  premier paragraphe ---
|       |  ----------------------
|  logo |  ------
|       |  
*********
2eme paragraphe -----------------

  7. Que voit-on à la place du logo lorsque l'on utilise Lynx ? Si rien, que doit-on faire ?

  8. Peut-on créer la table des matières suivante ? 
        1. Première Section
      1.1 Première sous section
      1.2 Deuxième sous section
    2. Deuxième Section
    Commentaires?
  9. "Linker" la moitié gauche du logo à la Home page de l'ESSI, et la moitié droite à votre Home page.

  10. Comment peut-on obtenir un titre de section encadré comme suit? 
    -------------------------------------------------------------
| Titre de Section Encadré                                  |
-------------------------------------------------------------
    Commentaires?
  11. A partir du document HTML suivant: 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
   <TITLE>Mon document</TITLE>
</HEAD>
<BODY>
<H1>Mon document</H1>
<p>Dimanche était une très bonne journée pour ceux qui pratiquent la
planche à voile. Le vent soufflait très fort et le soleil
brillait. <p>Mais tout ceci est déjà loin et maintenant nous devons
travailler <a href="http://www.w3.org/TR/REC-CSS2">CSS2</a>.
</BODY>

    Spécifier le style suivant à l'aide d'un élément STYLE:

  12. Centrer le titre (H1) à l'aide de l'attribut style.
  13. Définir une classe "important" de telle sorte que les mots "très" soient en italiques rouges.
  14. Transformer l'élément STYLE en une feuille de style externe appelée "docstyle.css".
  15. A l'aide de l'attribut id, donner au second paragraphe une police de caratère "monospace".
  16. Mettre les deux paragraphes dans un cadre avec un fond gris (#ddd).