Cration des sites TP cration site dynamique Crer

Création des sites

TP création site dynamique �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

Partie corps �Division d’un identifiant nommé moncadre �À 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

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

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

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

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

Le menu de droite �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é

La classe cadrecentrale �Largeur 720 pixels �Bordure 1 px solide d’une couleur de votre choix �Arrière plan blanche • Marges intérieures et extérieures de 5 px

La classe footer �La couleur de police de votre choix • Marges intérieures et extérieures de 5 px

liste �Liste simple sans style �Marges intérieures de 5 pixels

Décoration �Titre de niveau 1 • Couleur de votre choix • Taille 25 px • Bordure bas de 1 px solide de couleur de votre choix

�Titre de niveau 2 • Couleur de votre choix • Taille 20 px • Bordure bas de 1 px solide de couleur de votre choix

Les liens �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

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

Ajouter la classe cadre �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

La classe erreur �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

Le sélecteur fieldset �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

Le sélecteur td �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

Pre & blockquote �Hauteur automatique �Arrière plan �Bordure solide de 1 px �Les marges intérieures et extérieures de 5 px