Objectif

Le déroulé de cette formation correspond au module "débutant / intermédiaire" pour Dreamweaver CS3.

Prérequis

Connaissances de l'outil Internet.

Déroulé

Préambule

Dreamweaver dans le contexte Internet, les navigateurs en présence, les éditeurs HTML sur le marché, les produits Adobe/Macromedia.

La phase de conception
Pour qui faire un site ? Comment ?
Editer un cahier des charges, les responsabilités de chacun
Etablir une charte graphique, une charte de nommage.

Approche du logiciel

Présentation de l'interface
Organisation de l'espace de travail
Paramétrages des préférences : éditeurs externes, navigateurs

Planification du site

Définir et paramétrer un site local
Conception de l'arborescence
Construire la navigation dans le site : les différents types de liens

Création et maintenance du site

Automatiser les tâches, faciliter la maintenance des pages, les mises à jour, créer du code réutilisable

Insertion d'objets

Création de cadres dans une page HTML
Les différents types d'images
Interaction Dreamweaver / Fireworks
Insertion de tableaux : mode Standard ou mode "Mise en Forme"
Insertion de calques
Les objets Formulaires et leur fonctionnement
Les ancres (dans un même document, dans des documents différents)
Créer une galerie d'images

Les objets Spry : créer des interfaces riches

Création de bibliothèques

Réutiliser plusieurs fois les mêmes objets
Mises à jour rapides de toutes les pages du site

Création de modèles

Les modèles standards, les modèles imbriqués
Définir des régions modifiables, répétées, facultatives
Mettre à jour rapidement tout le site

Créer des styles CSS

Contrôle de l'aspect visuel de l'ensemble du site, respect de la charte graphique
Mises à jour rapides du site
Les différents sélecteurs CSS
Méthodologie de mise en page complète en CSS
Utiliser les modèles CSS prédéfinis de Dreamweaver
La gestion des feuilles de style

Les fragments de code (snippets)

Créer du code réutilisable
Les différents types de fragments de code

Ajout d'interactivité et d'animations

Les comportements
Introduction au Javascript des comportements
Le cadre applicatif Spry (framework)
Les effets Spry
Vérification Spry de contrôles de formulaire
Insertion d'animations Flash

Les fonctions FTP

Paramétrer les infos distantes
Les opérations d'archivage et d'extraction
Utiliser les fonctionnalités du voilage
Synchroniser les sites (serveur/local)

Gestion globale du site

Vérifier les liens du site
Travailler avec la fenêtre de site
Utiliser le panneau des Actifs, regroupement des favoris
Faire valider le code HTML
Référencer le site

Les ressources de Dreamweaver

Installer les extensions Dreamweaver
Extension Manager
Le site Adobe Exchange, les sites Web, les forums de discussion

Fireworks

Présentation de Fireworks

Images vectorielles et bitmaps
Les différents formats d'images pour le web : GIF, JPG, PNG

Optimisation des graphismes
Exportation

Utilisation conjointe de Dreamweaver et de Fireworks

Création et utilisation des références et des découpes
Création de boutons et de barres de navigation
Création d'images survolées
Création de menus contextuels
Création d'animations
Utilisation des bibliothèques, des styles et des Urls

Mettre à jour les images générées par Fireworks et exportées dans Dreamweaver