Utilisation de Dreamweaver MX 2004

Utilisation de Dreamweaver

Marques commerciales

Add Life to the Web, Afterburner, Aftershock, Andromedia, Allaire, Animation PowerPack, Aria, Attain, Authorware, Authorware Star, Backstage, Bright Tiger, Clustercats, Cold Fusion, Contribute, Design in Motion, Director, Dream Templates, Dreamweaver, Drumbeat 2000, EDJE, EJIPT, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, Generator, HomeSite, JFusion, JRun, Kawa, Know Your Site, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects, MacRecorder Logo and Design, Macromedia, Macromedia Action!, Macromedia Flash, Macromedia M Logo & Design, Macromedia Spectra, Macromedia xRes Logo and Design, MacroModel, Made with Macromedia, Made with Macromedia Logo and Design, MAGIC Logo and Design, Mediamaker, Movie Critic, Open Sesame!, Roundtrip HTML, Shockwave, Sitespring, SoundEdit, Titlemaker, UltraDev, Web Design 101, what the web can be et Xtra sont des marques ou des marques dposes de Macromedia, Inc. et peuvent tre dposes aux Etats-Unis ou dans dautres pays. Les autres noms de produit, logos, concepts, titres, mots ou phrases mentionns dans cette publication peuvent tre des marques commerciales, des marques de service ou des noms commerciaux de Macromedia, Inc. ou dautres entits et peuvent tre dposs dans certaines juridictions ou certains pays.

Informations de tiers

Ce manuel contient des liens vers des sites Web tiers qui ne sont pas contrls par Macromedia et Macromedia ne peut en aucun cas tre tenu responsable du contenu de ces sites. Si vous accdez lun de ces sites, vous le faites vos propres risques. Macromedia propose ces liens dans un but pratique uniquement et ne peut en aucun cas endosser ou accepter la responsabilit du contenu de ces sites tiers.

Vous trouverez des informations sur les logiciels tiers et/ou dautres conditions gnrales ladresse suivante : http://www.macromedia.com/go/thirdparty_fr/.

Navigateur Opera Copyright 1995-2002 Opera Software ASA et ses fournisseurs. Tous droits rservs.

Dngation de responsabilit dApple

APPLE COMPUTER, INC. NASSUME AUCUNE GARANTIE, IMPLICITE OU EXPLICITE, SUR LE LOGICIEL INFORMATIQUE CI-INCLUS, SA COMMERCIABILITE OU SON ADEQUATION A UN OBJECTIF PARTICULIER. LEXCLUSION DES GARANTIES IMPLICITES NETANT PAS AUTORISEE DANS CERTAINS ETATS, LEXCLUSION CI-DESSUS PEUT DONC NE PAS SAPPLIQUER A VOTRE CAS. CETTE GARANTIE VOUS OFFRE DES DROITS JURIDIQUES SPECIFIQUES. VOUS POUVEZ DISPOSER DE CERTAINS AUTRES DROITS, QUI VARIENT SELON LES ETATS.

Copyright 2003 Macromedia, Inc. Tous droits rservs. Ce manuel ne peut pas tre copi, photocopi, reproduit, traduit ou converti sous forme lectronique ou informatique, en partie ou en totalit, sans lautorisation crite pralable de Macromedia, Inc. Numro de rfrence ZDW70M200F

Remerciements

Direction : Sheila McGinn

Gestion de projet : Charles Nadeau

Rdaction : Jed Hartman, Jennifer Rowe, Chris Bedford, Charles Nadeau

Mise en forme : Lisa Stanziano, Mary Ferguson, Noreen Maher

Gestion de la production : Patrice ONeill

Conception et production : Adam Barnett, Aaron Begley, Chris Basmajian, John Francis, Jeff Harmon

Remerciements : Jay London, Alain Dumesny, Lori Hylan-Cho, Jack Herrington, Vic Mitnick, Rebecca Hyatt, Russ Helfand, Erik Bergman, Luciano Arruda, Sho Kuwamoto, Ken Karleskint, Scott Richards, Bonnie Loo, David Deming, Jennifer Taylor, Rosana Francescato, Randy Nielsen, Gwenael Cossoul, Masayo Noda, Richard Clairicia, Scott Richards, Seungmin Lee, Vincent Truong, Birnou Sbarte, Julien Levadoux, les valuateurs de la version bta et lensemble des quipes techniques et AQ de Dreamweaver.

Premire dition : Septembre 2003

Macromedia, Inc.600 Townsend St.San Francisco, CA 94103

TABLE DES MATIERESPARTIE I : Notions de base de Dreamweaver

INTRODUCTION : Bienvenue dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 17

Nouveauts de Dreamweaver MX 2004. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18Par o dbuter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20Processus de cration de sites Web dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . 23Utilisation de Dreamweaver avec dautres applications. . . . . . . . . . . . . . . . . . . . . . 26Dreamweaver et laccessibilit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27Guide des supports de formation Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . 28Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30Ressources sur le langage HTML et les technologies Web . . . . . . . . . . . . . . . . . . . 30

CHAPITRE 1 : Exploration de lespace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . 33

A propos de lespace de travail de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 33Utilisation de la fentre de document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41Utilisation des barres doutils, des inspecteurs et des menus contextuels. . . . . . . . . 44Utilisation des panneaux et des groupes de panneaux . . . . . . . . . . . . . . . . . . . . . . 49Utilisation des fonctions daccessibilit de Dreamweaver . . . . . . . . . . . . . . . . . . . . 52Optimisation de lespace de travail pour la conception de pages accessibles . . . . . . 56Utilisation de guides visuels dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . 57Dreamweaver personnalisation, notions de base . . . . . . . . . . . . . . . . . . . . . . . . . . 58

CHAPITRE 2 : Configuration dun site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 63

A propos des sites Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64Configuration dun nouveau site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 66Utilisation des paramtres avancs pour configurer un site Dreamweaver . . . . . . . 67Modification des paramtres dun site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 72Modification de sites Web existants dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . 72

CHAPITRE 3 : Cration et ouverture de documents . . . . . . . . . . . . . . . . . . . . . . . 75

Cration de nouveaux documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76Enregistrement dun nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78Dfinition dun nouveau type de document par dfaut . . . . . . . . . . . . . . . . . . . . . 79Ouverture de documents existants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79Importation dun fichier HTML Microsoft Word . . . . . . . . . . . . . . . . . . . . . . . . . 803

PARTIE II : Utilisation de sites Dreamweaver

CHAPITRE 4 : Gestion des fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

A propos de la gestion de site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86Accs aux sites, un serveur et aux disques locaux . . . . . . . . . . . . . . . . . . . . . . . . . 88Affichage de fichiers et de dossiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91Gestion de fichiers et de dossiers dans le panneau Fichiers . . . . . . . . . . . . . . . . . . . 94Utilisation dune carte visuelle de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98Importation et exportation de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105Suppression dun site Dreamweaver de votre liste de sites . . . . . . . . . . . . . . . . . . 106Archivage et extraction de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106Acquisition et placement de fichiers depuis ou vers votre serveur . . . . . . . . . . . . . 109Synchronisation des fichiers entre le site local et le site distant . . . . . . . . . . . . . . . 112Voilage des dossiers et des fichiers du site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113Stockage des informations sur les fichiers dans des Design Notes. . . . . . . . . . . . . 116Test de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

CHAPITRE 5 : Gestion des actifs de site et des bibliothques . . . . . . . . . . . . . . 125

A propos des lments de bibliothque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125Utilisation des actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127Cration et gestion dune liste dactifs favoris. . . . . . . . . . . . . . . . . . . . . . . . . . . . 133Utilisation des lments de bibliothque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135

CHAPITRE 6 : Gestion des sites Contribute avec Dreamweaver . . . . . . . . . . . . 143

A propos de la gestion des sites Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143Prparation dun site utiliser avec Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . 147Administration dun site Contribute laide de Dreamweaver . . . . . . . . . . . . . . . 148Dpannage dun site Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149Gestion des fichiers Contribute dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 150

PARTIE III : Mise en forme des pages

CHAPITRE 7 : Mise en forme des pages avec les styles CSS. . . . . . . . . . . . . . . 155

A propos des calques de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156Insertion de blocs de contenu pour la mise en forme . . . . . . . . . . . . . . . . . . . . . . 157Modification de la couleur de surbrillance des blocs de contenu . . . . . . . . . . . . . 158Utilisation des blocs de contenu pour la mise en forme . . . . . . . . . . . . . . . . . . . . 159Insertion dun calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160Dfinition des prfrences et des proprits de calques. . . . . . . . . . . . . . . . . . . . . 162Gestion des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163Manipulation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166Conversion des calques en tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168Utilisation des rgles et des grilles pour la mise en forme des pages . . . . . . . . . . . 170Utilisation du trac de limage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1714 Table des matires

CHAPITRE 8 : Prsentation de contenu laide de tableaux . . . . . . . . . . . . . . . 173

A propos des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174Insertion dun tableau et ajout de contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175Importation et exportation de donnes tabulaires . . . . . . . . . . . . . . . . . . . . . . . . 176Slection dlments de tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177Utilisation du mode Tableaux dvelopps pour une modification

de tableau plus simple. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180Mise en forme des tableaux et des cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181Redimensionnement des tableaux, des colonnes et des lignes. . . . . . . . . . . . . . . . 183Ajout et suppression de lignes et de colonnes. . . . . . . . . . . . . . . . . . . . . . . . . . . . 187Fractionnement et fusion de cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189Copie, collage et suppression de cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190Imbrication de tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192Tri des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

CHAPITRE 9 : Mise en forme des pages avec le mode Mise en forme . . . . . . . . 193

A propos du mode Mise en forme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193Basculement du mode Standard au mode Mise en forme. . . . . . . . . . . . . . . . . . . 197Ralisation de dessins en mode Mise en forme. . . . . . . . . . . . . . . . . . . . . . . . . . . 198Ajout de contenu dans une cellule de Mise en forme . . . . . . . . . . . . . . . . . . . . . . 201Suppression automatique des hauteurs de cellule . . . . . . . . . . . . . . . . . . . . . . . . . 202Redimensionnement et dplacement de cellules et tableaux de Mise en forme. . . 202Formatage de cellules et de tableaux de Mise en forme . . . . . . . . . . . . . . . . . . . . 204Dfinition de la largeur des colonnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204Dfinition de prfrences pour le mode Mise en forme . . . . . . . . . . . . . . . . . . . . 207

CHAPITRE 10 : Utilisation de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

A propos des cadres et des jeux de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209Utilisation des jeux de cadres dans la fentre de document . . . . . . . . . . . . . . . . . 213Cration de cadres et de jeux de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214Slection de cadres et de jeux de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216Ouverture dun document dans un cadre. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218Enregistrement des fichiers du cadre et du jeu de cadres . . . . . . . . . . . . . . . . . . . 219Affichage et dfinition des proprits et attributs de cadre . . . . . . . . . . . . . . . . . . 220Affichage et dfinition des proprits des jeux de cadres . . . . . . . . . . . . . . . . . . . 221Dfinition des contenus de cadre avec liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222Gestion des navigateurs qui ne peuvent pas afficher les cadres . . . . . . . . . . . . . . . 223Utilisation des comportements JavaScript avec les cadres . . . . . . . . . . . . . . . . . . . 223

CHAPITRE 11 : Gestion des modles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

A propos des modles Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226Cration dun modle Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238Cration de modles pour un site Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . 241Cration de rgions modifiables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243Cration de rgions rptes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245Utilisation des rgions facultatives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248Dfinition dattributs de balise modifiables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250Table des matires 5

Cration dun modle imbriqu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251Modification et mise jour des modles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252Gestion des modles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255Exportation et importation du contenu XML dun modle . . . . . . . . . . . . . . . . . 256Exportation dun site sans marqueur de modle. . . . . . . . . . . . . . . . . . . . . . . . . . 257Application ou suppression dun modle depuis un document existant . . . . . . . . 257Modification du contenu dun document bas sur un modle . . . . . . . . . . . . . . . 259

PARTIE IV : Ajout de contenu aux pages

CHAPITRE 12 : Utilisation des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

A propos de lutilisation des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266Enregistrement de pages Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269Spcification de balises HTML au lieu de CSS . . . . . . . . . . . . . . . . . . . . . . . . . . 270Dfinition des proprits de page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270Utilisation des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273Slection dlments dans la fentre de document . . . . . . . . . . . . . . . . . . . . . . . . 274Utilisation du panneau Historique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276Automatisation des tches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277Utilisation de comportements JavaScript pour dtecter le type et

la version des navigateurs et des plug-ins. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282Aperu et test de page dans les navigateurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283Vrification des prfrences de dure et de la taille de tlchargement . . . . . . . . . 284

CHAPITRE 13 : Insertion et mise en forme de texte . . . . . . . . . . . . . . . . . . . . . . 287

A propos du formatage de texte dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 287Insertion de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294Mise en forme de paragraphes et structure du document . . . . . . . . . . . . . . . . . . . 296Mise en forme de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300Utilisation des feuilles de style en cascade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304Mise jour de feuilles de style CSS dans un site Contribute . . . . . . . . . . . . . . . . 314Vrification orthographique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315Recherche et remplacement de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316

CHAPITRE 14 : Insertion dimages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

A propos des images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317Insertion dune image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319Redimensionnement dune image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323Recadrage dune image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324Optimisation dune image laide de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . 324Ajustement de la luminosit et du contraste dune image. . . . . . . . . . . . . . . . . . . 325Accentuation dune image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325Cration dune image survole. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326Utilisation dun diteur dimage externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327Application decomportements aux images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3276 Table des matires

CHAPITRE 15 : Liens et navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329

Description des emplacements et chemins daccs des documents . . . . . . . . . . . . 330Menus de reroutage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332Barres de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333A propos des cartes graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334Cration de liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334Gestion des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340Insertion de menus de reroutage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344Utilisation des barres de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346Utilisation de cartes graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347Association de comportements JavaScript des liens . . . . . . . . . . . . . . . . . . . . . . 349Recherche de liens briss, externes et orphelins . . . . . . . . . . . . . . . . . . . . . . . . . . 350Correction des liens briss . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351Ouverture des documents lis dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 352

CHAPITRE 16 : Utilisation dautres applications . . . . . . . . . . . . . . . . . . . . . . . . . 353

A propos de lintgration de Fireworks et Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 354Optimisation de votre environnement de travail pour Fireworks et Flash. . . . . . . 354Utilisation de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355Utilisation de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

CHAPITRE 17 : Ajout dlments audio, vido et interactifs . . . . . . . . . . . . . . . . 367

A propos des fichiers multimdia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368Insertion et modification dobjets multimdia . . . . . . . . . . . . . . . . . . . . . . . . . . . 369Lancement dun diteur externe pour des fichiers multimdia . . . . . . . . . . . . . . . 371Utilisation des Design Notes (Notes de conception) avec les objets multimdia. . 373Insertion et modification dun objet de bouton Flash . . . . . . . . . . . . . . . . . . . . . 373Insertion dun objet texte Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375Insertion danimations Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375Tlchargement et installation des lments Flash . . . . . . . . . . . . . . . . . . . . . . . . 376Insertion dlments Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376Modification des attributs dun lment Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . 377Insertion danimations Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377Ajout dune vido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378Ajout de son une page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378Insertion du contenu dun plug-in Netscape Navigator . . . . . . . . . . . . . . . . . . . . 379Insertion dun contrle ActiveX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381Insertion dune applet Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381Utilisation de comportements pour contrler les objets multimdias . . . . . . . . . . 381

CHAPITRE 18 : Utilisation des comportements JavaScript . . . . . . . . . . . . . . . . 383

Utilisation du panneau Comportements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384A propos des vnements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384Application dun comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385Association dun comportement du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386Modification dun comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387Actualisation dun comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387Table des matires 7

Cration de nouvelles actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388Tlchargement et installation de comportements crs par

des dveloppeurs tiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388Utilisation des actions de comportement livres avec Dreamweaver . . . . . . . . . . . 388

PARTIE V : Utilisation du code de page

CHAPITRE 19 : Configuration dun environnement de codage . . . . . . . . . . . . . . 415

Affichage du code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416Utilisation de lespace de travail orient en mode Code (Windows uniquement) . 417Dfinition des prfrences daffichage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417Dfinition des prfrences de codage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418Personnalisation des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420Ouverture de fichiers en mode Code par dfaut. . . . . . . . . . . . . . . . . . . . . . . . . . 420Dfinition des prfrences du programme de validation . . . . . . . . . . . . . . . . . . . 420Gestion des bibliothques de balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421Importation de balises personnalises dans Dreamweaver . . . . . . . . . . . . . . . . . . 424Utilisation dun diteur HTML externe avec Dreamweaver . . . . . . . . . . . . . . . . 426

CHAPITRE 20 : Codage dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

A propos du codage dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429Rdaction et modification de code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437Recherche et remplacement de balises et dattributs . . . . . . . . . . . . . . . . . . . . . . . 443Modification rapide dune slection de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444Utilisation des documents de rfrence sur les langages . . . . . . . . . . . . . . . . . . . . 445Impression du code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

CHAPITRE 21 : Optimisation et dbogage de code . . . . . . . . . . . . . . . . . . . . . . 447

Nettoyage du code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447Vrification de lquilibre des balises et des accolades . . . . . . . . . . . . . . . . . . . . . . 448Vrification de la compatibilit du navigateur . . . . . . . . . . . . . . . . . . . . . . . . . . . 448Validation de balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451Conformit des pages avec le langage XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . 452Utilisation du dbogueur ColdFusion (Windows uniquement) . . . . . . . . . . . . . . 453

CHAPITRE 22 : Modification du code en mode Cration . . . . . . . . . . . . . . . . . . 455

Modification du code avec linspecteur de proprits . . . . . . . . . . . . . . . . . . . . . . 455Modification dattributs dans linspecteur de balises . . . . . . . . . . . . . . . . . . . . . . 456Modification du code avec Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . 457Modification du code laide du slecteur de balises . . . . . . . . . . . . . . . . . . . . . . 460Modification des scripts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460Utilisation des inclusions ct serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462Utilisation des comportements JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463Affichage et modification du contenu de len-tte . . . . . . . . . . . . . . . . . . . . . . . . 4638 Table des matires

PARTIE VI : Prparation la cration de sites dynamiques

CHAPITRE 23 : Configuration dune application Web . . . . . . . . . . . . . . . . . . . . 467

Elments ncessaires la cration dapplications Web . . . . . . . . . . . . . . . . . . . . . 467Configuration dun serveur Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467Configuration dun serveur dapplication . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468Cration dun dossier racine pour lapplication . . . . . . . . . . . . . . . . . . . . . . . . . . 471Dfinition dun site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473Connexion une base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 475

CHAPITRE 24 : Connexions des bases de donnes pour les dveloppeurs ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 477

Connexion une base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 477Modification ou suppression dune connexion une base de donnes . . . . . . . . . 478

CHAPITRE 25 : Connexions des bases de donnes pour les dveloppeurs ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479


CHAPITRE 26 : Connexions des bases de donnes pour les dveloppeurs ASP. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 485

A propos des connexions des bases de donnes dans ASP . . . . . . . . . . . . . . . . . 485Cration dune connexion DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487Cration dune connexion sans DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490Connexion une base de donnes via un fournisseur daccs . . . . . . . . . . . . . . . . 491Modification ou suppression dune connexion une base de donnes . . . . . . . . . 494

CHAPITRE 27 : Connexions des bases de donnes pour les dveloppeurs JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495

A propos des connexions des bases de donnes dans JSP . . . . . . . . . . . . . . . . . . 495Connexion une base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497Connexion via un pilote ODBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498Modification ou suppression dune connexion une base de donnes . . . . . . . . . 501

CHAPITRE 28 : Connexions des bases de donnes pour les dveloppeurs PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 503


CHAPITRE 29 : Rsolution des problmes de connexion des bases de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Rsolution des problmes dautorisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505Rsolution des messages derreur Microsoft . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 507Table des matires 9

PARTIE VII : Ajout de contenu dynamique aux pages Web

CHAPITRE 30 : Optimisation de lespace de travail pour tirer parti des fonctions de dveloppement visuel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

Affichage de panneaux de dveloppement dapplications Web . . . . . . . . . . . . . . . 516Affichage de votre base de donnes dans Dreamweaver . . . . . . . . . . . . . . . . . . . . 518Affichage des donnes dynamiques en mode Cration . . . . . . . . . . . . . . . . . . . . 518Travail en mode Cration sans donnes dynamiques . . . . . . . . . . . . . . . . . . . . . . 523Aperu des pages dynamiques dans un navigateur . . . . . . . . . . . . . . . . . . . . . . . . 524Limitation des informations de base de donnes affiches dans Dreamweaver . . . 524

CHAPITRE 31 : Droulement de la conception de pages dynamiques . . . . . . . . 527

Conception de la page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 528Cration dune source de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . 528Ajout dun contenu dynamique une page Web . . . . . . . . . . . . . . . . . . . . . . . . . 530Amlioration des fonctionnalits dune page dynamique . . . . . . . . . . . . . . . . . . . 530Test et dbogage dune page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532

CHAPITRE 32 : Rcupration des donnes spcifiques une page . . . . . . . . . 535

Utilisation dune base de donnes pour stocker un contenu. . . . . . . . . . . . . . . . . 536Collecte de donnes envoyes par les utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . 537Accs des donnes stockes dans des variables de session . . . . . . . . . . . . . . . . . . 541

CHAPITRE 33 : Dfinition de sources de contenu dynamique . . . . . . . . . . . . . . 547

A propos des sources de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548Dfinition dun jeu denregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 553Dfinition de paramtres dURL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 556Dfinition de paramtres de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557Dfinition de variables de session . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558Dfinition de variables dapplication dans ASP et ColdFusion. . . . . . . . . . . . . . . 559Utilisation dune variable comme source de donnes pour un jeu

denregistrements de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 560Dfinition de variables de serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 561Mise en mmoire cache de sources de contenu . . . . . . . . . . . . . . . . . . . . . . . . . . 565Modification ou suppression de sources de contenu. . . . . . . . . . . . . . . . . . . . . . . 565Copie dun jeu denregistrements dune page une autre. . . . . . . . . . . . . . . . . . . 566

CHAPITRE 34 : Ajout dun contenu dynamique une page Web . . . . . . . . . . . 567

A propos de lajout de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 568Ajout dun texte dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 569Cration dimages dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 570Cration dattributs HTML dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571Cration de paramtres dobjet (ActiveX, Flash, etc.) dynamiques . . . . . . . . . . . . 572Modification du contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573Suppression dun contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573Cration de pages dynamiques dans un site Contribute . . . . . . . . . . . . . . . . . . . . 57410 Table des matires

CHAPITRE 35 : Affichage des enregistrements de base de donnes . . . . . . . . 575

A propos de laffichage des enregistrements de base de donnes . . . . . . . . . . . . . . 576Utilisation de formats de donnes prdfinis . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583Cration de liens de navigation de jeu denregistrements . . . . . . . . . . . . . . . . . . 584Affichage et masquage des rgions en fonction des rsultats du jeu

denregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 587Affichage de plusieurs rsultats dun jeu denregistrements . . . . . . . . . . . . . . . . . 587Cration dun tableau laide du comportement de serveur Rgion rpte. . . . . 588Cration dun compteur denregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 589Cration de contrles Web Grille de donnes et Liste de donnes ASP.NET . . . . 591

CHAPITRE 36 : Utilisation des composants ColdFusion . . . . . . . . . . . . . . . . . . 595

A propos des composants ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 596Cration visuelle dun composant dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . 596Affichage de composants ColdFusion dans Dreamweaver . . . . . . . . . . . . . . . . . . 597Modification de composants ColdFusion dans Dreamweaver . . . . . . . . . . . . . . . 598Cration de pages Web utilisant des composants ColdFusion . . . . . . . . . . . . . . . 599

CHAPITRE 37 : Utilisation des services Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 601

A propos des services Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 602Configuration dun gnrateur de proxy destin tre utilis

avec Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 605Ajout dun proxy de services Web laide de la description WSDL . . . . . . . . . . . 607Ajout dun service Web une page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608Modification de la liste de sites des services Web UDDI . . . . . . . . . . . . . . . . . . . 609

CHAPITRE 38 : Ajout de comportements de serveur personnaliss . . . . . . . . . 611

A propos des comportements de serveur personnaliss. . . . . . . . . . . . . . . . . . . . . 612Installation de comportements de serveur crs par des dveloppeurs tiers . . . . . 620Utilisation du Crateur de comportements de serveur . . . . . . . . . . . . . . . . . . . . . 621Utilisation de paramtres dans des comportements de serveur . . . . . . . . . . . . . . . 624Positionnement des blocs de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 625Cration dune bote de dialogue spcifique un comportement de serveur

personnalis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 626Modification dun comportement de serveur. . . . . . . . . . . . . . . . . . . . . . . . . . . . 628

CHAPITRE 39 : Cration de formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

A propos des formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 632Cration de formulaires HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 635Insertion dobjets de formulaire HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 636Insertion dobjets de formulaire HTML dynamiques. . . . . . . . . . . . . . . . . . . . . . 640Validation des donnes de formulaire HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 644Liaison de comportements JavaScript des objets de formulaire HTML . . . . . . . 644Liaison de scripts personnaliss des boutons de formulaire HTML . . . . . . . . . . 645Cration de formulaires HTML accessibles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 645Cration de formulaires ASP.NET. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646Table des matires 11

PARTIE VIII : Dveloppement rapide dapplications

CHAPITRE 40 : Cration rapide dapplications ColdFusion . . . . . . . . . . . . . . . . 653

A propos du dveloppement rapide dapplications (tous les serveurs). . . . . . . . . . 653Cration dun ensemble de pages Principale-Dtails (ColdFusion). . . . . . . . . . . . 658Cration de pages de recherche/rsultats (ColdFusion, ASP, JSP, PHP) . . . . . . . . 665Cration dune page dinsertion denregistrement (tous les serveurs) . . . . . . . . . . 671Cration de pages pour mettre jour un enregistrement (ColdFusion) . . . . . . . . 674Cration de pages de suppression dun enregistrement (ColdFusion) . . . . . . . . . . 679Modification dune base de donnes laide de procdures stockes

(ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 687Cration de pages limitant laccs votre site (ColdFusion, ASP, JSP, PHP). . . . . 688

CHAPITRE 41 : Cration rapide dapplications ASP.NET . . . . . . . . . . . . . . . . . . 699

Cration dun ensemble de pages Principale-Dtails (ASP.NET) . . . . . . . . . . . . . 699Cration dune page de recherche dans une base de donnes (ASP.NET) . . . . . . . 705Cration dune page dinsertion denregistrements (ASP.NET) . . . . . . . . . . . . . . 710Cration de pages de mise jour dun enregistrement (ASP.NET) . . . . . . . . . . . . 710Cration de pages de suppression dun enregistrement (ASP.NET) . . . . . . . . . . . 717Modification dune base de donnes laide de procdures stockes

(ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725Cration de pages limitant laccs votre site (ASP.NET) . . . . . . . . . . . . . . . . . . 726

CHAPITRE 42 : Cration rapide dapplications ASP et JSP . . . . . . . . . . . . . . . 727

Cration dun ensemble de pages Principale-Dtails (ASP et JSP) . . . . . . . . . . . . 727Cration de pages de recherche/rsultats (ASP et JSP) . . . . . . . . . . . . . . . . . . . . . 731Cration dune page dinsertion denregistrements (ASP et JSP) . . . . . . . . . . . . . 731Cration de pages de mise jour dun enregistrement (ASP et JSP) . . . . . . . . . . . 731Cration de pages de suppression dun enregistrement (ASP et JSP) . . . . . . . . . . 736Cration de pages comportant des objets de manipulation de donnes avancs

(ASP et JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 739Cration de pages limitant laccs votre site (ASP et JSP) . . . . . . . . . . . . . . . . . 743

CHAPITRE 43 : Cration rapide dapplications PHP . . . . . . . . . . . . . . . . . . . . . 745

Cration de pages Principale-Dtails (PHP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . 745Cration de pages de recherche/de rsultats (PHP) . . . . . . . . . . . . . . . . . . . . . . . 751Cration dune page dinsertion denregistrements (PHP) . . . . . . . . . . . . . . . . . . 751Cration de pages pour mettre jour un enregistrement (PHP). . . . . . . . . . . . . . 752Cration de pages de suppression dun enregistrement (PHP) . . . . . . . . . . . . . . . 757Cration de pages limitant laccs votre site (PHP) . . . . . . . . . . . . . . . . . . . . . . 76512 Table des matires

PARTIE IX : Annexes

ANNEXE A : Guide du dbutant en base de donnes . . . . . . . . . . . . . . . . . . . . . 769

A propos des bases de donnes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 769Principes fondamentaux pour la conception dune base de donnes. . . . . . . . . . . 770Description des connexions aux bases de donnes . . . . . . . . . . . . . . . . . . . . . . . . 776

ANNEXE B : Initiation SQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 781

Notions de syntaxe lmentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 781Dfinition des colonnes dun jeu denregistrements . . . . . . . . . . . . . . . . . . . . . . . 782Limite du nombre denregistrements dans un jeu . . . . . . . . . . . . . . . . . . . . . . . . 783Tri des enregistrements dun jeu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 786Relations entre tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 786

INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 789Table des matires 13

14 Table des matires

PA

RT

IE IPARTIE INotions de base de DreamweaverApprenez utiliser la documentation de Macromedia Dreamweaver MX 2004 et dautres ressources, puis configurez lespace de travail de Dreamweaver en fonction de votre style de travail prfr. Ensuite, planifiez et configurez un site et commencez crer des pages.

Cette partie du manuel contient les chapitres suivants :

Introduction, Bienvenue dans Dreamweaver, page 17

Chapitre 1, Exploration de lespace de travail, page 33

Chapitre 2, Configuration dun site Dreamweaver, page 63

Chapitre 3, Cration et ouverture de documents, page 75

INTRODUCTIONBienvenue dans DreamweaverMacromedia Dreamweaver MX 2004 est un diteur HTML professionnel destin la conception, au codage et au dveloppement de sites, de pages et dapplications Web. Quel que soit lenvironnement de travail utilis (codage manuel HTML ou environnement ddition visuel), Dreamweaver propose des outils qui vous aideront crer des applications Web.

Les fonctions ddition visuelles de Dreamweaver vous permettent de crer rapidement des pages sans rdiger une seule ligne de code. Vous pouvez afficher tous les lments ou actifs de votre site et les faire glisser directement dun panneau convivial dans un document. Rationalisez les tches de dveloppement en crant et en modifiant des images dans Macromedia Fireworks ou toute autre application graphique, puis en les important directement dans Dreamweaver, ou en ajoutant des objets Flash Macromedia.

Dreamweaver propose galement un environnement de codage complet comprenant des outils de modification du code (comme la coloration du code et la cration de balises) ainsi que des documents de rfrence sur le langage HTML, les feuilles de style en cascade (CSS - Cascading Style Sheets), JavaScript, ColdFusion Markup Language (CFML), Microsoft Active Server Pages (ASP) et JavaServer Pages (JSP). La technologie Roundtrip HTML de Macromedia permet dimporter des documents HTML cods manuellement sans en modifier le code pour que vous puissiez ensuite reformater ce dernier avec le style de formatage de votre choix.

Dreamweaver permet galement de crer des applications Web reposant sur des bases de donnes dynamiques au moyen de technologies serveur comme CFML, ASP.NET, ASP, JSP et PHP.

Dreamweaver est entirement personnalisable. Vous pouvez crer vos propres objets et commandes, modifier les raccourcis clavier ou encore rdiger un code JavaScript pour intgrer de nouveaux comportements, inspecteurs de proprits et rapports de site aux fonctionnalits de Dreamweaver.

Ce chapitre contient les sections suivantes :

Nouveauts de Dreamweaver MX 2004, page 18 Par o dbuter, page 20 Processus de cration de sites Web dans Dreamweaver, page 23 Utilisation de Dreamweaver avec dautres applications, page 26 Dreamweaver et laccessibilit, page 27 Guide des supports de formation Dreamweaver, page 28 Conventions typographiques, page 30 Ressources sur le langage HTML et les technologies Web, page 3017

Nouveauts de Dreamweaver MX 2004

Dreamweaver MX 2004 contient une nouvelle interface simplifie et est plus performant. Il propose galement de nombreuses nouvelles fonctions qui en amliorent la convivialit et vous aident crer des pages, que vous travailliez dans les environnements de cration ou de codage.

Simplification du produit et de linterface de dveloppement

Linterface de Dreamweaver est plus intuitive pour vous aider amliorer votre productivit et la qualit de votre travail.

Amlioration de la barre Insrer : grce sa prsentation plus simple, la barre Insrer prend moins de place dans lenvironnement de travail. Une nouvelle catgorie de favoris vous permet en outre de la personnaliser en regroupant les objets que vous utilisez le plus souvent. Pour plus dinformations, voir Barre Insrer, page 39.

Commandes Copier/Coller pour Microsoft Word et Microsoft Excel : ces commandes vous permettent de copier et de coller un document Microsoft Word ou Excel directement dans Dreamweaver. Lorsque vous collez un document Word ou Excel, Dreamweaver en conserve la mise en forme et gnre du code HTML de bonne qualit. Pour plus dinformations, voir Copie et collage de texte partir de documents MS Office, page 295.

Affichage visuel des modifications de tableau : cette fonction vous permet de voir limpact des oprations de redimensionnement de colonnes sur vos tableaux. Elle simplifie galement la slection dlments dans les tableaux. Pour plus dinformations sur le redimensionnement, voir Redimensionnement des tableaux, des colonnes et des lignes, page 183. Pour plus dinformations sur lutilisation du mode Tableaux dvelopps pour slectionner des lments, voir Utilisation du mode Tableaux dvelopps pour une modification de tableau plus simple, page 180.

Modification de linterface utilisateur : linterface utilisateur a t repense pour optimiser lespace de travail utilisable et afficher le contexte et les lments actifs de manire plus claire. Dsormais, linterface est plus logique et intuitive. Pour plus dinformations sur lespace de travail de Dreamweaver, voir A propos de lespace de travail de Dreamweaver, page 33.

Page de dmarrage : cette page vous permet daccder rapidement aux derniers fichiers utiliss, de crer de nouveaux fichiers et daccder aux didacticiels de Dreamweaver. Elle saffiche lorsque vous dmarrez Dreamweaver ou lorsque aucun document nest ouvert. Pour plus dinformations sur la faon de masquer ou dafficher la Page de dmarrage, voir Affichage et masquage de la page de dmarrage, page 59.

Bureau enregistr : cette option vous permet dindiquer Dreamweaver de rouvrir les documents sur lesquels vous travailliez lorsque vous redmarrez Dreamweaver. Pour plus dinformations sur la configuration de cette option, voir Dfinition des prfrences gnrales de Dreamweaver, page 59.

Prise en charge intgrale dUnicode : sous Windows, Dreamweaver prend en charge tous les encodages de texte pris en charge par Internet Explorer. Dans Dreamweaver, vous pouvez vous servir de la quasi-totalit des polices de caractres installes sur votre systme en ayant la certitude que Dreamweaver en assurera correctement le rendu et lenregistrement. Pour plus dinformations sur la configuration des codages de polices, voir Dfinition des prfrences de police pour laffichage Dreamweaver, page 60.18 Introduction : Bienvenue dans Dreamweaver

Secure FTP : cette fonction vous permet de crypter intgralement tous les transferts de fichiers et dempcher les utilisateurs non autoriss daccder vos donnes, fichiers, noms dutilisateur et mots de passe. Pour plus dinformations sur la configuration dune connexion distance avec FTP, voir Configuration dun dossier distant, page 70.

Actualisation de la mise en page et de lenvironnement de cration

Dreamweaver senrichit des nouvelles fonctions CSS prsentes ci-dessous, qui vous permettent de rendre vos projets dynamiques et interactifs de manire plus sophistique. Il permet galement dafficher immdiatement les modifications apportes pour amliorer ldition visuelle.

Validation dynamique entre navigateurs : cette fonction permet de vrifier automatiquement la compatibilit du document ouvert avec diffrents navigateurs lors de chaque enregistrement. Spcifiez les navigateurs vrifier et Dreamweaver sassure que les pages ne contiennent pas de balises ou dlments CSS non pris en charge par ces navigateurs. Pour plus dinformations, voir Vrification de la compatibilit du navigateur, page 448.

CSS pertinents : cet onglet affiche les rgles CSS appliques la slection en cours en mode Code ou Cration. Cliquez sur une rgle pour connatre les attributs quelle gre (style de bordure, marge, marge intrieure, taille de texte, etc.). Les attributs ignors sont mis en vidence. Des modifications rapides peuvent tre apportes directement et saffichent instantanment en mode Cration. Pour plus dinformations, voir Longlet Proprits CSS, page 293.

Visualisation de mise en forme CSS : la mise en forme de pages laide de feuilles de style en cascade (CSS) est dsormais beaucoup plus simple. Vous pouvez facilement slectionner des balises div et dautres blocs de contenu en mode Cration, puis en modifier les proprits sous longlet Proprits CSS. Pour plus dinformations, voir Chapitre 7, Mise en forme des pages avec les styles CSS, page 155.

Amlioration du rendu CSS : Dreamweaver peut afficher les mises en forme complexes reposant sur les styles CSS avec plus de prcision. Lamlioration du rendu vous permet de raliser des mises en forme plus sophistiques et deffectuer des manipulations visuelles pousses laide des outils de cration de Dreamweaver.

Amlioration du panneau Styles CSS : le panneau propose dsormais davantage doptions de modification des styles dans le document. A prsent, vous pouvez galement appliquer directement des styles depuis linspecteur de proprits de texte. Pour plus dinformations, voir Utilisation des feuilles de style en cascade, page 304.

Inspecteur de proprits de texte reposant sur des feuilles de style en cascade (CSS) : cet inspecteur dresse la liste de tous les styles disponibles applicables au texte et comprend une fonction daperu permettant de connatre laspect du texte aprs application du style. Pour plus dinformations, voir Inspecteur de proprits et formatage de texte, page 292.

Proprits de page reposant sur des feuilles de style en cascade (CSS) : ces proprits vous offrent un meilleur contrle des proprits de page (affichage des en-ttes et des liens, par exemple) laide dlments de codage CSS rcents. Pour plus dinformations, voir A propos de la dfinition des proprits de page, page 266.

Barre doutils de retouche dimage intgre : cette fonction vous permet deffectuer des retouches dimage simples dans Dreamweaver laide de la technologie Macromedia Fireworks. Vous avez la possibilit de recadrer, de redimensionner ou encore de rchantillonner des images sans quitter Dreamweaver. Pour plus dinformations, voir Modification dimages dans Dreamweaver, page 318.Nouveauts de Dreamweaver MX 2004 19

Environnement de codage puissant et ouvert

Dreamweaver offre aux rdacteurs de code les nouvelles fonctions prsentes ci-dessous, qui concernent notamment le mode Cration et la possibilit de modifier des fichiers sans crer de site Dreamweaver. Dreamweaver prend galement en charge les technologies de serveur actuelles.

Amlioration de linspecteur de balises : cet inspecteur affiche la liste des proprits disponibles applicables la slection en cours et vous permet deffectuer des modifications rapides et compltes. Pour plus dinformations, voir Modification dattributs dans linspecteur de balises, page 456.

Modification de fichiers sans site : cette fonction vous permet de travailler directement sur un serveur FTP ou RDS sans crer de site Dreamweaver. Pour plus dinformations sur la configuration de Dreamweaver pour travailler sur un serveur, voir Configuration de Dreamweaver pour fonctionner sans avoir dfinir de site, page 90. Pour plus dinformations sur la configuration dun site Dreamweaver, voir Configuration dun nouveau site Dreamweaver, page 66.

Comportements de serveur PHP : ces comportements vous permettent de crer un ensemble de pages Principale-Dtails et des pages dauthentification des utilisateurs. Pour plus dinformations, voir Cration de pages Principale-Dtails (PHP), page 745 et Cration de pages limitant laccs votre site (PHP), page 765.

Amlioration de la prise en charge des contrles de formulaire ASP.NET : de nouvelles mthodes plus perfectionnes (notamment de nouveaux inspecteurs de proprits) vous sont proposes pour crer et modifier des formulaires Web ASP.NET en mode Cration. Pour plus dinformations, voir Chapitre 42, Cration rapide dapplications ASP et JSP, page 727.

Menu contextuel en mode Code : ce menu vous permet de modifier rapidement la mise en forme du code slectionn. Pour plus dinformations, voir Modification rapide dune slection de code, page 444.

Par o dbuter

La documentation de Dreamweaver contient des informations destines des lecteurs ayant divers niveaux dexprience. Pour tirer le meilleur parti de cette documentation, commencez par lire les sections qui correspondent le mieux votre situation.

Pour plus dinformations sur les ressources de Dreamweaver, voir Guide des supports de formation Dreamweaver, page 28.

Concepteurs dbutants

Si vous tes novice dans le domaine de la conception de sites Web, cette section vous guidera vers les points essentiels de la documentation Dreamweaver pour approfondir vos connaissances.

Pour les concepteurs Web qui dbutent :

1 Commencez par lire les didacticiels de cration dun site statique dans le guide Bien dmarrer avec Dreamweaver, accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver (Aide > Utilisation de Dreamweaver), lisez les Chapitre 1, Exploration de lespace de travail, page 33, Chapitre 2, Configuration dun site Dreamweaver, page 63, Chapitre 4, Gestion des fichiers, page 85 et Chapitre 3, Cration et ouverture de documents, page 75.

3 Lisez le Chapitre 9, Mise en forme des pages avec le mode Mise en forme, page 193 pour en savoir plus sur la mise en forme de pages.20 Introduction : Bienvenue dans Dreamweaver

4 Lisez le Chapitre 13, Insertion et mise en forme de texte, page 287 et le Chapitre 14, Insertion dimages, page 317 pour en savoir plus sur le formatage de texte et lajout dimages vos pages.

5 Cest tout ce dont vous avez besoin pour commencer raliser des sites Web de qualit ; lorsque vous vous sentirez prt utiliser des outils plus sophistiqus, lisez les autres chapitres concernant les pages statiques dans Utilisation de Dreamweaver. Si vous le souhaitez, vous pouvez dabord vous familiariser avec la cration de pages Web avant de lire ces chapitres.

Concepteurs expriments

Si vous tes un concepteur de sites Web expriment, cette section vous guidera vers les points essentiels de la documentation Dreamweaver correspondant vos connaissances. Deux approches diffrentes sont proposes : une pour les concepteurs qui nont jamais ou peu utilis Dreamweaver et une pour les concepteurs qui connaissent dj bien Dreamweaver mais qui veulent en savoir plus sur la cration de pages dynamiques.

Pour les concepteurs Web expriments qui utilisent Dreamweaver pour la premire fois :

1 Commencez par lire les didacticiels de cration dun site statique dans le guide Bien dmarrer avec Dreamweaver, accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 1, Exploration de lespace de travail, page 33 pour en savoir plus sur linterface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abords dans le Chapitre 2, Configuration dun site Dreamweaver, page 63 et le Chapitre 4, Gestion des fichiers, page 85, parcourez ces chapitres pour savoir comment ces concepts sont implments dans Dreamweaver. Attachez-vous particulirement aux sections traitant de la configuration dun site Dreamweaver.

4 Pour obtenir des informations utiles sur la cration de pages HTML simples dans Dreamweaver, lisez le Chapitre 13, Insertion et mise en forme de texte, page 287 et le Chapitre 14, Insertion dimages, page 317.

5 Pour plus dinformations sur le codage dans Dreamweaver, voir Configuration dun environnement de codage, page 415, Codage dans Dreamweaver, page 429, Optimisation et dbogage de code, page 447 et Modification du code en mode Cration, page 455.

6 Lisez la prsentation au dbut des autres chapitres de Utilisation de Dreamweaver pour savoir si les sujets abords sont susceptibles de vous intresser.

Pour les concepteurs Web expriments qui connaissent bien Dreamweaver et souhaitent en apprendre davantage sur la cration de pages dynamiques :

1 Commencez par lire Description des applications Web et le didacticiel de dveloppement dune application Web dans le guide Bien dmarrer avec Dreamweaver accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver, parcourez le Chapitre 1, Exploration de lespace de travail, page 33 pour en savoir plus sur les nouveaux aspects de linterface utilisateur de Dreamweaver, puis lisez Optimisation de lespace de travail pour tirer parti des fonctions de dveloppement visuel, page 515.

3 Familiarisez-vous avec la conception de pages dynamiques dans Dreamweaver en lisant Droulement de la conception de pages dynamiques, page 527.

4 Configurez un serveur Web et un serveur dapplication (voir Chapitre 23, Configuration dune application Web, page 467).

5 Connectez-vous une base de donnes (voir Connexion une base de donnes, page 475).6 Lisez la prsentation au dbut de chaque chapitre de Utilisation de Dreamweaver pour savoir si

les sujets abords sont susceptibles de vous intresser.Par o dbuter 21

7 Si vous souhaitez personnaliser Dreamweaver manuellement, consultez la section Customizing Dreamweaver du centre de support de Macromedia ladresse suivante : www.macromedia.com/go/customizing_dreamweaver_fr. Si vous voulez crire des extensions pour Dreamweaver, lisez Extension de Dreamweaver.

Codeurs manuels expriments

Si vous tes un codeur manuel expriment, cette section vous guidera vers les points essentiels de la documentation Dreamweaver correspondant vos connaissances.

Pour les codeurs manuels expriments :

1 Commencez par lire Didacticiel : Modification de code dans Bien dmarrer avec Dreamweaver accessible via le menu Aide.



4 Lisez le Chapitre 19, Configuration dun environnement de codage, page 415, le Chapitre 20, Codage dans Dreamweaver, page 429, le Chapitre 21, Optimisation et dbogage de code, page 447 et le Chapitre 22, Modification du code en mode Cration, page 455 pour en savoir plus sur le codage dans Dreamweaver.

5 Lisez la prsentation au dbut de chaque chapitre de Utilisation de Dreamweaver pour savoir si les sujets abords sont susceptibles de vous intresser.

Dveloppeurs dapplications Web

Si vous tes un dveloppeur dapplications Web expriment, cette section vous guidera vers les points essentiels de la documentation Dreamweaver correspondant vos connaissances. Deux approches diffrentes sont proposes, selon que vous avez dj utilis Dreamweaver ou non.

Pour les dveloppeurs dapplications Web nayant jamais utilis Dreamweaver :

1 Commencez par parcourir le guide Bien dmarrer avec Dreamweaver pour vous familiariser avec les notions de base de Dreamweaver.



4 Configurez un serveur Web et un serveur dapplication laide de Dreamweaver (voir Chapitre 23, Configuration dune application Web, page 467).

5 Connectez-vous une base de donnes (voir Connexion une base de donnes, page 475).6 Lisez la prsentation au dbut de chaque chapitre de Utilisation de Dreamweaver pour savoir si

les sujets abords sont susceptibles de vous intresser.

Pour les dveloppeurs dapplications Web ayant dj utilis Dreamweaver :

1 Commencez par lire Nouveauts de Dreamweaver MX 2004, page 18.22 Introduction : Bienvenue dans Dreamweaver

http://www.macromedia.com/go/customizing_dreamweaver

2 Dans Utilisation de Dreamweaver, parcourez le Chapitre 1, Exploration de lespace de travail, page 33 pour en savoir plus sur les nouveaux aspects de linterface utilisateur de Dreamweaver.

3 Si vous souhaitez personnaliser Dreamweaver manuellement, consultez la section Customizing Dreamweaver du centre de support de Macromedia ladresse suivante : www.macromedia.com/go/customizing_dreamweaver_fr. Si vous voulez crire des extensions pour Dreamweaver, lisez Extension de Dreamweaver.

Processus de cration de sites Web dans Dreamweaver

Vous pouvez crer un site Web de plusieurs faons. Le processus prsent ici commence par la dfinition de la stratgie ou des objectifs dun site. Si vous dveloppez des applications Web, vous devez configurer les serveurs et bases de donnes en fonction de votre systme. Vous devez ensuite dfinir laspect gnral du site. Ensuite, vous devez crer le site et coder les pages pour ajouter un contenu et dfinir linteractivit du site. Vous allez ensuite lier les pages les unes aux autres et tester la fonctionnalit du site pour savoir sil remplit les objectifs fixs. Vous pouvez galement inclure des pages dynamiques votre site. Enfin, vous allez publier le site sur un serveur. De nombreux dveloppeurs programment galement une maintenance rgulire pour sassurer que le site reste jour et est oprationnel.

Planification de votre site

Organisez avec soin votre site : cela vous fera gagner beaucoup de temps par la suite. Lorganisation dun site ne se rduit pas dterminer lemplacement des fichiers : elle inclut galement lanalyse des besoins du site, des profils de ses utilisateurs et de ses objectifs. Il convient galement dexaminer les conditions techniques requises, notamment laccs utilisateur et les restrictions en matire de navigateurs, de plug-ins ou de tlchargement.

Aprs avoir organis vos informations et dfini une structure, vous pouvez commencer la cration du site.

Utilisez le panneau Fichiers de Dreamweaver pour configurer la structure organisationnelle de votre site. Dans le panneau Fichiers, vous pouvez facilement ajouter, supprimer et renommer des fichiers et des dossiers afin de modifier lorganisation en fonction de vos besoins (voir Chapitre 2, Configuration dun site Dreamweaver, page 63 et Chapitre 4, Gestion des fichiers, page 85).

Vous pouvez commencer par crer des pages simples qui deviendront plus complexes au fur et mesure de leur conception. Crez de nouvelles pages vierges ou des pages bases sur des pages prdfinies (voir Chapitre 3, Cration et ouverture de documents, page 75).

Si vous travaillez au sein dune quipe de dveloppement Web, les sujets suivants sont galement susceptibles de vous intresser :

Configuration dun systme pour empcher les membres de lquipe dcraser les fichiers (voir Archivage et extraction de fichiers, page 106).

Utilisation de Design Notes pour communiquer avec les membres de lquipe Web (voir Stockage des informations sur les fichiers dans des Design Notes, page 116).

Gestion des fichiers du site

Les panneaux Fichiers et Actifs de Dreamweaver facilitent la gestion des fichiers de votre site.Processus de cration de sites Web dans Dreamweaver 23

http://www.macromedia.com/go/customizing_dreamweaver

Dans le panneau Fichiers de Dreamweaver, vous trouverez de nombreux outils qui vous aideront grer votre site, transfrer vos fichiers vers et depuis un serveur distant, configurer un processus darchivage/extraction pour empcher lcrasement des fichiers et synchroniser les fichiers sur vos sites locaux et distants (voir Gestion des fichiers, page 85).

Utilisez le panneau Actifs pour organiser facilement les actifs sur un site ; vous pouvez ensuite faire glisser la plupart des actifs directement du panneau vers un document Dreamweaver (voir Chapitre 5, Gestion des actifs de site et des bibliothques, page 125).

Dreamweaver vous permet de grer certains aspects de vos sites Contribute (voir Chapitre 6, Gestion des sites Contribute avec Dreamweaver, page 143).

Mise en forme de pages Web

Dreamweaver vous permet de progresser votre rythme et selon vos envies dans la mise en forme de vos pages. Slectionnez la technique de mise en forme de votre choix ou combinez les options de mise en forme de Dreamweaver pour dfinir la prsentation de votre site.

Vous pouvez utiliser des calques ou des styles de positionnement CSS Dreamweaver pour dfinir la mise en forme (voir Chapitre 7, Mise en forme des pages avec les styles CSS, page 155).

Les outils de cration de tableaux et le mode Mise en forme de Dreamweaver vous permettent de concevoir rapidement des pages Web en dessinant, puis en rorganisant la structure des pages (voir Chapitre 8, Prsentation de contenu laide de tableaux, page 173 et Chapitre 9, Mise en forme des pages avec le mode Mise en forme, page 193).

Si vous souhaitez afficher plusieurs documents simultanment dans un navigateur Web, vous pouvez dfinir leur mise en forme en utilisant des cadres (voir Chapitre 10, Utilisation de cadres, page 209).

Les modles Dreamweaver permettent dappliquer facilement un contenu rutilisable et des conceptions de page dans votre site. Vous pouvez crer de nouvelles pages partir dun modle Dreamweaver, puis actualiser automatiquement leur mise en forme lorsque le modle change (voir Chapitre 11, Gestion des modles, page 225).

Ajout de contenu dans les pages

Avec Dreamweaver, vous pouvez sans difficult ajouter des contenus varis vos pages Web. Ajoutez des actifs et des lments de conception, par exemple des textes, des images, des couleurs, des animations, des sons et autres formes de donnes.

Les fonctions de cration de pages offertes par Dreamweaver vous permettent de spcifier des proprits de page Web, par exemple, le titre dune page ou encore des images et couleurs darrire-plan. De plus, Dreamweaver comprend des outils vous permettant doptimiser les performances de votre site Web et de tester les pages pour garantir leur compatibilit avec diffrents navigateurs Web (voir Chapitre 12, Utilisation des pages, page 265).

Tapez directement du texte dans un document Dreamweaver ou importez du texte partir dautres documents, puis formatez-le avec linspecteur de proprits de Dreamweaver. Vous pouvez galement crer facilement vos propres feuilles de style en cascade (voir Chapitre 13, Insertion et mise en forme de texte, page 287).24 Introduction : Bienvenue dans Dreamweaver

Insrez des images telles que des images survoles, des cartes graphiques et des images Fireworks dcoupes, et positionnez-les sur la page laide des outils dalignement. Vous pouvez galement redimensionner directement les images dans Dreamweaver (voir Chapitre 14, Insertion dimages, page 317 et Chapitre 16, Utilisation dautres applications, page 353).

Avec Dreamweaver, vous pouvez crer des liens HTML standard, y compris des ancres et des liens de messagerie, ou configurer facilement des systmes de navigation graphiques, notamment des menus de reroutage et des barres de navigation (voir Chapitre 15, Liens et navigation, page 329).

Insrez dautres types de ressources dans une page Web : animations Flash, Shockwave ou QuickTime, sons, applets (voir Chapitre 17, Ajout dlments audio, vido et interactifs, page 367).

Utilisez les comportements pour excuter des tches en rponse des vnements spcifiques, par exemple lillumination dun bouton lorsque le visiteur le survole avec la souris, la validation dun formulaire lorsque le visiteur clique sur le bouton Envoyer ou louverture dune deuxime fentre lorsque la page principale a fini de se charger (voir Chapitre 18, Utilisation des comportements JavaScript, page 383).

Codage manuel

Le codage manuel de pages Web constitue une autre mthode de cration de pages. Dreamweaver dispose doutils ddition visuelle conviviaux ainsi que dun environnement de codage sophistiqu. Vous pouvez utiliser lune ou lautre de ces mthodes (ou bien les deux) pour crer et modifier vos pages.

Vous pouvez travailler dans un environnement de codage sans faire appel aux outils visuels. En effet, les outils de codage permettent de crer, de modifier et de formater du code et de vrifier sa conformit aux normes (voir Chapitre 19, Configuration dun environnement de codage, page 415, Chapitre 20, Codage dans Dreamweaver, page 429 et Chapitre 21, Optimisation et dbogage de code, page 447).

Vous pouvez galement utiliser des outils de codage Dreamweaver en mode Cration (environnement de conception visuel) (voir Chapitre 22, Modification du code en mode Cration, page 455).

Configuration dune application Web

De nombreux sites Web contiennent des pages dynamiques qui permettent aux visiteurs dafficher les informations stockes dans des bases de donnes, voire dajouter ou de modifier des donnes dans certains cas. Pour crer ces pages, vous devez dabord suivre les tapes prparatoires suivantes :

Configurez un serveur Web et un serveur dapplication, puis crez ou modifiez un site Dreamweaver (voir Chapitre 23, Configuration dune application Web, page 467).

Connectez-vous une base de donnes. (Voir Connexion une base de donnes, page 475).

Cration de pages dynamiques

Dans Dreamweaver, vous pouvez dfinir diverses sources de contenu dynamique, y compris des jeux denregistrements extraits de bases de donnes, des paramtres de formulaire et des composants JavaBeans. Pour ajouter le contenu dynamique une page, il suffit de le faire glisser vers cette dernire. Processus de cration de sites Web dans Dreamweaver 25

Vous pouvez dfinir une configuration de page qui affiche un ou plusieurs enregistrements la fois (ou plusieurs pages denregistrements), ajoute des liens spciaux permettant de passer dune page denregistrements une autre et cre des compteurs denregistrements pour faciliter la gestion de ces derniers.

Pour savoir comment dvelopper des applications Web dans Dreamweaver, apprenez utiliser Dreamweaver et crer des pages dynamiques (voir Chapitre 30, Optimisation de lespace de travail pour tirer parti des fonctions de dveloppement visuel, page 515 et Chapitre 31, Droulement de la conception de pages dynamiques, page 527).

Dfinissez et affichez un contenu dynamique dans vos pages (voir Chapitre 32, Rcupration des donnes spcifiques une page, page 535, Chapitre 33, Dfinition de sources de contenu dynamique, page 547, Chapitre 34, Ajout dun contenu dynamique une page Web, page 567 et Chapitre 35, Affichage des enregistrements de base de donnes, page 575).

Encapsulez la logique dapplication ou dentreprise en faisant appel aux technologies de pointe, telles que les composants Macromedia ColdFusion et les services Web (voir Chapitre 36, Utilisation des composants ColdFusion, page 595 et Chapitre 37, Utilisation des services Web, page 601).

Crez vos propres comportements de serveur et formulaires interactifs (voir Chapitre 38, Ajout de comportements de serveur personnaliss, page 611 et Chapitre 39, Cration de formulaires, page 631).

Dveloppement rapide dapplications

Dreamweaver propose diffrents outils de dveloppement rapide dapplications, notamment les comportements de serveur et les objets dapplication qui permettent de crer des applications Web sophistiques sans avoir rdiger du code ct serveur.

Vous pouvez ainsi crer rapidement des pages qui recherchent et modifient des bases de donnes, puis affichent les rsultats Restreignez laccs vos pages pour garantir la scurit des informations (voir Cration rapide dapplications ColdFusion, page 653, Cration rapide dapplications ASP.NET, page 699, Cration rapide dapplications ASP et JSP, page 727 et Cration rapide dapplications PHP, page 745).

Utilisation de Dreamweaver avec dautres applications

Dreamweaver sadapte votre mthode de conception et de dveloppement de site Web en vous permettant de travailler aisment avec dautres applications. Pour plus dinformations sur le travail en collaboration avec dautres applications (navigateurs, diteurs HTML, programmes de retouche dimage et danimation), voir les rubriques suivantes :

Pour plus dinformations sur lutilisation de Dreamweaver avec dautres diteurs HTML, tels que HomeSite ou BBEdit, voir Utilisation dun diteur HTML externe avec Dreamweaver, page 426.

Vous pouvez spcifier vos navigateurs favoris pour laffichage de votre site (voir Aperu et test de page dans les navigateurs, page 283).

Vous pouvez lancer un diteur dimage externe, tel que Macromedia Fireworks ou Adobe Photoshop depuis Dreamweaver (voir Utilisation dun diteur dimage externe, page 327).

Vous pouvez configurer Dreamweaver pour quil lance un diteur diffrent pour chaque type de fichier (voir Lancement dun diteur externe pour des fichiers multimdia, page 371).26 Introduction : Bienvenue dans Dreamweaver

Pour plus dinformations sur lajout dinteractivit votre site laide de Macromedia Flash, voir Insertion et modification dun objet de bouton Flash, page 373, Insertion dun objet texte Flash, page 375 ou Tlchargement et installation des lments Flash, page 376.

Pour savoir comment rendre votre site interactif laide danimations Macromedia Shockwave, voir Insertion danimations Shockwave, page 377.

Pour plus dinformations sur lutilisation de ColdFusion, consulter laide de ColdFusion de Dreamweaver (Aide > Utilisation de ColdFusion).

Dreamweaver et laccessibilit

Laccessibilit consiste faire en sorte que les sites ou les produits Web que vous crez puissent tre utiliss par des personnes souffrant de handicaps visuels, auditifs, moteurs ou autres. Les fonctions daccessibilit de produits logiciels et de sites Web peuvent tre : la prise en charge de lecteurs dcran, des quivalents textuels pour les graphiques, des raccourcis clavier, des modifications dans les couleurs daffichage pour augmenter le contraste, etc.Remarque : Pour en savoir plus sur deux de ces importantes initiatives, consultez le site de la World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) et la Section 508 du Federal Rehabilitation Act (www.section508.gov).

Dreamweaver inclut des outils qui facilitent son utilisation et vous permettent de crer un contenu accessible :

Utilisation des fonctions daccessibilit de Dreamweaver Pour les concepteurs Web utilisant Dreamweaver qui doivent faire appel aux fonctions daccessibilit, Dreamweaver prend en charge des lecteurs dcran, la navigation avec le clavier et les fonctions daccessibilit de votre systme dexploitation.

Pour plus dinformations, voir Utilisation des fonctions daccessibilit de Dreamweaver, page 52.

Cration de pages Web accessibles Pour les concepteurs Web utilisant Dreamweaver qui souhaitent crer du contenu accessible, Dreamweaver vous aide crer des pages accessibles au contenu utile pour les lecteurs dcran et en conformit avec les directives gouvernementales.

Dreamweaver propose des botes de dialogue vous invitant entrer les attributs daccessibilit lors de linsertion dlments de page (voir Optimisation de lespace de travail pour la conception de pages accessibles, page 56). Par exemple, la bote de dialogue daccessibilit aux images vous invite entrer une description textuelle de chaque image. Ainsi, lorsque limage saffiche sur le systme dun utilisateur ayant des problmes de vue, le lecteur dcran lit la description.

Dreamweaver propose galement des pages Web modles conues dans un souci daccessibilit optimale (voir Cration dun document bas sur un fichier de conception Dreamweaver, page 76) et dispose dun rapport daccessibilit que vous pouvez excuter pour vrifier si votre page ou votre site est conforme aux directives daccessibilit de la Section 508 (voir Test de votre site, page 119).Remarque : Nanmoins, aucun outil de cration Web ne peut automatiser entirement le processus de dveloppement. Pour concevoir des sites Web accessibles, vous devez comprendre les exigences lies laccessibilit et devez prendre de nombreuses dcisions faisant appel votre subjectivit. Les concepteurs de sites Web ne doivent pas oublier de penser la faon dont les personnes souffrant dun handicap peuvent interagir avec les pages Web. La meilleure faon de sassurer quun site Web est accessible est de respecter toutes les procdures de prparation, de dveloppement, de tests et dvaluation.Dreamweaver et laccessibilit 27

http://www.w3.org/waihttp://www.section508.gov

Fonction de validation daccessibilit de Dreamweaver

La fonction de validation daccessibilit de Dreamweaver MX utilise la technologie de UsableNet. UsableNet est lun des principaux dveloppeurs de logiciels simples dutilisation permettant dautomatiser les tests de fonctionnalit et daccessibilit et les corrections. Pour une assistance supplmentaire concernant les tests daccessibilit, essayez le service UsableNet LIFT pour Macromedia Dreamweaver, une solution complte pour le dveloppement de sites Web fonctionnels et accessibles. UsableNet Lift pour Macromedia Dreamweaver comprend un assistant de correction pour les tableaux, les formulaires et les images complexes, un diteur ALT global, la gnration de rapports personnaliss et un nouveau mode de contrle actif qui assure laccessibilit du contenu pendant la construction des pages. Demandez une version dmo de Lift pour Macromedia Dreamweaver ladresse www.usablenet.com.

Guide des supports de formation Dreamweaver

Dreamweaver comprend diverses ressources qui vous aideront vous familiariser rapidement avec le programme et crer facilement vos propres sites et pages Web.

Systmes daide Dreamweaver, page 28 Ressources du site Web Macromedia, page 29 Ouvrages et formations supplmentaires, page 29Pour tirer le meilleur parti des ressources de Dreamweaver, voir Par o dbuter, page 20.Remarque : Pour obtenir une liste des ressources HTML et Web, voir Ressources sur le langage HTML et les technologies Web, page 30.

Systmes daide Dreamweaver

Les systmes daide Dreamweaver sont accessibles via le menu Aide. Laide de Dreamweaver saffiche dans le visualisateur daide fourni avec votre systme dexploitation : Microsoft HTML Help (Windows) ou Aide Apple (Macintosh).

Laide de Dreamweaver comprend les systmes daide suivants :

Le guide Bien dmarrer avec Dreamweaver a t conu pour vous assister dans la cration dun site Web simple mais fonctionnel laide de Dreamweaver. Il sadresse aux utilisateurs qui ont dj cr des pages Web, mais qui ne connaissent que certains aspects de Dreamweaver. Il comporte des didacticiels sur la cration et la modification de pages statiques simples, la modification manuelle du code et la cration dapplications Web dynamiques. Ce guide existe sous forme de manuel imprim, daide en ligne et de fichier PDF.

Laide de Dreamweaver, optimise pour une utilisation en ligne, fournit des informations compltes sur toutes les fonctionnalits de Dreamweaver.

Extension de Dreamweaver fournit des informations relatives au modle dobjet de document de Dreamweaver.

Le Guide des API de Dreamweaver fournit des informations sur les API (interfaces de programmation dapplications) qui permettent aux dveloppeurs JavaScript et C de crer des extensions pour Dreamweaver.28 Introduction : Bienvenue dans Dreamweaver

http://www.usablenet.com

Rubriques connexes

Ouvrages et formations supplmentaires, page 29

Ressources du site Web Macromedia

Le site Web Macromedia contient les ressources suivantes pour assister les utilisateurs de Dreamweaver :

Le site Web Dreamweaver du centre de support de vous permet doptimiser votre utilisation de Dreamweaver. Le site Web du centre de support de Dreamweaver (www.macromedia.com/go/dreamweaver_support_fr/) est actualis rgulirement. Il propose des informations jour sur Dreamweaver, ainsi que des conseils donns par des utilisateurs expriments, des exemples, des conseils gnraux, des mises jour et des informations sur des sujets plus techniques. Consultez rgulirement ce site Web pour trouver les toutes dernires informations sur Dreamweaver et apprendre en tirer le meilleur parti.

Le Centre des dveloppeurs de Macromedia, disponible ladresse www.macromedia.com/go/developer_fr, propose entre autres des outils et des didacticiels pour tous les produits Macromedia.

Les forums en ligne de Dreamweaver vous permettent de discuter de problmes techniques et dchanger des informations utiles avec dautres utilisateurs de Dreamweaver. Pour savoir comment accder aux forums, consultez le site Web de Macromedia ladresse suivante : www.macromedia.com/go/dreamweaver_newsgroup.

Des tableaux de raccourcis clavier relatifs la configuration de Dreamweaver par dfaut sont disponibles sur le site Web de Macromedia ladresse suivante : www.macromedia.com/go/dreamweaver_mx_shortcuts.

Rubriques connexes

Systmes daide Dreamweaver, page 28

Ouvrages et formations supplmentaires

Vous pouvez consulter dautres ouvrages ou participer dautres formations pour vous aider matriser encore mieux Dreamweaver ; vous trouverez galement une documentation Dreamweaver au format PDF et imprim, disponibles en ligne :

Les livres Macromedia Press permettent dacqurir une meilleure matrise de Dreamweaver. Consultez les ouvrages les plus rcents rdigs par des experts sur le site Web de Macromedia ladresse www.macromedia.com/go/dw2004_help_mmp.

Macromedia Dreamweaver Training and Certification propose des tches pratiques et des scnarios rels. Vous avez le choix entre une formation avec un professeur ou une formation en ligne. Vous pouvez mme combiner les deux solutions de faon crer une vritable formation personnalise. Dveloppez vos connaissances sur le site Web Macromedia ladresse www.macromedia.com/go/dreamweaver_training_fr.

Les fichiers PDF relatifs Dreamweaver sont disponibles sur le CD fourni avec le produit et regroupent lensemble de la documentation de Dreamweaver. Certains sujets de rfrence ne sont pas compris dans la version PDF de Utilisation de Dreamweaver ; pour plus dinformations sur ces sujets, voir Utilisation de Dreamweaver accessible via le menu Aide.Guide des supports de formation Dreamweaver 29

http://www.macromedia.com/go/dreamweaver_support/http://www.macromedia.com/go/dreamweaver_support/http://www.macromedia.com/go/developer_frhttp://www.macromedia.com/go/developer_frhttp://www.macromedia.com/go/dreamweaver_newsgrouphttp://www.macromedia.com/go/dreamweaver_mx_shortcutshttp://www.macromedia.com/go/dreamweaver_mx_shortcutshttp://www.macromedia.com/go/dw2004_help_mmphttp://www.macromedia.com/go/dreamweaver_training

Les manuels Dreamweaver, non fournis avec le produit, sont disponibles lachat en ligne. Pour acheter des exemplaires imprims de la documentation de Dreamweaver, consultez le site Web de Macromedia ladresse suivante : www.macromedia.com/go/books_and_training/.

Rubriques connexes

Systmes daide Dreamweaver, page 28 Ressources du site Web Macromedia, page 29

Conventions typographiques

Ce manuel utilise les conventions typographiques suivantes :

Les lments de menus sont indiqus de la manire suivante : nom du menu > nom de llment de menu. Les lments de sous-menus sont indiqus de la manire suivante : nom du menu > nom du sous-menu > nom de llment de menu.

Police de code indique les noms des balises et attributs HTML, ainsi que le texte utilis littralement dans les exemples.

Police de code en italique indique les lments remplaables (parfois appels mtasymboles) dans le code.

Texte en gras indique le texte que vous devez saisir exactement lidentique.Pour obtenir une liste complte des ressources proposes par Dreamweaver, voir Guide des supports de formation Dreamweaver, page 28.

Ressources sur le langage HTML et les technologies Web

Voici quelques ressources utiles disponibles sur le Web :Remarque : Pour obtenir une liste des ressources proposes par Dreamweaver, voir Guide des supports de formation Dreamweaver, page 28.

Les spcifications Cascading Style Sheets, niveau 1 (CSS1) (www.w3.org/TR/REC-CSS1) et niveau 2 (CSS2) (www.w3.org/TR/REC-CSS2/) sont des spcifications officielles des feuilles de style CSS, dfinies par le World Wide Web Consortium.

La spcification HTML 4.01 (www.w3.org/TR/REC-html40/) est la spcification officielle du code HTML du World Wide Web Consortium.

Index DOT HTML (www.blooberry.com/indexdot/html/) affiche une liste complte des balises, attributs et valeurs HTML, ainsi que leur compatibilit respective avec les divers navigateurs.

La spcification XHTML 1.0 (www.w3.org/TR/xhtml1/) est la spcification officielle du langage XHTML (Extensible HyperText Markup Language).

Le site OReilly XML.com (www

Utilisation de Dreamweaver MX 2004

Documents

Transcript of Utilisation de Dreamweaver MX 2004