bac info : devoir-11

Samedi, c'est la grande finale de l'UEFA Champions League ! Réalisez un petit site web de 3 pages qui présente le match et les deux équipes.

Créez la page finale.html (titre à voir dans le navigateur : "Finale de l'UEFA Champions League") en respectant les instructions suivantes :

1. le fond de la page est bleu nuit : #000D53, le texte et les liens hypertextes sont blancs
2. le premier titre est de niveau 1, le deuxième de niveau 2 et le troisième de niveau 3 ; ils sont tous centrés et il faut les taper ;)
3. insérez les deux petites images à côté du nom des équipes
4. le nom de chaque équipe est un lien hypertexte qui pointe vers une page de présentation : bayern.html et chelsea.html

Les deux pages bayern.html et chelsea.html suivent le même modèle ; le texte source est disponible dans ce fichier texte à télécharger (encodage : UTF-8) :

1. les couleurs d'arrière-plan, de texte et des liens hypertextes sont les même que ceux de la page finale.html
2. le titre est de niveau 1, centré ; c'est le même titre qui doit apparaître dans la fenêtre du navigateur
3. insérez un tableau de 2 lignes et 2 colonnes (largeur 700 pixels, hauteur automatique, sans bordure, marge intérieure des cellules de 5 pixels, espacement entre les cellules de 15 pixels) ; fusionnez les deux cellules de la première pour insérer au centre la photo de l'équipe (avec une bordure blanche de 3 pixels) et le premier paragraphe (sans espace, centré, juste sous la photo) ; copiez-collez les deux paragraphes (justifiés) dans les deux cellules (de largeur identique) de la deuxième ligne
4. insérez un lien hypertexte sur la photo : si on clique dessus, on revient à la page finale.html

Modèle : cliquez ici pour voir le petit site en vrai (on peut cliquer sur les liens hypertextes)

Important :

• utilisez absolument toujours, pour les images et pour les liens hypertextes, des adresses relatives !!
• ça veut dire que vous devez créer un dossier sur le disque dur de votre ordinateur, où on trouvera les 3 fichiers .html et les 4 images ; dans les balises img et a, les champs src et href ne doivent contenir que le nom du fichier source ou cible !!
• si vous souhaitez une correction, envoyez tout le dossier au prof ;)

Source : UEFA Champions League - Finale - UEFA.com, consulté le 14 mai 2012