Comment faire…

Les calques avec Dreamweaver
Vous souhaitez mettre de l’animation dans vos pages
Web ? Utilisez les calques !
Vous ne souhaitez pas vous plonger dans le code HTML ou JavaScript ?… Nous vous proposons un pas à pas réalisé avec Dreamweaver 2 qui vous fera découvrir l’univers des calques et des pages animées. Les images et les textes nécessaires à la réalisation de ce Comment faire… sont téléchargeables sur le site de Médialog : www.ac-creteil.fr/medialog/archive45/no45.htm 28

Dans un premier article publié dans Médialog 40, nous vous avons proposé une initiation à l’édition HTML. Dans un deuxième article, publié dans le n°42, nous avons complété cette initiation en exploitant les tableaux avec Dreamweaver dans sa version 2. Nous vous proposons aujourd’hui d’aller plus loin dans la connaissance de la création de pages HTML, avec le même logiciel(1), en découvrant l’univers des calques et des pages animées.
Les calques sont utilisés pour positionner les éléments avec précision dans la fenêtre du navigateur. Ils peuvent contenir du texte, des images, des tableaux et même d’autres calques, en fait tout ce que l’on peut mettre dans le corps d’un document HTML. Ils sont particulièrement utiles pour la superposition de certaines parties d’une page (ce que ne permettent pas les tableaux) et facilitent la conception des pages. Ils peuvent être utilisés pour rendre la page dynamique : faire apparaître, disparaître ou même déplacer des objets sur la page. Toutes ces opérations sont réalisées sans avoir à rédiger de code JavaScript ou HTML.
Nous vous proposons de construire un ensemble de trois pages pour découvrir pas à pas l’utilisation des calques. Notre réalisation est prévue pour un affichage avec Internet Explorer 4 (ou au-delà) et dans une résolution d’écran de 800x600. En effet, les calques présentent d’indéniables avantages mais ont l’inconvénient d’une part de ne pas être gérés par les navigateurs de l’ancienne