Dreamweaver

  • Imprimer

imagedreamweaver
Niveau 1 : Initiation

 

1 Créer un site Web avec Dreamweaver

  • Découverte de l'interface de Dreamweaver
  • l'organisation des fenêtres et les menus.
  • Connaître les grandes lignes du langage HTML.
  • Visualiser le site dans les divers navigateurs.

 

2 Concevoir les pages du site

  • Créer, ouvrir et enregistrer des pages.
  • Formater et éditer du texte.
  • Insérer des images et définir leurs propriétés.
  • Définir les fonds d'écran et les couleurs de base.
  • Créer une page avec la fonction "tracing image".

 

3 Créer une navigation hypertexte

  • Se déplacer à l'intérieur d'une page à l'aide des ancres.
  • Créer des liens entre les pages d'un site et vers d'autres sites Web.
  • Créer des liens vers une messagerie électronique.

 

4 Mettre en page

  • Utiliser des tableaux pour la mise en page.
  • Utiliser les calques (élément PA).
  • Créer des feuilles de style CSS.
  • Redéfinir les styles existants et créer des classes.
  • Lier les pages du site à une feuille de style externe.

 

5 Incorporer des animations

  • Insérer des sons et des vidéos.
  • Intégrer du Flash :
    • boutons ;
    • texte ;
    • animations.

6 Rendre ses pages dynamiques et interactives

  • Créer un formulaire envoyé par e-mail.
  • Utiliser les comportements :
    • affichage de calque ;
    • ouverture d'une URL dans une fenêtre ;
    • validation de formulaire...
  • Découvrir les fonctionnalités Spry.

 

7 Publier le site Web avec Dreamweaver

  • Vérifier les liens hypertextes, réparer les liens rompus.
  • Vérifier la structure du site et les noms de fichiers.
  • Utiliser le FTP de Dreamweaver pour publier un site.

 

Niveau 2 : Perfectionnement

 

1 Évaluer ses pages Web

  • Identifier les qualités et les défauts des sites :
    • design, technique, navigation, ergonomie ;
    • repérer les points d'amélioration possibles.

2 Repenser le design du site

  • Appliquer les principes professionnels de l'habillage d'un site à l'aide des feuilles de styles (CSS).
  • Repenser la maquette.
  • Choisir un style graphique, les couleurs, la typographie.
  • Travailler la page d'accueil.

 

3 Optimiser les aspects visuels

  • Créer ou reprendre une charte graphique en utilisant les modèles.
  • Exploiter les ressources des feuilles de style (CSS) :
    • harmonisation, mise à jour des pages.
  • Utiliser les feuilles de style et les modèles pour modifier rapidement toutes les pages de votre site.

 

4 Utiliser les outils de mise en page avancée

  • Mettre en page avec des tableaux imbriqués.
  • Intégrer des cadres flottants (iframes).
  • Mieux utiliser les calques (débordement, Z-index...).
  • Utiliser les fonctions Spry proposées par Dreamweaver.

 

5 Professionnaliser sa méthode de travail

  • Structure des fichiers.
  • Gérer ses favoris (images, couleurs, liens).
  • Choisir entre éléments de bibliothèque, modèles, inclusion de code.

 

6 Animer son site

  • Créer et enchaîner des scénarios : diaporama, news et présentation interactive.
  • Enrichir le site avec des comportements avancés.
  • Intégrer et modifier des scripts.
  • Maîtriser le son et les fichiers flash dynamiques.

7 Exploiter la publication avancée

  • Régler les paramétrages.
  • Utiliser l'archivage et l'extraction.