Dreamweaver Création de site Internet

Préambule

• Dreamweaver dans le contexte Internet, les navigateurs en présence, les éditeurs HTML sur le marché et les produits Adobe

La phase de conception

• Pour qui faire un site ? Comment ?
• Éditer un cahier des charges et les responsabilités de chacun
• Établir une charte graphique et 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 et navigateurs

Planification du site

• Définition et paramétrage du site local
• Conception de l'arborescence
• Construction de la navigation dans le site : les différents types de liens

Création et maintenance du site

• Automatiser les tâches, créer du code réutilisable et faciliter la maintenance des pages et les mises à jour

Insertion d'objets

• Les différents types d'images
• Insertion de tableaux
• Les objets de formulaires et leur fonctionnement
• Les ancres (dans un même document, dans des documents différents)
• Les objets Spry : créer des interfaces riches

Ajout d'interactivité et d'animation

• Les comportements
• Introduction au JavaScript des comportements
• Le cadre applicatif Spry (framework)
• Les effets Spry
• Vérification Spry de contrôles de formulaire

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 fragments de code

• Se constituer une trousse à outils de codes personnels
• Créer du code réutilisable
• Les différents types de fragments de code

Création de modèles

• Les modèles standards et les modèles imbriqués
• Définir des régions modifiables, répétées ou facultatives
• Mettre à jour rapidement tout le site

Créer des styles CSS

• Contrôle de l'aspect visuel de l'ensemble du site et respect de la charte graphique
• Mises à jour rapides du site
• Les différents sélecteurs CSS
• Sélecteurs avancés CSS 3

Méthodologie de conception et création en CSS

• Utiliser les modèles CSS prédéfinis de Dreamweaver
• La gestion des feuilles de style
• Aperçu HTML 5 dans Dreamweaver

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 et regroupement des favoris
• Faire valider le code HTML
• Référencer le site

Des ressources

• Installer les extensions Dreamweaver
• Extension Manager
• Site Adobe Exchange