Formation CSS 3

Avant de commencer

•  Objectifs et présentation
•  Séparation de contenu, de visuel etc.
•  Les standards et l’univers des CSS
•  Les outils de création nécessaires
•  Installation de l’environnement
•  Réaliser une grille de repères
•  Les navigateurs
•  Les validateurs
•  Utiliser CSS3 dès aujourd’hui ?

Synthèse récapitulative HTML

•  Document HTML - xHTML
•  xHTML 2 ou HTML 5 ?
•  DOCTYPE
•  Les balises HTML et leur familles
•  La nature du contenu de la page
•  Les balises
•  La structure globale des pages et du site
•  Nettoyage HTML

Synthèse récapitulative CSS

•  CSS3 : Quoi de neuf sous le capot ?
•  Boîte de type Bloc
•  Boîte de type Inline
•  Les diverses unités
•  Divers types de valeurs d’unité
•  Unités utilisées pour la typographie
•  Unités de base et propriétés prédéfinies
•  La feuille de réinitialisation par défaut
•  Ecriture courte VS écriture longue
•  Les feuilles en cascade
•  Le poids des règles
•  Mise en page en tableau ou tableau en CSS ?

Le positionnement

•  Le positionnement par bloc
•  Centrage des blocs et Inline
•  Le mode display
•  La propriété haslayout de IE de 5 à 7
•  Le positionnement par floataison
•  La floataison et le flux du document
•  Le nettoyage de floataison
•  Positionnement par position relative
•  Positionnement par position absolue
•  Positionnement par position fixe

Les gabarits de page

•  Qu’est-ce qu’une grille ?
•  Premier pas avec 960px
•  Modèles et Templates
•  Les types d’interface
•  Utilisation des modèles Dreamweaver

Les sélecteurs

•  Les divers types
•  Les imbrications
•  Le filtrage par attributs
•  Les pseudo-classes - partie 1
•  Les pseudo-classes - partie 2
•  Les expressions d’Internet Explorer
•  Les commentaires conditionnels

Sémantique et micro-formats

•  Gestion des styles par les navigateurs
•  Idée d’une signature CSS
•  Sémantique dans les nommages
•  Définitions des micro-formats
•  L’idée du web sémantique

Eléments de liens et boutons

•  Les pseudo-classes de liens
•  Créer un bouton par couleur et typo
•  Créer un bouton par image
•  Les barres de menus
•  Les cartes-image

Les listes d’informations

•  Gestion des listes
•  Les listes de définitions
•  Les listes à onglets
•  Report de liste sur un menu