Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ? • Les principales balises HTML pour le texte • Exercice de balisage HTML: présentation de l’exercice • Corrigé: structurer un texte en HTML • Les commentaires en HTML • Styles CSS: attribut style et élément style, sélecteur d’éléments • Styles CSS: utiliser les classes et identifiants • Exercice: reproduction d’un style existant • Des images pour les pages web

Sommaire de la formation XHTML et CSS :

Introduction
Le mot de l’auteur



Annexe 1: Travailler avec les bons outils
Éditeur WYSIWYG ou éditeur de code? • Les navigateurs web • Barre d’outils Web Developer et Firebug

Introduction à la mise en page en CSS
Éléments de type bloc et éléments de type en-ligne • Le modèle de boite CSS: hauteur et largeur • Le modèle de boite CSS: les marges • Le modèle de boite CSS: bordures et padding • Le modèle de boite CSS: comment se cumulent ces propriétés • Le positionnement relatif • Le positionnement absolu • Le positionnement flottant • Une fiche produit (exercice): balisage HTML • Une fiche produit (exercice): mise en forme CSS

Annexe 2: Standards et validité
Validité du code XHTML • Les validateurs sont mes amis • Les standards XHTML et CSS: spécifications et références

Mise en page d’un design simple
Présentation de l’exercice: réalisation d’un site web complet • Mise en place du projet • Mise en forme de l’en-tête du site • Analyse du design et création de de blocs conteneurs (éléments DIV) • Positionnement des principaux blocs • Un point sur les couleurs pour le Web (couleurs en CSS, outils pratiques) • Décorer un bloc avec des images de fond (propriété background)

Des menus de navigation en HTML et CSS
Qu’est-ce qu’un menu de navigation ? • Analyse du design du menu principal de notre site web • Styles CSS du menu principal

Annexe 3: L’encodage des caractères
Qu’est-ce qu’un encodage de caractères ? Quel encodage choisir ? • Comment bien déclarer l’encodage d’une page ? • Les entités HTML

Mise en forme du contenu
Mise en forme des contenus de l’accueil: boites pour le texte • Mise en forme des contenus de l’accueil: styles du texte • Préparation de la page «fiche produit» • Intégration et adaptation de la fiche produit • Récapitulatif des propriétés CSS pour le texte

Annexe 4: Des gabarits de mise en page pour vos projets
Présentation des gabarits de mise en page • Rappel largeur fluide et largeur fixe. Modifier un gabarit.

Tableaux et formulaires en HTML et CSS
Construire et mettre en forme un tableau • Un formulaire simple en HTML • Mise en forme du formulaire

Conclusion
Conclusion de la formation