Demande de renseignements

Autre formations :

• Dreamweaver CS4 Initiation
• HTML
• Dreamweaver CS4 avancé

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