4/11/14

Exercice Storm

Téléchargez le dossier Storm

(D'après E. Meyer- More Eric Meyer on CSS-New Riders, 2004)

Le but de cet exercice est de réaliser une page html similaire à l'image storm.png. Vous trouverez le texte de la page dans le fichier article2.txt. Commencez par réaliser la partie html de la page à partir de ce fichier non balisé. Le balisage est simple : outre les balises nécessaires à tout document html, vous devrez ajouter un h1 et des p.

Mettez la couleur de fond dans HTML et l'image de fond dans body.

Le dossier que vous avez téléchargé contient deux images translucides en format png pour les fonds de h1 et p (Ne confondez pas translucide et transparent : translucide signifie partiellement transparent). Utilisez ces images pour paver certaines boites.

Continuez à modifier votre page html jusqu'à obtenir un rendu similaire à l'image storm.png.

Remarque : pourquoi et comment trouver une bonne couleur de fond pour body (#0F2225) ? Lorsque vous désirez choisir une couleur pour une propriété CSS, Bluefish dispose d'une pipette qui vous permet de copier la couleur d'une image affichée soit dans la page html en cours soit dans une autre fenêtre ou même avec un autre logiciel (pourvu qu'elle soit visible sans désactiver Bluefish).