Ci 631 - Dreamweaver 8: Niveau 1

Présentation de l’environnement de conception Web

• Notions fondamentales des solutions Web et leurs environnements (sites Web, applications Web, …)
• Présentation de l’ensemble des technologies
• Principes et critères de choix technologiques

Exploration de l’espace de travail

• Présentation des concepts ergonomiques de Dreamweaver
• Utilisation de la fenêtre de document
• Utilisation des barres d’outils, des panneaux et volets, de l’inspecteur des propriétés
• Présentation de l’aspect contextuel de l’interface
• Présentation et utilisation de l’aide (globale, contextuelle, …)
• Personnalisation de l’espace de travail

Configuration d’un site Dreamweaver

• Présentation du panneau de configuration de site (utilité d’options spécifiques)
• Configuration d’un nouveau site Dreamweaver
• Utilisation des paramètres avancés pour configurer un site

Création de documents

• Création de nouveaux documents et récupération de documents existants
• Gestion des fichiers : Utilisation du panneau « Fichiers »
• Gestion des actifs numériques : présentation et utilisation du panneau « Actifs »

Mise en page des pages Web

• Présentation des outils de mise en page (Tableaux, Calques, fonctions d’alignement, …)
• Manipulations et opérations des tableaux et des calques HTML (conversion, fusions, …)
• Présentation des Cadres (Frames HTML) (avantages et inconvénients)

Mise en forme des pages Web

• Présentation des feuilles de style en cascade (CSS)
• Utilité et implémentation des feuilles de style.
• Problématiques de reprise de page existantes avec les feuilles de style
• Créations de feuilles de style
• Mise en forme des pages avec les CSS (feuilles de style en cascade)

Présentation et gestion des outils de productivité et de gestion de site

• Utilité des outils apportés par Dreamweaver
• Présentation et utilisation des « Modèles Dreamweaver »
• Présentation et utilisation des « Bibliothèques Dreamweaver »

Conception, ajout de contenu aux pages

• Présentation de la barre d’insertion et des objets HTML
• Insertion et mise en forme de texte (formatage, orthographe, recherche, …)
• Insertion d’images et manipulations (images simples, images survolées, …)
• Etablissement des liens et de la navigation

Enrichissement des pages Web

• Présentation du concept d’applications « riches »
• Ajout de contrôles et d’interactivité aux pages grâce aux comportements Javascript
• Utilisation d’applications tierces pour la conception de page (notamment l’utilisation de logiciel d’images comme FireWorks ou Photoshop/Image Ready)
• Ajout d’éléments audio et vidéo (Flash, …)

Tests, validation et mise en production

• Présentation des outils offerts par Dreamweaver pour la réalisation de cette étape
• Méthodologies de tests et déboguage d’un site Web
• Récupération et modification de documents
• Procédures de validation de documents
• Tests et mise en production

Atelier – Réalisation d’un site statique d’une société

Présentation de l’atelier

• Méthodologie dans la réalisation d’un Projet Web
• Préparation de tous les éléments utiles à la réalisation de l’atelier (images, pages, …)

Réalisation de l’atelier

• Préparation d’un plan d’actions avec arborescence du site
• Connexion de Dreamweaver aux éléments existants du site
• Conception sous Dreamweaver
• Réalisation et tests des pages du site