Devoir facultatif à renvoyer pour dimanche 27 mai 2012 :Samedi, c'était 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 :
- l'exercice ci-dessous (foot) ET...
- l'exercice-11 (médailles) OU l'exercice-12 (papillons).
- le fond de la page est bleu nuit : #000D53, le texte et les liens hypertextes sont blancs
- 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 ;)
- insérez les deux petites images à côté du nom des équipes
- le nom de chaque équipe est un lien hypertexte qui pointe vers une page de présentation : bayern.html et chelsea.html
- les couleurs d'arrière-plan, de texte et des liens hypertextes sont les même que ceux de la page finale.html
- le titre est de niveau 1, centré ; c'est le même titre qui doit apparaître dans la fenêtre du navigateur
- 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
- insérez un lien hypertexte sur la photo : si on clique dessus, on revient à la page finale.html
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 !!
Aucun commentaire:
Enregistrer un commentaire