Chapitre 1: Découverte de l’écran de travail de Dreamweaver
Dreamweaver est un éditeur visuel professionnel pour la création et la gestion de pages web qui permet de créer aisément des pages compatibles avec toute une série de plates-formes et de navigateurs.
L’écran de travail de Dreamweaver est composé au démarrage de 4 zones principales. En premier nous travaillerons sur la fenêtre de documents (1) actif, celle-ci affiche le document Web à peu de choses près comme il apparaîtra dans le navigateur. Elle fonctionne pratiquement comme un traitement de texte. Lorsque vous saisissez du texte, le logiciel génère automatiquement le code HTML correspondant sans avoir à connaître une seule règle.
Le deuxième élément est composé par la palette des objets(2). C’est une sorte de centre de commande par où l’on doit passer pour insérer rapidement toute une sorte d’objets qui viendront constituer notre page Web (images, tableaux… mais aussi composants javasripts, ou java voire Flash.
Vient ensuite l´inspecteur des propriétés (3) qui permet à tout moment de visualiser (et donc modifier ou attribuer) les propriétés d’un objet. Pour modifier il suffit de sélectionner et de regarder dans l’inspecteur de propriétés les choix qui ont été opérés (couleurs, taille de police, fonte, alignement…).
Enfin nous terminerons notre visite guidée dans l’environnement de travail de
Dreamweaver 2 en détaillant la dernière palette qui se nomme le lanceur (4). Sa fonction
permet d’afficher et / ou masquer les palettes et inspecteurs différents.
Chapitre 2 : Objectifs du manuel
1. Dessinez l’architecture de votre site sur papier
Il s’agit de préciser où nous voulons aller. En l’occurrence, nous voulons créer un site Web comportant une page d’accueil (la home page), et deux ou trois autres pages toutes liées entre-elles. En outre il conviendra de lier notre page avec la page d’accueil du SAIO et éventuellement de l’académie. De plus, on insèrera des images du centre ainsi qu’une carte du district avec les coordonnées des établissements et éventuellement des liens vers ceux-ci directement depuis l’image (image map).
2. Installez tous les éléments logiciels et matériels nécessaires à la gestion de votre site
L’environnement logiciel
Pour construire un site Web, il vous faut différents éléments logiciels qui peuvent être soit payants, soit gratuits, soit utilisables pendant une durée limitée de temps (en général un mois). Il n’est donc pas nécessaire de prévoir un budget extraordinaire pour s’afficher sur le réseau des réseaux. Vous devez posséder :
Un logiciel de construction Web (on supposera que vous avez fait l’acquisition de Dreamweaver lorsque vos CCMI vous ont signalé l’opportunité d’en faire l’acquisition à un prix défiant toute concurrence).
Un logiciel de dessin type Paint Shop Pro.
Un logiciel de mise en ligne des pages, (mais Dreamweaver le fait très bien tout seul) type Ws_FTP (LE).
Un logiciel de traitement du son si vous voulez disposer des éléments sonores en ligne (attention au volume de données). Eventuellement, un logiciel de traitement vidéo (même remarque).
Un logiciel d’animation graphique (type FlashÓ ou de création de Gif animés).
Tous ces produits sont disponibles sur le CD de la mission volume 1 à 3, n’hésitez pas à les installer pour vous familiariser.
L’environnement matériel
En fait, il faut un ordinateur, bien sûr, équipé d’un modem pour l’installation du site en ligne. Cette étape ne se faisant qu’au dernier moment. Éventuellement vous pouvez disposer d’un scanner si vous voulez utiliser des photos ou récupérer des textes sans avoir à les ressaisir. Enfin, vous avez la possibilité d’utiliser directement un appareil photo numérique disponible sur simple demande auprès de la délégation régionale de l’ONISEP pour tous les CIO de l’académie de Créteil .
3. Préparez tous les éléments de votre site
Une fois l’architecture du site arrêtée, et une fois le contenu détaillé selon des grandes directives, il est temps d’attaquer l’étape suivante : préparer tous les éléments qui viendront nourrir notre site. Nous l’avons vu, textes, photos, dessins et éventuellement sons et vidéo sont les principaux acteurs de la page. Même si ces derniers doivent être traités à part en raison de leur plus grande complexité à être manipulés et à leur plus gros volume de données. Textes, photos et dessins, ne sont pas directement utilisables dans la construction de pages. A partir d’une matière brute, chacun de ces éléments doit subir des modifications afin d’être optimisé pour le Web. Détaillons.
