Adobe Dreamweaver : créer les mises en forme et les mises en page avec les CSS 2.1

Public :

• Concepteur de sites Web.
• Personnes chargées de la réalisation de mises en page en "full CSS".

Objectifs :

• Apprendre à concevoir et réaliser une mise en page tout en CSS.
• Savoir analyser la structure d'une page.

Pré-requis :

• Connaître l'Internet et les sites Web.
• Avoir suivi le cours " G510-010 - Adobe Dreamweaver : créer votre site Web ", ou posséder les compétences équivalentes.

Contenu pédagogique

Synthèse des acquis

• Eléments HTML
• Attributs d'éléments
• Sélecteur CSS
• Balise
• Classes
• Identificateurs
• Regroupement
• Sélecteurs contextuels
• Unités et couleurs

Typographie et mise en forme du texte

• Polices
• Tailles des polices
• Indentation
• Interlignage
• Lettrine

Boîte CSS

• Arrière-plans
• Bordures
• Remplissages
• Marges
• Modèle de boîte Microsoft
• Centrage de boîte

Les titres

• Eléments de titrages (h1, h2, h3...)
• Les images pour les titres

Positionnement en CSS

• Flux courant
• Relatif
• Absolu
• Fixe
• Flottant

Créations de menus

• Simple
• Encadré
• En relief
• Horizontal

Formulaire

• Mise en forme des objets
• Sélecteur de focus
• Présentation en colonnes

Mise en page

• Deux colonnes proportionnelles
• Deux colonnes dont 1 fixe
• Deux colonnes centrées
• Trois colonnes dont 2 fixes
• Mise en page en colonnes avec en-tête et pied de page

Réalisation d'un projet

• Analyse de la mise en page
• Création de la page d'accueil
• Construction d'un formulaire de contact