P. 1
MacroMedia Dream Weaver MX 2004 French - Bien démarrer Avec Dream Waver

MacroMedia Dream Weaver MX 2004 French - Bien démarrer Avec Dream Waver

4.86

|Views: 2,201|Likes:
Published by niko
Un tres bon guide pour apprendre dreamweaver mx 2004. Même s'il date un peu, il permet aussi de se faire la main sur les dernieres versions qui gardent la même façons d'être utilises.
Un tres bon guide pour apprendre dreamweaver mx 2004. Même s'il date un peu, il permet aussi de se faire la main sur les dernieres versions qui gardent la même façons d'être utilises.

More info:

Published by: niko on Dec 02, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/27/2012

pdf

text

original

Dans cette leçon, vous apprendrez à ajouter des images à la page sur laquelle vous travaillez. Si
vous le souhaitez, vous pouvez utiliser vos images, mais lorsque vous ajouterez une image pour la
première fois, Macromedia vous recommande d’utiliser celle qui est fournie avec l’exemple de site
de Dreamweaver.

Pour ajouter une image à votre page:

1Enregistrez la page, si ce n’est déjà fait.
Vous pouvez insérer une image dans un document non enregistré, auquel cas une boîte de
dialogue apparaît pour vous informer que l’URL utilisée pour l’image servira de chemin d’accès
local complet à l’image. Dreamweaver corrige les URL ultérieurement, mais il est plus facile
d’enregistrer le document avant d’ajouter des images.
2Pour insérer une image à la place d’un espace réservé pour l’image, double-cliquez sur l’espace
réservé. Par exemple, pour insérer une image représentant une bannière dans la partie supérieure de
la page Trio Motors, double-cliquez sur l’espace réservé portant la mention «Bannière (600x41)».
La boîte de dialogue Sélectionnez la source de l’image s’affiche.
3En bas de la boîte de dialogue, le menu déroulant Relatif à doit afficher la valeur Document.
Pour plus d’informations sur les URL relatives au document et à la racine, voir l’aide
Utilisation de Dreamweaver.
4Recherchez une image dans le dossier Assets (par exemple, images/trio_logo.jpg).

5Cliquez sur OK ou Sélectionner (Windows) ou Choisir (Macintosh) pour insérer l’image.
Dans la fenêtre de document, l’image apparaît à la place de l’espace réservé pour l’image.
6Sélectionnez l’espace réservé pour l’image, dans la colonne principale. Il s’agit de l’espace
SplashImage que vous avez créé dans Ajout d’un espace réservé pour une image, page29. Ne
double-cliquez pas dessus.
Vous pouvez reprendre la méthode utilisée avec l’autre espace réservé pour remplacer cet espace
réservé par une image ou suivre les instructions ci-après:
7Vérifiez que le panneau Fichiers et l’inspecteur des propriétés sont affichés (si ce n’est pas le cas,
sélectionnez Fenêtre > Fichiers et Fenêtre > Propriétés). Vérifiez également que l’espace réservé
est toujours sélectionné dans la fenêtre de document.

36

Chapitre3 : Didacticiel: Création d’une page statique

8Dans l’inspecteur de propriétés, faites glisser la souris de l’icône Pointer vers un fichier, de la
zone de texte Src vers le panneau Fichiers. Veillez à faire glisser la souris de l’icône Pointer vers
un fichier se trouvant près de la zone de texte Src et non près de la zone de texte Lien. Maintenez
le bouton de la souris enfoncé tout en désignant le dossier Assets (si le dossier n’est pas
développé); celui-ci doit s’ouvrir. Maintenez toujours le bouton enfoncé tout en désignant le
dossier des images, jusqu’à ce que le pointeur se trouve sur le fichier homeMain.jpg. Relâchez le
bouton de la souris pour sélectionner homeMain.jpg.
Dans la fenêtre de document, une voiture apparaît à l’emplacement de l’espace réservé. Si
l’image qui apparaît n’est pas celle que vous avez choisie, vérifiez son nom dans la zone de texte
Src ; si vous n’avez pas sélectionné le bon fichier, recommencez l’opération.
9Pour insérer des images à des endroits du document ne comportant aucun espace réservé, en
mode Création, placez le point d’insertion à l’endroit où vous souhaitez voir apparaître l’image,
puis cliquez, sélectionnez ensuite Insertion > Image.
Si vous insérez une image qui correspond à un fichier d’image ne se trouvant pas dans le dossier
racine local, Dreamweaver vous permet de copier automatiquement l’image dans le site.
10Enregistrez votre page.

Pour que le texte apparaisse de part et d’autre de votre image:

1Sélectionnez l’image de la voiture dans la colonne principale.

2Dans le panneau StylesCSS (Fenêtre > StylesCSS), cliquez sur le bouton Nouveau styleCSS.

3Dans la boîte de dialogue Nouveau style CSS, sélectionnez l’option Avancé sous Type de
sélecteur, puis saisissez #SplashImage (sans omettre le dièse initial) dans la zone de texte Nom.
Dans l’option Définir dans, sélectionnez Seulement ce document.
4Cliquez sur OK.

5Dans la boîte de dialogue Définition du styleCSS, sélectionnez la catégorie Boîte, puis Gauche
dans le menu contextuel Flottante.
6Cliquez sur OK pour définir le style et fermer la boîte de dialogue.

7Le style est appliqué à l’image (dont la valeur d’attribut d’ID est SplashImage), et le texte
apparaît autour de l’image.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->