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
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
Tarifs:
A distanceou presentiel: 1500 euros
Nous contacter pour plus d'information