Pré-requis: Connaissance de logiciels bureautiques
Objectifs: Maîtriser les principales fonctionnalités de Dreamweaver - Apprendre à concevoir un site Web avec ce logiciel, de la création des pages jusqu'à la mise en ligne
Référence : SIT2-F
Programme:
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