Introduction

Edition de sites internet
Panorama des outils de création de pages web
Présentation des produits Adobe

Premiers pas avec Dreamweaver

Découverte de l'interface : les fenêtres, les palettes de composants, les panneaux

Organisation de l'espace de travail
Paramétrage des préférences : affichage, navigateurs, éditeur, ...
Création de pages web : édition, modification, sauvegarde
- Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
- Insertion d'images et manipulation de propriétés (redimensionnement, optimisation, recadrage)
- Création de liens hypertextes (lien vers une page web, lien vers un fichier, lien de messagerie)
- Création, modification de tableaux
Définition d'un site Dreamweaver, gestion des fichiers, affichage de la carte du site

Initiation au code XHTML

Principes de fonctionnement
Bases du XHTML : balises et attributs, catégories de balises.
Présentation des principales balises (texte, images, listes à puces, liens, tableaux...)
Manipulation de tableaux

Styles CSS

Principes de base
Différents types de règles CSS
Mise en forme CSS avec Dreamweaver
- Redéfinition d'un style d'une balise XHTML
- Définition des styles de sélecteurs : liens survolés, liens actifs...
- Création de styles personnalisés
- Application de styles personnalisés
- Attacher une feuille de style

Méthodes de création de sites web

Présentation des différentes méthodes
Méthode des tableaux :
- Création de l'ergonomie d'un site web
- Gestion des problèmes de positionnement
- Génération du gabarit principal
- Edition des pages issues du gabarit
Méthode des cadres :
- Principes des Jeux de cadres (frameset)
- Jeux de cadres proposés par Dreamweaver
- Création d'un site
- Enregistrement et modification de cadres

Les Formulaires

Fonctionnement d’un formulaire
Création de formulaires : Insertion de champs, mise en forme...
Validation du formulaire
Récupération des données, envoi d’un mail avec PHP
Mise en forme CSS des formulaires

Mise en ligne de sites web

Principes du transfert FTP
Paramétrage du client FTP de Dreamweaver
Transfert de fichiers sur le serveur distant
Présentation d'autres outils FTP

Utilisation des modèles

Principes de fonctionnement des modèles de Dreamweaver
Architecture du modèle et organisation des différentes régions
Edition de pages issues d'un modèle
Application d'un modèle

Fonctions avancées de mise en forme

Insertion de signets
Liens vers les signets
Présentation du Flash
Création d’un menu Flash
Insertion de texte animé, de médias (son, vidéo)

Présentation du DHTML

Principes de fonctionnement du DHTML
Génération de contenu dynamique avec Dreamweaver :
- Les comportements (apparition d’objets, ouverture de fenêtres, images survolées...)
- Les scénarios (déplacement de calques, titre défilant...)
- Création de menus dynamiques

Création de sites avancée

Création d’un site complexe avec la méthode des tableaux imbriqués
Ergonomie avancée du site
Mise en forme avancée avec les Styles CSS

Méthode des calques

Principes de bases
Types de positionnement de calques (relatif, absolu, flottant)
Prise en charge des calques par Dreamweaver (fonction d'insertion de la balise div)
Gestion des CSS associés aux calques
Problématique de positionnement relative/absolu
Problématique des calques flottants
Avantages de cette méthode

Initiation au référencement

Présentation des enjeux du référencement
Concepts et insertion des balises d’en-tête
Critères de classement des outils de recherche
Règles à respecter et Spam-dexing

Le cadre applicatif SPRY

Présentation du framework SPRY
Panorama des effets et des widgets SPRY
Création de formulaires avec des composants contrôlés
Menus dynamiques SPRY

Conduite de projet Web avec Dreamweaver

Spécification d’un site : le cahier des charges
Conception du site : l’ergonomie, la navigation, la charte graphique, les bases de données, etc.
Développement du site : le rôle de Dreamweaver
Mise en ligne du site : l’importance de la recette
Suivi du site : animer et maintenir son site Web

Conclusion

• Un support et les exercices du cours pour chaque stagiaire
• Un formateur expert ayant suivi une formation à la pédagogie
• Le déjeuner compris en inter-entreprises
• Boissons offertes pendant les pauses en inter-entreprises
• Soutien du formateur pendant un mois
• Salles lumineuses et locaux facilement accessibles
• Méthodologie basée sur l'Active Learning : 75% de pratique minimum