Ziggourat FORMATION

8. Formation Conception des gabarits HTML et CSS avec Dreamweaver

Objectifs

Développer des sites web grâce à la méthode des CSS combinée avec le logiciel Dreamweaver CS. Concevoir facilement des interfaces graphiques simples et efficaces.

Participants

Graphistes, infographistes, webdesigner, développeurs web et toute personne voulant construire des sites statiques ou des modèles d’interfaces accessibles et respectant les standards du W3C.

Prérequis

Être à l’aise avec l’utilisation d’Internet et son environnement informatique.

Programme

Notions de base

• Qu’est-ce que HTML, XHTML et CSS ?
• Principes de base du langage HTML
• Différentes parties d’un document HTML
• Les balises et leurs attributs

Environnement de travail

• Personnalisation de l’interface utilisateur
• Regroupement des palettes flottantes
• Palettes Propriétés interactives
• Palette d’insertion
• Les diff érentes vues : code et graphique
• Les aides à la mise en page : grille, règles et loupe
• Déclaration et gestion du site
• Outils de tests et de validation (liens, code, navigateurs)

Intégration des textes

• Gestion des éléments textuels
• Gestion des listes
• Gestion des liens hypertextes et des ancres

Intégration média

• Gestion des images
• Insertion de média (vidéo, animation)

Intégration des liens

• Notion de lien relatif et de lien absolu
• Créer un lien hypertexte
• Créer une ancre

Les bases de CSS

• Utilisation de la palette CSS
• Structure CSS
• Notions d’éléments « in-line » et « block »
• Utilisation des sélecteurs de balise

Les sélecteurs CSS

• Utilisation des sélecteurs d’identifi ant
• Utilisation des sélecteurs de classe
• Utilisation des pseudo-classes et mise en forme des liens

La mise en forme des contenus

• Gestion des éléments textuels
• Mise en forme des listes
• Gestion des images
• Gestion des vidéos, des animations

La mise en page par tableau

• Gestion des tableaux
• Gestion des tableaux imbriqués

La mise en page par boîte

• Propriété des éléments flottants
• Utilisation des modèles de mise en page
• Utilisation des modèles de mise en forme CSS