Bien démarrer avec 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 des marques déposées ou des marques commerciales de Macromedia, Inc. qui peuvent être enregistrées soit aux Etats-Unis, soit auprès d'autres juridictions y compris internationales. 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 et périls. 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é. Navigateur Opera ® Copyright © 1995-2002 Opera Software ASA et ses fournisseurs. Tous droits réservés. Copyright © 1997-2005 Macromedia, Inc. Tous droits réservés. Ce manuel ne peut être ni copié, ni photocopié, ni reproduit, ni traduit ni transposé sous une forme exploitable par ordinateur ou sous une forme électronique quelconque, en tout ou en partie, sans l'accord écrit préalable de Macromedia, Inc. Nonobstant ce qui précède, le propriétaire ou l'utilisateur autorisé d'une copie valable du logiciel qui accompagne ce manuel peut imprimer une copie de ce manuel à partir d'une version électronique dudit manuel dans le seul but que ce propriétaire ou cet utilisateur autorisé puisse apprendre à utiliser ce logiciel, sous réserve qu'aucune partie de ce manuel ne soit imprimée, reproduite, distribuée, revendue ou transmise à d'autres fins, y compris, sans restrictions, à des fins commerciales telles que la vente de copies de cette documentation ou la fourniture de services contre rémunération. Code d'article ZDW80M100F Remerciements Direction Charles Nadeau Rédaction : Jon Michael Varese Edition : Rosana Francescato, Lisa Stanziano, Evelyn Eldridge, Mark Nigara Direction 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 Localization Management: Melissa Baerwald Assurance Qualité Localisation: Vince Truong Remerciements particuliers à Sheila McGinn, Jennifer Rowe, Jay Armstrong, Sally Sadosky, Jennifer Taylor, Paul Gubbay, Melissa Baerwald, Sami Kaied, Jung Choi, Masayo Noda, Kristin Conradi, Yuko Yagi ainsi qu'à tous les membres des équipes de l'ingénierie de Dreamweaver et de l'assurance qualité. Première édition : Septembre 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103 Table des matières PARTIE 1 : INTRODUCTION A DREAMWEAVER Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 Ce que vous pouvez accomplir avec Dreamweaver 8 . . . . . . . . . . . . . . 12 Nouveautés de Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Installation de Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Enregistrement de Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Chapitre 1 : Apprentissage de Dreamweaver. . . . . . . . . . . . . . . . . 17 Par où débuter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Tirer le meilleur parti de la documentation Dreamweaver . . . . . . . . . . 22 Utilisation du système d'aide de Dreamweaver . . . . . . . . . . . . . . . . . . . 26 Chapitre 2 : Notions de base de Dreamweaver. . . . . . . . . . . . . . . 31 Apprendre à connaître l'espace de travail de Dreamweaver 8. . . . . . . 31 Personnaliser l'espace de travail de Dreamweaver 8. . . . . . . . . . . . . . 43 Accomplir des tâches élémentaires dans Dreamweaver 8 . . . . . . . . . 46 PARTIE 2 : DIDACTICIELS Chapitre 3 : Didacticiel : Configuration de votre site et des fichiers de projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 Apprenez à utiliser des sites Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 54 Configurez vos fichiers de projet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 Définissez un dossier local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57 Chapitre 4 : Didacticiel : Création d'une mise en forme de page basée sur un tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 Examinez la maquette détaillée de conception . . . . . . . . . . . . . . . . . . . 62 Créez et enregistrez une nouvelle page . . . . . . . . . . . . . . . . . . . . . . . . . 64 Insérez des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65 3 Définissez les propriétés des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 Insérez un espace réservé pour l'image . . . . . . . . . . . . . . . . . . . . . . . . . . 75 Ajoutez de la couleur à la page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 Chapitre 5 : Didacticiel : Ajout de contenu aux pages . . . . . . . . . 81 Localisez vos fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81 Passez votre tâche en revue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 Insérez des images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 Insérez et lisez un fichier Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Insérez une vidéo Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 Insérez du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 Créez des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Aperçu de votre page dans un navigateur . . . . . . . . . . . . . . . . . . . . . . . 106 Chapitre 6 : Didacticiel : Mise en forme de votre page avec CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109 Localisez vos fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110 Passez votre tâche en revue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 Étude de CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112 Créez une nouvelle feuille de style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114 Associez une feuille de style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116 Explorez le panneau Styles CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119 Créez une nouvelle règle CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 Appliquez un style de classe à un texte. . . . . . . . . . . . . . . . . . . . . . . . . . 125 Mettez en forme le texte de la barre de navigation . . . . . . . . . . . . . . . 126 (En option) Centrez le contenu de la page . . . . . . . . . . . . . . . . . . . . . . . 136 Chapitre 7 : Didacticiel : Publication de votre site . . . . . . . . . . . 139 Étudiez les sites distants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Configurez un dossier distant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 Téléchargez vos fichiers locaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143 Résolution des problèmes de configuration du dossier distant (en option) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144 PARTIE 3 : DIDACTICIELS AVANCES Chapitre 8 : Didacticiel : Travail avec du code . . . . . . . . . . . . . . 149 Affichez le code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150 Activez l'espace de travail de codage (Windows uniquement) . . . . . 152 Ajoutez une balise à l'aide du sélecteur de balises. . . . . . . . . . . . . . . . 152 4 Table des matières Modifiez une balise. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .155 Consultez des informations relatives à une balise. . . . . . . . . . . . . . . . . 157 Ajoutez une image à l'aide des indicateurs de code . . . . . . . . . . . . . . .159 Vérifiez vos modifications. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .162 Imprimez votre code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .163 Chapitre 9 : Didacticiel : Création d'une mise en forme de page basée sur CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 Apprendre la mise en forme de page en utilisant CSS. . . . . . . . . . . . .166 Vérification de la maquette de construction . . . . . . . . . . . . . . . . . . . . . . 167 Création et enregistrement d'une nouvelle page . . . . . . . . . . . . . . . . . .169 Insertion de calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170 Ajoutez des couleurs à la page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .185 Chapitre 10 : Didacticiel : Affichage de données XML . . . . . . . . 189 Localiser vos fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .190 Passer votre tâche en revue. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 Utilisation de XML et XSL dans des pages Web . . . . . . . . . . . . . . . . .192 Pages XSLT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194 Conversion d'une page HTML en page XSLT. . . . . . . . . . . . . . . . . . . .196 Association d'une source de données XML à la page XSLT . . . . . . . 197 Modification de la mise en page XSLT . . . . . . . . . . . . . . . . . . . . . . . . . .198 Liaison des données XML à la page XSLT. . . . . . . . . . . . . . . . . . . . . . .201 Application de styles aux données XML . . . . . . . . . . . . . . . . . . . . . . . . 203 Création d'un lien dynamique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 Ajout d'un objet XSLT Région répétée . . . . . . . . . . . . . . . . . . . . . . . . . 206 Association de la page XSLT à la page XML . . . . . . . . . . . . . . . . . . . . 209 Autres options de déploiement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 Chapitre 11 : Didacticiel : Développement d'une application Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 Avant de commencer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .214 Passez votre tâche en revue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .214 Ouvrez un document de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216 Définissez un jeu d'enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217 Affichez les enregistrements de la base de données . . . . . . . . . . . . . .221 Ajoutez des champs dynamiques au tableau . . . . . . . . . . . . . . . . . . . . 223 Définissez une région répétée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Affichez votre page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225 Créez un formulaire d'insertion d'enregistrement . . . . . . . . . . . . . . . . 225 Copiez les fichiers sur le serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .231 Documentation connexe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 Table des matières 5 PARTIE 4 : ANNEXES Annexe A : Description des applications Web . . . . . . . . . . . . . 235 Présentation des applications Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . .235 Fonctionnement d'une application Web . . . . . . . . . . . . . . . . . . . . . . . .238 Création de pages dynamiques ...