Développement d'un site Web : Introduction à Dreamweaver
Pré-requis : Connaissances Internet et Windows ou OSX * Durée : 4 jour(s)
Présentation
- Concevoir et créer des sites Web avec Dreamweaver.
- Créer et intégrer des objets multimedia.
- Améliorer la productivité avec les serveurs personnalisés, les modèles et les bibliothèques.
- S'initier au Web dynamique.
Objectif de la formation
Donner aux participants les connaissances nécessaires à la conception de sites Web en HTML avec Dreamweaver. Chaque concept abordé lors du stage est illustré par l’étape de construction correspondante du site Web. Formation proposée sur DreamWeaver Studio 8 ou DreamWeaver CS3. Vous apprendrez à créer et modifier des sites Web, à amélioration la navigation et la mise en relation avec des bases de données.
Stagiaire
Toute personne impliquée dans le développement ou la maintenance d'un site Web.
Contenu du stage
- Préambule
- Dreamweaver dans le contexte Internet
- La phase de conception
- Editer un cahier des charges, les responsabilités de chacun
- Etablir une charte graphique, une charte de nommage
- Approche du logiciel
- Présentation de l'interface
- Organisation de l'espace de travail
- Paramétrages des préférences : éditeurs externes, navigateurs
- Planification du site
- Définir et paramétrer un site local
- Conception de l'arborescence
- Construire la navigation dans le site : les différents types de liens
- Création et maintenance du site
- Automatiser les tâches, faciliter la maintenance des pages, créer du code réutilisable
- Insertion d'objets
- Création de cadres dans une page HTML
- Les différents types d'images
- Interaction Dreamweaver / Fireworks
- Insertion de tableaux : mode Standard ou mode 'Mise en Forme'
- Insertion de calques
- Les objets Formulaires et leur fonctionnement
- Les ancres (dans un même document, dans des documents différents)
- Créer une galerie d'images
- Les objets Spry : créer des interfaces riches
- Création de bibliothèques
- Réutiliser plusieurs fois les mêmes objets
- Mises à jour rapides de toutes les pages du site
- Création de modèles
- Les modèles standards, les modèles imbriqués
- Définir des régions modifiables, répétées, facultatives
- Mettre à jour rapidement tout le site
- Créer des styles CSS
- Contrôle de l'aspect visuel de l'ensemble du site, respect de la charte graphique
- Mises à jour rapides du site
- Les différents sélecteurs CSS
- Méthodologie de mise en page complète en CSS
- Utiliser les modèles CSS prédéfinis de Dreamweaver
- La gestion des feuilles de style
- Les fragments de code (snippets)
- Créer du code réutilisable
- Les différents types de fragments de code
- Ajout d'interactivité et d'animations
- Les comportements
- Introduction au Javascript des comportements
- Le cadre applicatif Spry (framework)
- Les effets Spry
- Vérification Spry de contrôles de formulaire
- Insertion d'animations Flash
- Les fonctions FTP
- Paramétrer les infos distantes
- Les opérations d'archivage et d'extraction
- Utiliser les fonctionnalités du voilage
- Synchroniser les sites (serveur/local)
- Gestion globale du site
- Vérifier les liens du site
- Travailler avec la fenêtre de site
- Utiliser le panneau des Actifs, regroupement des favoris
- Faire valider le code HTML
- Référencer le site
- Les ressources de Dreamweaver
- Installer les extensions Dreamweaver
- Extension Manager
- Le site Adobe Exchange, les sites Web, les forums de discussion