« Passer à la vitesse supérieure en construisant des sites fonctionnels et attractifs. Les ingrédients : CSS et Dreamweaver.»
- 3 jours
- Snow Leopard
- Windows7
- 1020€ HT
Dates ( en inter-entreprises ) – 2012
| du –/01 au –/01 | du 18/07 au 20/07 |
| du 08/02 au 10/02 | du –/08 au –/08 |
| du 05/03 au 07/03 |
du –/09 au –/09 |
| du –/04 au –/04 | du –/10 au –/10 |
| du 23/05 au 25/05 | du –/11 au –/11 |
| du 11/06 au 13/06 | du –/12 au –/12 |
Public
- webdesigner
- webmaster
Objectifs
Travailler essentiellement la mise en forme graphique grâce au couple Dreamweaver/CSS
Télécharger le programme de formation
L’interface de Dreamweaver autour des CSS
- Configurer l’interface
XHTML/CSS
- Dissocier le «fond de la forme»
- Les différents sélecteurs CSS
- Le principe des feuilles de styles en cascade
Utiliser la bibliothèque de pages HTML
- Les mises en page fixe, élastique, liquide et hybride
- Comprendre la structure de ces pages-type
- Modification des CSS
- Créer une page-type
Préparer ses CSS
- Utiliser Photoshop, Illustrator ou Fireworks pour créer une maquette graphique
- Créer le squelette
- Optimisation des images
- L’outil tranche
- Exportation depuis ces logiciels d’édition graphique
Gérer ses CSS avec Dreamweaver
- Le flux de production autour des CSS avec Dreamweaver
- Le panneau Styles CSS
- Paramétrer les préférences des CSS
- Les aides visuelles de DW autour des CSS
- Le navigateur dans le code
- Gérer les CSS avec les propriétés
- Travailler avec l’affichage en direct
Gérer le texte avec les CSS
- Créer de nouveaux jeux de polices
- Les unités de mesures
- Contrôler les différents attributs typographiques (interlignage, marges, …)
Travailler avec des arrière-plans
- Les propriétés d’arrière-plans
- Utiliser des images d’arrière-plans
- Gérer les propriétés (répétition, positionnement)
- Les ombres portées
- Techniques de remplacement d’images
- Arrière-plans complexes et expérimentaux
Formater les tableaux
- La structure HTML d’un tableau
- Créer et afficher un jeu d’enregistrements
- La structure HTML d’un tableau
- Les balises thead et tbody
- Formater la légende, les entêtes, le contenu
Formater les formulaires
- La structure HTML d’un formulaire
- Formater les étiquettes, éléments de formulaire (champ, bouton)
- Formater les objets SPRY
Créer des éléments de navigation
- Utilisation des listes pour la navigation
- Créer un menu horizontal et vertical
Mise en page
- Les mécanismes des boîtes (div)
- Comprendre les marges, le flux de positionnement
- Créer une mise en page à 2 colonnes
Gérer les objets SPRY avec les CSS
- Présentation des objets SPRY
- Formater les objets SPRY
Les CSS pour d’autres médias
- Les CSS pour l’impression
- Les CSS et l’accessibilite
Tester les CSS
- Vérification de compatibilté avec les navigateurs
- Utilisation de l’outil d’Adobe BrowserLab
- Résoudre les problèmes avec Adobe CSS Advisor
Yann ANDRÉ – Formateur WEB
Co-gérant et webdesigner de l’agence Kaligram’, il expérimente les nouvelles technologies web au sein de projets .