Introduction

Edition de sites internet
Panorama des outils de création de pages web
Présentation des produits Adobe
Les outils d’édition de page Web

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 HTML
- 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

• 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