Ajoutez des couleurs à la page

1. Vous allez à présent ajouter des couleurs d'arrière-plan à quelques-uns des calques ainsi qu'a la page entière.Sélectionnez le calque navigation en cliquant sur sur son nom dans le panneau Calques (Fenêtre > Calques).

   
   
   

2. Dans l'inspecteur de propriétés, cliquez une fois dans la zone de texte Couleur d'arrière-plan.

   Cette zone se trouve juste à côté de la zone de couleur Couleur d'arrière-plan (ar-pl).

3. Dans la zone de texte Couleur d'arrière-plan, entrez la valeur hexadécimale #993300 puis appuyez sur la touche Entrée (Windows) ou Retour (Macintosh).

   
   
   

   Le calque navigation prend une couleur brun rougeâtre.

4. Sélectionnez le calque flash_video en cliquant sur son nom dans le panneau Calques.
5. Dans l'inspecteur de propriétés, cliquez une fois dans la zone de texte Couleur d'arrière-plan, entrez la valeur hexadécimale #F7EEDF puis appuyez sur la touche Entrée (Windows) ou Retour (Macintosh).

   Le calque flash_video prend une couleur brun clair.

6. Répétez les étapes précédentes pour changer la couleur du calque texte en brun clair également.
7. Dès que vous aurez défini les couleurs d'arrière-plan des trois calques, cliquez une seule fois à la droite de tous les calques pour vous assurer que rien n'est sélectionné.

   Vous allez ensuite modifier la couleur d'arrière-plan de la page entière en modifiant les propriétés de la page. La boîte de dialogue Propriétés de la page permet de définir diverses propriétés, comme la taille et la couleur des polices de la page, les couleurs des liens visités, les marges de la page, etc.

8. Choisissez Modifier > Propriétés de la page.
9. Dans la catégorie Aspect de la boîte de dialogue Propriétés de la page, cliquez sur la zone de couleur Couleur d'arrière-plan et choisissez le noir (#000000) dans le sélecteur de couleur.

   
   
   

10. Cliquez sur OK.

    L'arrière-plan de la page devient noir.

11. Enregistrez votre page.

La mise en forme CSS de votre page est maintenant terminée. La mise en forme contient un certain nombre de tableaux qui contiennent des actifs tels que des images, du texte et des fichiers vidéo Flash. L'étape suivante consiste à ajouter le contenu.

Si vous avez suivi le Didacticiel : Ajout de contenu aux pages, vous savez que vous pouvez utiliser Dreamweaver pour insérer aisément des actifs dans votre page. Si vous n'avez pas terminé ce didacticiel, vous pouvez prendre les illustrations comme références pendant que vous ajoutez du contenu à la page que vous venez de terminer en utilisant la mise en forme CSS.

Vous pouvez trouver une version terminée de ce didacticiel dans le dossier cafe_townsend/completed_files/dreamweaver.