Utilisation de Dreamweaver Marques de commerce 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev et WebHelp sont soit des marques de commerce, soit des marques déposées de Macromedia, Inc. qui peuvent être déposées aux Etats-Unis ou sous toute autre juridiction. Les autres noms de produits, logos, graphiques, mises en page, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques, des marques de service ou des noms de marque appartenant à Macromedia,Inc. ou à d'autres entités et peuvent être déposés dans certains pays, états ou provinces. Informations de tiers Ce manuel contient des liens vers des sites Web tiers qui ne sont pas contrôlés par Macromedia et Macromedia ne peut en aucun cas être tenu responsable du contenu de ces sites. Si vous accédez à l'un de ces sites, vous le faites à vos propres risques. Macromedia mentionne ces liens pour faciliter votre travail et l'inclusion de ces liens n'implique pas que Macromedia approuve le contenu de ces sites tiers ou en accepte la responsabilité. Copyright © 1997-2005 Macromedia, Inc. Tous droits réservés. Le présent manuel ne doit faire l'objet d'aucune copie, photocopie, reproduction, traduction ou conversion sous quelque forme que ce soit, électronique ou lisible par machine, sans le consentement écrit de Macromedia, Inc.Nonobstant ce qui précède, le propriétaire ou l'utilisateur autorisé d'une copie valide du logiciel avec lequel le présent manuel a été fourni peut imprimer un exemplaire de ce manuel, à partir d'une version électronique de celui-ci, aux fins exclusives d'apprendre à utiliser ledit logiciel, pour autant qu'aucune partie du manuel ne soit imprimée, reproduite, distribuée, revendue ou transmise à toute autre fin, y compris de manière non exhaustive des fins commerciales telles que la vente d'exemplaires de cette documentation ou la fourniture de services d'assistance payants. Remerciements Gestion de projet : Charles Nadeau Rédaction : Michael Varese Rédaction complémentaire : Jennifer Rowe, Paul Gubbay, Charles Nadeau Edition : Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark Nigara Gestion de la production et de l'édition : Patrice O'Neill et Rosana Francescato Conception et production : Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario Reynoso Gestion de la localisation : Melissa Baerwald Remerciements à Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, Masayo Noda, Kristin Conradi, Yuko Yagi, les testeurs de version bêta et l'ensemble des équipes d'ingénierie et d'assurance qualité de Dreamweaver. Première édition : Septembre 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103, Etats-Unis Table des matières PARTIE 1 : NOTIONS DE BASE DE DREAMWEAVER Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Nouveautés de Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Par où débuter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Processus de création de sites Web dans Dreamweaver . . . . . . . . . . Utilisation de Dreamweaver avec d'autres applications . . . . . . . . . . . Dreamweaver et l'accessibilité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Guide des supports de formation à Dreamweaver . . . . . . . . . . . . . . . . Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ressources sur le langage HTML et les technologies Web . . . . . . . . 20 24 28 33 33 35 39 39 Chapitre 1 : Exploration de l'espace de travail . . . . . . . . . . . . . . . . 41 A propos de l'espace de travail de Dreamweaver . . . . . . . . . . . . . . . . . . 41 Utilisation de la fenêtre de document. . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 Utilisation des barres d'outils, des inspecteurs et des menus contextuels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 Utilisation des panneaux et des groupes de panneaux . . . . . . . . . . . . 65 Utilisation des fonctions d'accessibilité de Dreamweaver. . . . . . . . . . 69 Optimisation de l'espace de travail pour la conception de pages accessibles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75 Utilisation de guides visuels dans Dreamweaver. . . . . . . . . . . . . . . . . . .76 Dreamweaver personnalisation, notions de base . . . . . . . . . . . . . . . . . . 77 Chapitre 2 : Configuration d'un site Dreamweaver . . . . . . . . . . . .85 A propos des sites Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuration d'un nouveau site Dreamweaver . . . . . . . . . . . . . . . . . . . Utilisation des paramètres avancés pour configurer un site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Modification des paramètres d'un site Dreamweaver . . . . . . . . . . . . . Modification de sites Web existants dans Dreamweaver . . . . . . . . . . 85 89 90 96 96 3 Chapitre 3 : Création et ouverture de documents . . . . . . . . . . . . .99 Création de nouveaux documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 Enregistrement d'un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . 103 Définition d'un nouveau type de document par défaut . . . . . . . . . . . . 103 Définition de l'extension de fichier par défaut de nouveaux documents HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104 Ouverture de documents existants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Nettoyage de fichiers HTML créés avec Microsoft Word . . . . . . . . . 106 PARTIE 2 : UTILISATION DE SITES DREAMWEAVER Chapitre 4 : Gestion des fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 A propos de la gestion de site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112 Accès aux sites, à un serveur et aux disques locaux . . . . . . . . . . . . . . .116 Affichage de fichiers et de dossiers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121 Comparaison de fichiers pour en chercher les différences . . . . . . . . 126 Restauration de fichiers (utilisateurs de Contribute) . . . . . . . . . . . . . . 132 Gestion de fichiers et de dossiers dans le panneau Fichiers . . . . . . . 133 Utilisation d'une carte d'arborescence de votre site . . . . . . . . . . . . . . 138 Importation et exportation de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147 Suppression d'un site Dreamweaver de votre liste de sites . . . . . . . . 149 Archivage et extraction de fichiers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 Acquisition et placement de fichiers depuis ou vers votre serveur . . 157 Synchronisation des fichiers entre le site local et le site distant . . . . 162 Identification et suppression des fichiers non utilisés . . . . . . . . . . . . . 164 Voilage des dossiers et des fichiers du site . . . . . . . . . . . . . . . . . . . . . . 164 Stockage des informations sur les fichiers dans des Design Notes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169 Test de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173 Chapitre 5 : Gestion des actifs de site et des bibliothèques . . . 179 A propos des éléments de bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . . 179 Utilisation des actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181 Création et gestion d'une liste d'actifs favoris . . . . . . . . . . . . . . . . . . . . 190 Utilisation des éléments de bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . 193 Chapitre 6 : Gestion des sites Contribute avec Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203 A propos de la gestion des sites Contribute . . . . . . . . . . . . . . . . . . . . 204 Préparation d'un site à utiliser avec Contribute. . . . . . . . . . . . . . . . . . . 210 4 Table des matières Administration d'un site Contribute à l'aide de Dreamweaver . . . . . . 211 Gestion des fichiers Contribute dans Dreamweaver . . . . . . . . . . . . . .213 Dépannage d'un site Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216 PARTIE 3 : MISE EN FORME DES PAGES Chapitre 7 : Mise en forme des pages avec les styles CSS . . . . 221 A propos des calques de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 222 Insertion d'un calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Définition des préférences et des propriétés de calques. . . . . . . . . . 227 Gestion des calques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229 Manipulation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 Conversion des calques en tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . 235 Animation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238 Insertion de balises div pour des mises en forme . . . . . . . . . . . . . . . . 248 Utilisation des balises div pour la mise en forme . . . . . . . . . . . . . . . . . 249 Modification de la couleur de surbrillance des balises div . . . . . . . . . 250 Utilisation de la visualisation de mise en forme CSS . . . . . . . . . . . . . .251 Utilisation des règles, des guides et de la grille pour la mise en forme des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254 Utilisation du tracé de l'image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 Chapitre 8 : Présentation de contenu à l'aide de tableaux. . . . . 261 A propos des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262 Insertion d'un tableau et ajout de contenu . . . . . . . . . . . . . . . . . . . . . . 264 Importation et exportation de données tabulaires. . . . . . . . . . . . . . . . 265 Sélection d'éléments de tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266 Utilisation du mode Tableaux développés pour une modification de tableau plus simple . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 Mise en forme des tableaux et des cellules . . . . . . . . . . . . . . . . . . . . . 272 Redimensionnement des tableaux, des colonnes et des lignes . . . . 275 Ajout et suppression de lignes et de colonnes . . . . . . . . . . . . . . . . . . 280 Fractionnement et fusion de cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . 282 Copie, collage et suppression de cellules . . . . . . . . . . . . . . . . . . . . . . . 284 Imbrication de tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 Tri des tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 Chapitre 9 : Mise en forme des pages avec le mode Mise en forme. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289 A propos du mode Mise en forme. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 Basculement du mode Standard au mode Mise en forme . . . . . . . . 294 Table des matières 5 Réalisation de dessins en mode Mise en forme . . . . . . . . . . . . . . . . . 295 Ajout de contenu dans une cellule de mise en forme. . . . . . . . . . . . . 299 Suppression automatique des hauteurs de cellule. . . . . . . . . . . . . . . . 301 Redimensionnement et déplacement de cellules et tableaux de mise en forme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302 Formatage de cellules et de tableaux de mise en forme . . . . . . . . . . 304 Définition de la largeur des colonnes . . . . . . . . . . . . . . . . . . . . . . . . . . 305 Définition de préférences pour le mode Mise en forme . . . . . . . . . . 308 Chapitre 10 : Utilisation de cadres . . . . . . . . . . . . . . . . . . . . . . . . 311 A propos des cadres et des jeux de cadres . . . . . . . . . . . . . . . . . ...