Dreamweaver: l'espace de travail

Créer des hypermédias en situation pédagogique

2/06/01

Dreamweaver : l'espace de travail

Dreamweaver est le générateur de site Web le plus utilisé par les professionnels. Il n'en est pas plus compliqué pour cela. On peut déjà parler d'un standard ! Il en est en cette fin de l'année 2000 à sa version 4. La version 2 que nous utilisons ici a la vertu d'avoir été offerte gratuitement dans un mensuel informatique. La version 3 se trouve à 1400 F pour le monde de l'éducation et à 600 F pour la mise à jour de la version 2, ce qui nous le rend tout à fait abordable.

Liens

Des leçons claires sur le site de Multimania ou sur le site de ou sur le site de Yazo Très complet le site de e-France sur Dream 3 Le forum Macromédia ainsi que la FAQ et les tutoriaux Macromédia

Les sites et forums consacrés à ce logiciel sont très nombreux. Faites un tour chez Macromédia ! L'ergonomie de DreamWeaver 3 est relativement identique.
Bernard Gobert

Les leçons

- Objectifs de la leçon

leçon 1 : Création d'un répertoire de travail et configuration du site
Leçon 2 : Configurer la page index.htm
Leçon 3 : Utiliser les calques pour placer les objets
Leçon 4 : Créer un lien externe sur une image ou sur un texte
Leçon 5 : Utiliser des comportement (image retournée et insérer un son)
Leçon 6 : Liens internes et astuces d'affichage (ouvrir une page en plein écran)
Leçon 7 : Création d'un modèle Etape 1
Leçon 8 : Création d'un modèle Etape 2 et création d'une image map
Leçon 9: Création d'une feuille de style Etape 1
Leçon 10 : Création d'une feuille de style Etape 2
Leçon 11: DHTML Etaoe 1

Cette découverte de Dreamweaver en une douzaine de leçons sert de base au stage "créer un journal scolaire sur internet" qui s'est élaboré en partie à distance (plus deux jours en présentiel). Il s'agit, pour un enseignant initié à Windows, au traitement de texte et à la pratique d'internet de construire un projet de A à Z (n'oubliez pas certaines leçons qui se trouvent dans le chapitre "divers aspects de la création" qui sont à consulter préalablement) en utilisant les fonctions du logiciel qu'il aura à mettre en oeuvre dans la conception d'un projet (ici un webzine) en situation pédagogique.
Il ne s'agit donc pas d'une méthode d'apprentissage progressive mais de la mise en oeuvre de savoir-faire quelquefois très complexes (les modèles, les feuilles de style...) qui lui seront nécessaires pour établir une démarche cohérente de mise en oeuvre d'un projet pédagogique. Le résultat de la production des élèves et des stagiaires est disponible.
- L'écran de Dreamweaver 2
Affiche le titre de la page, le répertoire et le nom du fichierLa barre des menus. Les leçons de l'aide sont très bien faites.La règle: son affichage permet definir votre espace de travailLa page: on distingue mal ici l'affichage de la grille qui permet d'ajuster le positionnement des objetsLes balises HTML pour les pros et les autres : montre sur quelle balise porte votre actionLe lanceur : vous permet d'ouvrir directement certaines fenêtres.Vous précise le poids et le temps de chargement de votre pageAffichage du travail selon différents formats d'affichageLa fenêtre des propriétés. Elle doit rester toujours affichées, elle se modifie selon l'objet sélectionné (texte, calque...) et vous permet d'en définir les propriétésLa fenêtre des styles: permet d'afficher les styles que vous avez définisLa fenêtre des modèles et la bibliothèque: affiche les modèles créés et les objets placés dans la biobliothèqueLa fenêtre des cadres... même si leur utilisation est passée de mode.La fenêtre des calques qui vous permettra d'interdire ou non leur chevauchement, de sélectionner un calque particulier et de vérifier si certains cadres ne sont pas imbriquésLa fenêtre des comportements :c'est à partir de cette fenêttre que vous pourrez inclure un son, redimentionner un écran...La barre des objets : automatise certaines fonctions: insérer une image, un tableau, un calque, une image retournée...

Promenez votre souris sur l'image ci-dessus pour découvrir certaines composantes de l'écran Dreamweaver: Composantes que vous découvrirez en détail par la suite. Pour afficher les différentes fenêtres, il suffit d'aller dans le menu fenêtres !
- L'arborescence d'un site

Vous pouvez toujours afficher l'arborescence de votre site (menu Fenêtre). Vous découvrez sur la partie droite à la racine de votre site, les différents répertoires et la listes de vos pages HTML quand vous les aurez créées. Sur la partie gauche s'affiche l'arborescence du site et tous les liens externes ce qui vous permettra d'en valider la conformité. La fenêtre du site vous permettra aussi toute une série d'actions: connection sur votre serveur FTP...