macromedia ® DREAMWEAVER 2 TM Utilisation de Dreamweaver Marques Macromedia, le logoMacromedia logo, le logo Made With Macromedia, Authorware, Backstage, Director, Extreme 3D et Fontographer sont des marques déposées, et Afterburner, AppletAce, Authorware Interactive Studio, Backstage, Backstage Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, DECK II, Director Multimedia Studio, Doc Around the Clock, Extreme 3D, Flash, FreeHand, FreeHand Graphics Studio, Lingo, Macromedia xRes, MAGIC, Power Applets, Priority Access, SoundEdit, Shockwave, Showcase, Tools to Power Your Ideas et Xtra sont des marques commerciales de Macromedia, Inc. D'autres noms de produit, logos, dessins, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques commerciales, des marques de service ou des noms commerciaux de Macromedia, Inc. ou d'autres entités éventuellement enregistrés dans certaines juridictions. Exonération de responsabilité d'Apple APPLE COMPUTER, INC. N'OFFRE AUCUNE GARANTIE, EXPRESSE OU TACITE, CONCERNANT LE LOT DE LOGICIELS INFORMATIQUES CI-JOINT, SA COMMERCIALITÉ NI SON ADÉQUATION À UNE TÂCHE PARTICULIÈRE. L'EXCLUSION DE GARANTIES IMPLICITES ÉTANT ILLICITE DANS CERTAINS ÉTATS, IL SE PEUT QUE LA CLAUSE D'EXCLUSION CI-DESSUS NE VOUS SOIT PAS APPLICABLE. CETTE GARANTIE VOUS CONFÈRE CERTAINS DROITS JURIDIQUES. IL SE PEUT ÉGALEMENT QUE VOUS DISPOSIEZ D'AUTRES DROITS EN FONCTION DE L'ÉTAT OÙ VOUS RÉSIDEZ. Copyright © 1998 Macromedia, Inc. Tous droits réservés. Les pages de ce manuel ne peuvent pas être copiées, photocopiées, reproduites, traduites ni publiées, fût-ce partiellement, sous quelque forme électronique ou informatique que ce soit, sans le consentement écrit préalable de Macromedia, Inc. Part Number ZDW20M100F Remerciements Gestion du projet et architecture du contenu : Sheila McGinn Rédaction : Lori Hylan, Corinne Chandel, Denise Lee, Erica Edmonds et Sheila McGinn Conception multimédia : James Khazar Production multimédia : John "Zippy" Lehnus et Pat Knoff Ingénierie de l'aide : Lori Hylan Conception du site didacticiel : Akimbo Design Ingénierie Java : Eric Harshbarger Édition : Judy Walthers von Alten et Judy Ziajka Gestion de production : Gemma Londono Conception de l'impression et de aide : Noah Zilberberg Production : Noah Zilberberg et Paul Benkman Directeur de localisation : Kristin Conradi Nous remercions en particulier Margaret Dumas, Paul Madar, Heidi Bauer, nj, Mike Sundermeyer, Jean Fitzgerald, David George, Karen Olsen-Dunn, Peter Fenczik, Karen Catlin, Victor Grigorieff, Scott Richards, Peter von dem Hagen, Keiko Higuchi, Hisami Scott, David Lenoe, Sophie Rollins, Arati Rajesh, Harald Mehlem, Bastian Stein, Sabine Rusam-Hathaway, Gwenhaël Jacq, Richard Verdoni et Rubric, Inc. Première édition : décember 1998 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103 2 SOMMAIRE CHAPITRE 1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Nouveautés de Dreamweaver 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10 Configuration système requise. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 Installation de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 Guide pour les médias d'instructions. . . . . . . . . . . . . . . . . . . . . . . . . . .13 CHAPITRE 2 Didacticiel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Didacticiel ­ Vue d'ensemble. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17 Définition d'un site local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20 Modification de la page d'accueil d'Olivebranch . . . . . . . . . . . . . . . . . .23 Création d'une mise en page complexe . . . . . . . . . . . . . . . . . . . . . . . . .33 Edition d'un tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45 Mise en forme de texte avec des styles personnalisés . . . . . . . . . . . . . . .49 Application d'un modèle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51 Association de comportements à des éléments de page. . . . . . . . . . . . . .61 Ajout d'une séquence vidéo flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .64 Vérification du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66 CHAPITRE 3 Prise en main . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 Prise en main ­ Vue d'ensemble. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .67 Paramétrage des préférences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 Utilisation de Dreamweaver avec d'autres applications . . . . . . . . . . . . .75 3 CHAPITRE 4 Création de documents . . . . . . . . . . . . . . . . . . . . . . . . . 77 Création de documents ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . .77 Création de nouveaux documents HTML. . . . . . . . . . . . . . . . . . . . . . .78 Utilisation de guides visuels pour la conception. . . . . . . . . . . . . . . . . . .79 Ajout de texte et insertion d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . .82 Sélection d'éléments dans la fenêtre Document . . . . . . . . . . . . . . . . . . .84 Configuration de documents. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86 Choix de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88 Affichage et édition du contenu de l'EN-TÊTE . . . . . . . . . . . . . . . . . .90 CHAPITRE 5 Utilisation des modèles . . . . . . . . . . . . . . . . . . . . . . . . . 91 Modèles ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .91 Création des modèles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92 Importation et exportation de contenu XML . . . . . . . . . . . . . . . . . . .102 CHAPITRE 6 Planification du site. . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Planification du site ­ Vue d'ensemble. . . . . . . . . . . . . . . . . . . . . . . . .105 Création d'un site local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .106 Création de liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .107 Affichage de fichier dans une fenêtre Site. . . . . . . . . . . . . . . . . . . . . . .115 Travail avec les fichiers du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117 Création de cartes de site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .118 CHAPITRE 7 Gestion de site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127 Gestion de site ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . . . . . .127 Définition d'un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .128 Options de la fenêtre Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130 Utilisation du système d'archivage et d'extraction de fichiers . . . . . . . .133 Recherche et remplacement. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .137 Gestion des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .145 Test du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .147 4 Sommaire CHAPITRE 8 Utilisation de Roundtrip HTML. . . . . . . . . . . . . . . . . 153 Roundtrip ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153 Utilisation de l'inspecteur HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . .154 Définition de contrôles de format source HTML . . . . . . . . . . . . . . . .155 Nettoyage de documents HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . .159 Correction du code non valide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160 Utilisation d'autres éditeurs HTML . . . . . . . . . . . . . . . . . . . . . . . . . .161 Insertion de scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .164 Insertion de commentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .165 CHAPITRE 9 Formatage du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . 167 Formatage du texte ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . . .167 Formatage du texte avec les balises HTML . . . . . . . . . . . . . . . . . . . . .168 Création de listes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173 Formatage du texte avec des feuilles de style . . . . . . . . . . . . . . . . . . . .174 Conversion des styles CSS en code HTML . . . . . . . . . . . . . . . . . . . . .182 Vérification de l'orthographe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184 CHAPITRE 10 Insertion d'images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 Insertion d'images ­ Vue d'ensemble. . . . . . . . . . . . . . . . . . . . . . . . . .185 Insertion d'une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .186 Création d'un effet de survol . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .187 Configuration des propriétés d'image . . . . . . . . . . . . . . . . . . . . . . . . .188 Utilisation d'un éditeur d'image externe . . . . . . . . . . . . . . . . . . . . . . .192 Création de cartes graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .193 CHAPITRE 11 Création de tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . 195 Création de tableaux ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . .195 Création de tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .196 Formatage de tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200 Tri de tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205 Redimensionnement des tableaux et cellules . . . . . . . . . . . . . . . . . . . .206 Ajout et retrait de lignes et de colonnes . . . . . . . . . . . . . . . . . . . . . . . .207 Copie et collage de cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210 Sommaire 5 CHAPITRE 12 Utilisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . 213 Utilisation des calques ­ Vue d'ensemble. . . . . . . . . . . . . . . . . . . . . . .213 Création de calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .214 Utilisation de la palette de calques. . . . . . . . . . . . . . . . . . . . . . . . . . . .220 Manipulation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .220 Déplacement des calques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .223 Modification de l'ordre de superposition des calques . . . . . . . . . . . . . .225 Modification de la visibilité des calques . . . . . . . . . . . . . . . . . . . . . . . .225 Utilisation des calques pour concevoir des tableaux . . . . . . . . . . . . . . .226 Conversion des navigateurs de 3.0 à 4.0 . . . . . . . . . . . . . . . . . . . . . . .229 CHAPITRE 13 Utilisation de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . 231 Utilisation de cadres ­ Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . .231 Création de cadres. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .232 Sélection d'un cadre ou jeu de cadres. . . . . . . . . . . . . . . . . . . . . . . . . .233 À propos des propriétés de cadre et jeu de cadre . . . . . . . . . . . . . . . . .235 Contrôle du contenu d'un cadre au moyen de liens. . . . . . . . . . . . . . .239 Création de contenu sans cadre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .240 CHAPITRE 14 Création de formulaires . . . . . . . . . . . . . . . . . . . . . . . . 241 Création de formulaires ­ Vue d'ensemble. . . . . . . . . . . . . . . . . . . . . .241 Création d'un formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .242 Ajout d'un objet à un formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . .243 Traitement des formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .244 CHAPITRE 15 Réutilisation des éléments d'une page . . . . . . . . . 247 Réutilisation des éléments d'une page ­ Vue d'ensemble . . . . . . . . . . .247 Utilisation des éléments de la bibliothèque . . . . . . . . . . . . . . . . . . . . .248 Utilisation des insertions côté serveur . . . . . . . . . . . . . . . . . . . . . . . . .253 6 Sommaire CHAPITRE 16 Ajout d'interactivité et d'animation. . . . . . . . . . . . . 257 Ajout d'interactivité et d'animation ­ Vue d'ensemble. . . . . . . . . . . . .257 Présentation des comportements . . . . . ...