Programme :

1. HTML : RAPPEL
Historique.
Principes de base.
Principales balises.

2. RELIER LA PAGE HTML À LA FEUILLE DE STYLES
Savoir quand utiliser les attributs « style ».
Créer une structure de feuille de styles avec les styles globaux et les styles spécifiques.

3. GRAPHISME DE LA PAGE
Découpage des images par les graphistes en vue d'une conception par feuille de styles.
Gérer les tailles de caractères proportionnelles (em, %).
Insérer des images pour les puces de listes HTML.
Habillage simple d'une page, de tableaux et des formulaires HTML.

4. POSITIONNEMENT CSS
Détail des différents positionnements CSS et notion de flux de contenu.
Résolution des problématiques introduites par les positionnements relatifs et les positionnements absolus.
Appliquer correctement des blocs flottants.
Centrer un contenu verticalement.
Utiliser les blocs en ligne (inline-bloc).
Avoir un bloc toujours en bas de page.

Travaux pratiques : création d'une maquette avec plusieurs colonnes CSS (principes des « fausses colonnes » et démarche avec des marges négatives).

5. MENUS ET ONGLETS CSS
Apprendre à construire un menu à base de listes HTML.
Réalisation d'un menu vertical avec mise en surbrillance et graphisme.
Étude d'un menu horizontal et des problématiques associées.

Travaux pratiques : création d'un système d'onglets cliquables.

6. DES FEUILLES DE STYLES PAR MÉDIA
Les feuilles de styles alternatives.
Réalisation de feuilles de styles spécifiques.

Travaux pratiques : création dune feuille de styles dédiée à l'impression de la page, avec un rendu différent du rendu écran.

7. ACCESSIBILITE
Sensibilisation aux besoins accessibles.
Les média.