 Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style.

Présentation au sujet: " Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style."— Transcription de la présentation:

1

2  Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style

3 moncadre  Division d’un identifiant nommé moncadre cadredumenudroite  À l’intérieur de la division mon cadre déclarer une deuxième division d’une classe nommée cadredumenudroite  Dans cette division déclarer Un titre de niveau 1 Une liste simple d’un seul élément

4  Dans le même cadre d’identifiant cadre centrale Déclarer une nouvelle classe nommée cadre centrale  Cette division doit contenir un titre de niveau 1  Un paragraphe footer Déclarer une nouvelle classe nommée footer

5  Déclarer un sélecteur body Arrière plan d’une couleur de votre choix La taille de police : 12pixels Type de police : arial, tahoma,verdana Marges :10 pixels en haut le reste automatiques

6  Largeur : 900 pixels  Les marges : 0pixels en haut et le reste automatiques  Arrière plan : blanche  Bordures : solide de 1px avec une couleur blanche  Propriété de dépassements de blocs automatique

7  Mettre la boite à droite  Aligner le texte à gauche  La largeur 140 pixels  L’arrière plan blanche  Bordure gauche 1px solide d’une couleur de votre choix  Couleur de texte  Marges intérieures et extérieures de 5 px

8  Les titres de niveau 1 de la classe menu droite Couleur de texte :Blanche La taille : 15 pixels Bordures : 1 px solide d’une couleur de votre choix Arrière plan différent de la couleur de police Marges intérieures et extérieures de 5 px Alignement de texte :centré

9  Largeur 720 pixels  Bordure 1px solide d’une couleur de votre choix  Arrière plan blanche Marges intérieures et extérieures de 5 px

10  La couleur de police de votre choix Marges intérieures et extérieures de 5 px

11  Liste simple sans style  Marges intérieures de 5pixels

12  Titre de niveau 1 Couleur de votre choix Taille 25px Bordure bas de 1 px solide de couleur de votre choix

13  Titre de niveau 2 Couleur de votre choix Taille 20px Bordure bas de 1 px solide de couleur de votre choix

14  Donner une couleur au lien de niveau 2  Donner une couleur différente pour l’état du survole et sans décoration de texte  Les liens de menu Affichage en blocs Sans décoration de texte Couleur différente Ajouter une déclaration de l’état de survol avec arrière plan d’une couleur différente

15  Changer la couleur des liens  Enlever toutes les décorations  Ajouter un soulignement à l’état hover  Enlever les bordures des images

16  La hauteur automatique  Une couleur différente d’Arrière plan  Bordure de 1 pixel solide avec une couleur de choix Marges intérieures et extérieures de 5 px  Propriété de dépassements de blocs automatique

17  Alignement centrer  Couleur rouge  Text en gras  Bordure de 1 pixel solide rouge  Longueur automatique  Largeur 300 pixels  Les marges automatiques  Les marges intérieures 5 px

18  Bordure de 1 px et de type solide  Le sélecteur form :alignement centré du texte  Le sélecteur input :Bordure de 1 px et de type solide  et arrière plan de votre choix  Le sélecteur zone de texte : Arrière plan et Bordure de 1 px et de type solide

19  Alignement de texte centré  Bordure blanche et solide de 1 px  Une couleur pour l’arrière plan  Texte noir  Une classe hauttd avec les mêmes propriétés et texte en gras

20  Hauteur automatique  Arrière plan  Bordure solide de 1 px  Les marges intérieures et extérieures de 5 px