Formation Dreamweaver CS(X) Initiation + Approfondissement.
- Durée : 5 jours
- Public :Tous
- 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 - Maîtriser l'utilisation avancée des CSS - Découvrir les étapes clés d'un bon référencement - Se familiariser avec la Gestion de projet Web
- Référence : SIT1-F
Programme:
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
- 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
Tarifs:
A distance ou presentiel: 1500 euros
Nous contacter pour plus d'information
