dimanche 12 mai 2013

Bac info : Jour J-9

Instructions :

  1. Créez deux pages web : jour-j-9-a.html et jour-j-9-b.html.
  2. Le titre qui doit être visible dans la barre du navigateur : "Jour J-9 par xxx" (où xxx est votre prénom).
  3. Pour les deux pages, les couleurs sont : vert foncé (#81741C) pour l'arrière-plan, orange clair (#FCB132) pour le texte, vert clair (#C3C95B) pour les liens hypertextes dans tous leurs états.
  4. jour-j-9-a.html :
    • Tapez le titre de niveau 1 "Bac info" et centrez-le.
    • Créez un tableau de deux lignes et deux colonnes centré, largeur du tableau 50% de l'écran, colonnes de même largeur, marges intérieures des cellules 3 points, espacement entre les cellules 3 points, bordure de 3 pixels vert clair (voir code ci-dessus).
    • Dans la première ligne, tapez le texte "Mardi 21 mai 2013" dans la cellule de gauche, et appliquez-lui le style de titre de niveau 2 ; dans la cellule de droite, insérez l'image jour-j-9.png et alignez-la à droite dans la cellule.
    • Fusionnez les deux cellules de la seconde ligne, ajoutez une fine bordure orange clair, et tapez le texte "Plus d'informations..." dans un paragraphe centré. Ce texte est un lien vers la deuxième page.
  5. jour-j-9-b.html :
    • Tapez le titre de niveau 1 "Plus d'infos..." et centrez-le.
    • Créez un tableau d'une ligne et deux colonnes centré, largeur du tableau 500 pixels, colonnes de même largeur, marges intérieures des cellules 3 points, espacement entre les cellules 3 points, bordure de 3 pixels vert clair, arrière-plan orange clair.
    • Insérez l'image jour-j-9.png au centre de la cellule de gauche ; si l'on clique sur cette image, on revient à la première page du site.
    • Tapez le texte "Cliquez sur l'image pour revenir à l'accueil" dans un paragraphe au centre de la cellule de droite ; faites-le apparaître en noir.

Modèle :

Aucun commentaire: