ADOBE Utilisation de Dreamweaver MX User Manual [fr]

™

Utilisation de Dreamweaver MX

macromedia

Marques commerciales

Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver, Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Design in Motion, Director, Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer’s Studio, Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, Lingo, Live Effects, Macromedia, Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC, Mediamaker, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit, ShockRave, Shockmachine, Shockwave, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your Ideas, Universal Media, Virtuoso, Web Design 101, Whirlwind et Xtra sont des marques commerciales de Macromedia, Inc. et peuvent être déposées aux Etats-Unis ou dans d’autres juridictions ou pays. Les autres noms de produit, logos, concepts, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques commerciales, des marques de service ou des noms commerciaux de Macromedia, Inc. ou d’autres entités et peuvent être déposés dans certaines juridictions ou certains pays.

Ce manuel contient des liens vers des sites Web tiers qui ne sont pas contrôlés par Macromedia et Macromedia ne peut en aucun cas être tenu responsable du contenu de ces sites. Si vous accédez à l’un de ces sites, vous le faites à vos propres risques. Macromedia 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.

Dénégation de responsabilité d’Apple

APPLE COMPUTER, INC. N’ASSUME AUCUNE GARANTIE, IMPLICITE OU EXPLICITE, SUR LE LOGICIEL INFORMATIQUE CI-INCLUS, SA COMMERCIABILITE OU SON ADEQUATION A UN OBJECTIF PARTICULIER. L’EXCLUSION DES GARANTIES IMPLICITES N’ETANT PAS AUTORISEE DANS CERTAINS ETATS, L’EXCLUSION CIDESSUS PEUT DONC NE PAS S’APPLIQUER A VOTRE CAS. CETTE GARANTIE VOUS OFFRE DES DROITS JURIDIQUES SPECIFIQUES. VOUS POUVEZ DISPOSER DE CERTAINS AUTRES DROITS, QUI VARIENT SELON LES ETATS.

Copyright © 2002 Macromedia, Inc. Tous droits réservés. Ce manuel ne peut pas être copié, photocopié, reproduit, traduit ou converti sous forme électronique ou informatique, en partie ou en totalité, sans l’autorisation écrite préalable de Macromedia, Inc. Vous trouverez des informations sur les logiciels tiers et/ou d’autres conditions générales à l’adresse suivante : http://www.macromedia.com/go/thirdparty/. Numéro de référence ZDW60M300F

Remerciements

Gestion de projet : Sheila McGinn

Rédaction : Chris Bedford, Kim Diezel, Jed Hartman, Charles Nadeau, Jennifer Rowe

Mise en forme : Mary Ferguson, Mary Kraemer, Lisa Stanziano

Gestion de la production : Patrice O’Neill

Conception et production multimédia : Aaron Begley, Benjamin Salles et Noah Zilberberg

Conception et production de l’aide et de la documentation : Chris Basmajian, Caroline Branch, John Francis

Mise en forme et production du site Web : George Brown, Rebecca Godbois, Jeff Harmon, Jon Varese

Gestion de la localisation : Bonnie Loo

Remerciements particuliers à Luciano Arruda, Jake Cockrell, Kristin Conradi, George Comninos, David Deming, Tonya Estes, Sadia Bellal Faber, Stephanie Goss, David Halbakken, Nick Halbakken, Wanda Huang, Tim Hussey, Narciso (nj) Jaramillo, Craig Jennings, Florian de Joannès, Ken Karleskint, Sho Kuwamoto, David Lenoe, Raymond Lim, Jay London, Sam Mathews, Larry McLister, Susan Morrow, Masayo Noda, Dan Radigan, Nivesh Rajbhandari, Scott Richards, Yoko Shindo, Mike Sundermeyer, Heidi Bauer Williams, Jorge Taylor, Vincent Truong, Lawrence Teschmacher, Venu Venugopal, Yoko Vogt, et les équipes d’ingénierie et de contrôle qualité de Dreamweaver.

Première édition : juin 2002

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

TABLE DES MATIÈRES

Partie I Notions de base de Dreamweaver

CHAPITRE 1

Bienvenue dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Prise en main de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Processus de création d'un site Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Par où débuter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Nouveautés de Dreamweaver MX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Ressources sur le langage HTML et les technologies Web . . . . . . . . . . . . . . . . . . . . . . . 29

CHAPITRE 2

Exploration de l'espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Utilisation de l'espace de travail de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Utilisation des fenêtres et des panneaux dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . 37

Utilisation de Dreamweaver avec d'autres applications . . . . . . . . . . . . . . . . . . . . . . . . . 50

Personnalisation de Dreamweaver : notions de base. . . . . . . . . . . . . . . . . . . . . . . . . . . . 51

CHAPITRE 3

Planification et configuration de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

A propos de la planification et de la création du site . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

Configuration d'un site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

Utilisation de l'assistant de définition d'un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

Configuration d'un dossier local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

Configuration d'un dossier distant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64

Modification d'un site Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Modification de sites Web existants dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . 68

CHAPITRE 4

Gestion du site

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71

A propos du panneau Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

A propos de la carte du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

Importation et exportation de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

Suppression d'un site de votre liste de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

Utilisation de l'archivage et de l'extraction. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90

Acquisition et placement de fichiers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

Synchronisation des fichiers entre le site local et le site distant . . . . . . . . . . . . . . . . . . . . 96

Voilage des dossiers et des fichiers du site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Utilisation des Design Notes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

Utilisation des rapports pour améliorer le déroulement du travail . . . . . . . . . . . . . . . . 105

A propos du panneau Sitespring dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 107

Utilisation du panneau Sitespring . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108

CHAPITRE 5

Configuration d'un document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

Création de documents Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

Utilisation de la boîte de dialogue Nouveau document . . . . . . . . . . . . . . . . . . . . . . . . 112

Ouverture de documents existants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Définition des propriétés du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116

Utilisation des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Sélection d'éléments dans la fenêtre de document . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

Utilisation de guides visuels durant la conception . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121

Affichage et modification du contenu de l'en-tête . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

A propos de l'automatisation des tâches. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Partie II Préparation à la création de sites dynamiques

CHAPITRE 6

Configuration d'une application Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

Remarque à l'attention des utilisateurs de Dreamweaver UltraDev 4 . . . . . . . . . . . . . . 133

Eléments nécessaires à la création d'applications Web . . . . . . . . . . . . . . . . . . . . . . . . . 134

Configuration d'un serveur Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135

Configuration d'un serveur d'application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135

Création d'un dossier racine pour l'application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

Définition d'un site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

Connexion à une base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Dépannage des erreurs de serveur d'application. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

CHAPITRE 7

Connexions à des bases de données pour les développeurs

ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

Connexion à une base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

Modification ou suppression d'une connexion à une base de données . . . . . . . . . . . . . 147

Connexion au moyen de la connectivité UltraDev 4 . . . . . . . . . . . . . . . . . . . . . . . . . . 147

CHAPITRE 8

Connexions à des bases de données pour les développeurs ASP.NET

Connexion à une base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

Modification ou suppression d'une connexion à une base de données . . . . . . . . . . . . . 154

CHAPITRE 9

Connexions à des bases de données pour les développeurs ASP

Table des matières4

. . . . . 157

151

Description des connexions aux bases de données ASP . . . . . . . . . . . . . . . . . . . . . . . . 158

Création d'une connexion DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Création d'une connexion sans DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

Connexion à une base de données via un fournisseur d'accès. . . . . . . . . . . . . . . . . . . . 164

Modification ou suppression d'une connexion à une base de données . . . . . . . . . . . . . 167

CHAPITRE 10

Connexions à des bases de données pour les développeurs JSP . . . . . 169

Description des connexions JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

Connexion à une base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

Connexion via un pilote ODBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172

Modification ou suppression d'une connexion à une base de données . . . . . . . . . . . . . 175

CHAPITRE 11

Connexions à des bases de données pour les développeurs PHP

. . . . . 177

Connexion à une base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

Modification ou suppression d'une connexion à une base de données . . . . . . . . . . . . . 178

Partie III Utilisation du code de page

CHAPITRE 12

Configuration d'un environnement de codage . . . . . . . . . . . . . . . . . . . . . . . 181

Affichage du code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Définition des préférences d'affichage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

Définition des préférences de codage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

Personnalisation des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Ouverture de fichiers en mode Code par défaut. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Définition des préférences du validateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Gestion des bibliothèques de balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

Importation de balises personnalisées dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 191

Utilisation d'un éditeur HTML externe avec Dreamweaver . . . . . . . . . . . . . . . . . . . . 193

CHAPITRE 13

Codage dans Dreamweaver

A propos de l'environnement de codage de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 197

Rédaction et modification de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

Recherche et remplacement de balises et d'attributs. . . . . . . . . . . . . . . . . . . . . . . . . . . 205

Accès aux références de langue. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

CHAPITRE 14

Optimisation et débogage de code

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

Nettoyage de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

Vérification de l'équilibre des balises et des accolades . . . . . . . . . . . . . . . . . . . . . . . . . 212

Validation de balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Conformité des pages XHTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Utilisation du débogueur JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217

Utilisation du débogueur ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223

Table des matières 5

CHAPITRE 15

Modification du code en mode Création. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

Modification du code avec l'inspecteur de propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . 225

Modification du code avec un éditeur de balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

Modification du code avec Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

Modification du code à l'aide du sélecteur de balises . . . . . . . . . . . . . . . . . . . . . . . . . . 229

Modification des scripts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

Utilisation des inclusions côté serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

Partie IV Conception de la mise en page

CHAPITRE 16

Présentation de contenu à l'aide de tableaux . . . . . . . . . . . . . . . . . . . . . . . . 237

Insertion d'un tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

Ajout de contenu dans une cellule de tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

Importation de données tabulaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239

Sélection d'éléments de tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239

Mise en forme des tableaux et des cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241

Redimensionnement de tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244

Modification de la largeur des colonnes et de la hauteur des lignes . . . . . . . . . . . . . . . 245

Ajout et suppression de lignes et de colonnes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246

Imbrication de tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

Couper, copier et coller des cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

Tri des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

Exportation des données d'un tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

CHAPITRE 17

Le mode de Mise en forme. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

A propos des cellules et des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254

Activation et désactivation du mode de Mise en forme . . . . . . . . . . . . . . . . . . . . . . . . 254

Dessin de cellules et de tableaux de Mise en forme . . . . . . . . . . . . . . . . . . . . . . . . . . . 255

Ajout de contenu dans une cellule de Mise en forme . . . . . . . . . . . . . . . . . . . . . . . . . . 259

Déplacement et redimensionnement de cellules et de tableaux de Mise en forme . . . . 260

Formatage de cellules et de tableaux de Mise en forme . . . . . . . . . . . . . . . . . . . . . . . . 262

Définition de la largeur des colonnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262

Définition des préférences du mode de Mise en forme. . . . . . . . . . . . . . . . . . . . . . . . . 266

CHAPITRE 18

Utilisation de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267

A propos des cadres et des jeux de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268

Choix de l'utilisation des cadres. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269

A propos de la création de pages Web basées sur des cadres dans Dreamweaver . . . . . . 270

Création de cadres et de jeux de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271

Sélection de cadres et de jeux de cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Enregistrement des fichiers du cadre et du jeu de cadres . . . . . . . . . . . . . . . . . . . . . . . 275

Affichage et définition des propriétés des cadres. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277

Affichage et définition des propriétés des jeux de cadres. . . . . . . . . . . . . . . . . . . . . . . . 277

Table des matières6

Définition des contenus de cadre avec liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278

Gestion des navigateurs qui ne peuvent pas afficher les cadres . . . . . . . . . . . . . . . . . . . 279

Utilisation des comportements JavaScript avec les cadres . . . . . . . . . . . . . . . . . . . . . . . 279

Partie V Ajout de contenu

CHAPITRE 19

Insertion et mise en forme de texte

Insertion et mise en forme de texte HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283

Mise en forme de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286

Utilisation de styles HTML pour formater un texte . . . . . . . . . . . . . . . . . . . . . . . . . . 292

A propos des feuilles de style en cascade. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

Conversion de styles CSS en balises HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307

Vérification orthographique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308

Recherche et remplacement de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308

CHAPITRE 20

Insertion d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

A propos des images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

Insertion d'une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312

Redimensionnement d'une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Création d'une image survolée. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316

Utilisation d'un éditeur d'image externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Application de comportements aux images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283

CHAPITRE 21

Intégration de Dreamweaver à d'autres applications . . . . . . . . . . . . . . . . . 321

Intégration de Fireworks et Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322

Utilisation de Dreamweaver et Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322

Création d'un album photos pour le Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330

Utilisation de Dreamweaver et Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332

CHAPITRE 22

Insertion d'éléments multimédia

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337

Insertion et lecture d'objets multimédia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338

Lancement d'un éditeur externe pour des fichiers multimédia. . . . . . . . . . . . . . . . . . . 338

Utilisation des Design Notes (Notes de conception) avec les objets multimédia. . . . . . 340

A propos du contenu Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340

Insertion d'un objet de bouton Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341

Insertion d'un objet de texte Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Insertion d'animations Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345

Insertion d'animations Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346

Ajout d'une vidéo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346

Ajout de son à une page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346

Lien vers un fichier audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Incorporation d'un fichier son. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 348

Insertion du contenu d'un plug-in Netscape Navigator . . . . . . . . . . . . . . . . . . . . . . . . 348

Table des matières 7

Insertion d'un contrôle ActiveX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350

Insertion d'une applet Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350

Utilisation de comportements pour contrôler les objets multimédia . . . . . . . . . . . . . . 350

CHAPITRE 23

Dreamweaver et accessibilité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353

Utilisation des fonctions d'accessibilité de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 354

Création de pages Web accessibles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357

Test de l'accessibilité de votre site Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364

Partie VI Utilisation de comportements et d'animations

CHAPITRE 24

Utilisation des comportements JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . 369

Utilisation du panneau Comportements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 370

A propos des événements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 370

Application d'un comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

A propos des comportements et du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372

Association d'un comportement à un scénario. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Modification d'un comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Actualisation d'un comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Création de nouvelles actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Téléchargement et installation de comportements créés par des développeurs tiers . . . 374

Utilisation des actions de comportement livrées avec Dreamweaver. . . . . . . . . . . . . . . 375

CHAPITRE 25

Animation de calques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 401

Code HTML pour les calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 402

Création de calques sur une page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403

Imbrication des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

Manipulation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406

Ajout de contenu dans les calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

Affichage et définition des propriétés du calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

Utilisation de tableaux et de calques pour la mise en forme . . . . . . . . . . . . . . . . . . . . . 411

Animation de calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413

Animation de calques à l'aide d'actions de comportement . . . . . . . . . . . . . . . . . . . . . . 421

Partie VII Gestion du contenu sur plusieurs pages

CHAPITRE 26

Liens et navigation

Emplacements et chemins d'accès des documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425

Création de liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428

Gestion des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436

Création de menus de reroutage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439

Table des matières8

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425

Création de barres de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 441

Création de cartes graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444

Association de comportements à des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

CHAPITRE 27

Gestion des actifs de site, des bibliothèques et des modèles . . . . . . . . . . 447

Utilisation du panneau Actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448

Gestion du panneau Actifs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456

Utilisation des éléments de bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 459

Création, gestion et modification des éléments de bibliothèque. . . . . . . . . . . . . . . . . . 459

A propos des modèles Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 464

Création d'un modèle Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470

Création de régions modifiables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 472

Création de régions répétées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473

Définition d'attributs de balise modifiables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 476

A propos des régions facultatives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 478

Création d'un document à partir d'un modèle. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480

Modification du contenu dans une page basée sur un modèle . . . . . . . . . . . . . . . . . . . 481

A propos des modèles imbriqués . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 485

Création d'un modèle imbriqué . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487

Application d'un modèle à un document existant . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487

Modification et mise à jour des modèles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488

A propos de XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490

CHAPITRE 28

Test d'un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493

Vérification de la compatibilité du navigateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494

Utilisation de comportements pour détecter le type et la version des navigateurs et des plug-

ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495

Aperçu de page dans les navigateurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496

Vérification des liens dans une page ou un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497

Correction des liens brisés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499

Ouverture des documents liés dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 500

Vérification du temps et de la taille de téléchargement . . . . . . . . . . . . . . . . . . . . . . . . 500

Utilisation des rapports pour tester un site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 501

Partie VIII Ajout de contenu dynamique aux pages Web

CHAPITRE 29

Optimisation de l'espace de travail pour tirer parti des fonctions de

développement visuel

Affichage de panneaux utiles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Affichage de la structure de votre base de données dans Dreamweaver. . . . . . . . . . . . . 507

Affichage des données dynamiques en mode Création . . . . . . . . . . . . . . . . . . . . . . . . 508

Travail en mode Création sans données dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . 512

Aperçu des pages dynamiques dans un navigateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512

Limitation des informations de base de données affichées dans Dreamweaver . . . . . . . 513

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Table des matières 9

CHAPITRE 30

Conception de pages dynamiques dans Dreamweaver . . . . . . . . . . . . . . . 515

Conception de la page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

Création d'une source de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516

Ajout d'un contenu dynamique à une page Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 518

Amélioration des fonctionnalités d'une page dynamique . . . . . . . . . . . . . . . . . . . . . . . 518

Test et débogage d'une page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 520

CHAPITRE 31

Stockage et récupération des données spécifiques à une page . . . . . . . 523

Utilisation d'une base de données pour stocker un contenu. . . . . . . . . . . . . . . . . . . . . 523

Collecte de données envoyées par les utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 524

Accès à des données stockées dans des variables de session . . . . . . . . . . . . . . . . . . . . . . 528

CHAPITRE 32

Définition de sources de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . 535

Description des sources de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 535

Définition d'un jeu d'enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 536

Définition de paramètres d'URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 541

Définition de paramètres de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 542

Définition de variables de session . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 543

Définition de variables d'application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 544

Définition de variables de serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 545

Mise en mémoire cache de sources de contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 550

Modification ou suppression de sources de contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . 550

Copie d'un jeu d'enregistrements d'une page à une autre. . . . . . . . . . . . . . . . . . . . . . . 551

CHAPITRE 33

Ajout d'un contenu dynamique à une page Web . . . . . . . . . . . . . . . . . . . . . 553

A propos de l'ajout d'un contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 554

Ajout d'un texte dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 554

Création d'images dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555

Création d'attributs HTML dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557

Création de paramètres d'objet (ActiveX, Flash, etc.) dynamiques . . . . . . . . . . . . . . . . 559

Modification d'un contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 560

Suppression d'un contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 560

CHAPITRE 34

Affichage des enregistrements de base de données . . . . . . . . . . . . . . . . . 561

Application d'éléments typographiques et de mise en forme de page à des données

dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562

Application de formats à des données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562

Personnalisation des formats de données existants . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562

Création de liens de navigation de jeu d'enregistrements . . . . . . . . . . . . . . . . . . . . . . 563

Affichage et masquage des régions en fonction des résultats du jeu d'enregistrements . 567

Affichage de plusieurs comportements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 568

Création d'un tableau à l'aide du comportement de serveur Région répétée. . . . . . . . . 569

Création d'un compteur d'enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 570

Création d'un contrôle Web Grille de données ou Liste de données ASP.NET . . . . . . 573

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 576

Table des matières10

CHAPITRE 35

Utilisation des composants ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 577

Description des composants ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 577

Création visuelle d'un composant dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . 578

Affichage de composants ColdFusion dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 579

Modification de composants ColdFusion dans Dreamweaver . . . . . . . . . . . . . . . . . . . 579

Création de pages Web utilisant des composants ColdFusion . . . . . . . . . . . . . . . . . . . 580

CHAPITRE 36

Utilisation des services Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583

Description des services Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 584

Installation et configuration de générateurs de proxy . . . . . . . . . . . . . . . . . . . . . . . . . . 586

Ajout d'un proxy de services Web à l'aide de la description WSDL . . . . . . . . . . . . . . . 588

Ajout d'un service Web à une page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590

Modification de la liste de sites des services Web UDDI . . . . . . . . . . . . . . . . . . . . . . . 591

CHAPITRE 37

Ajout de comportements de serveur personnalisés. . . . . . . . . . . . . . . . . . . 593

Installation de comportements de serveur supplémentaires . . . . . . . . . . . . . . . . . . . . . 593

Création de comportements de serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 594

Rédaction de blocs de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 597

Création de blocs de code conditionnels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 599

Modification d'un code de comportement de serveur . . . . . . . . . . . . . . . . . . . . . . . . . 607

CHAPITRE 38

Création de formulaires interactifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 611

A propos des objets de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 612

Création d'un formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 613

Description des objets de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 615

Insertion de cases à cocher et de boutons radio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 622

Ajout de listes et de menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 624

Ajout de boutons de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 627

A propos de la conception de formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 629

Utilisation d'une fonction JavaScript côté client pour traiter un formulaire . . . . . . . . . 629

Utilisation de comportements avec des formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . 630

Création d'objets de formulaire dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 630

Partie IX Développement rapide d'applications

CHAPITRE 39

Création d'un ensemble de pages Principale-Détails . . . . . . . . . . . . . . . . . 637

A propos des ensembles de pages Principale-Détails. . . . . . . . . . . . . . . . . . . . . . . . . . . 637

Création rapide d'un ensemble de pages Principale-Détails . . . . . . . . . . . . . . . . . . . . . 639

Création d'un ensemble de pages Principale-Détails par élément. . . . . . . . . . . . . . . . . 640

Modification d'un ensemble de pages Principale-Détails . . . . . . . . . . . . . . . . . . . . . . . 644

Table des matières 11

CHAPITRE 40

Création de pages pour l'exécution de recherches dans les bases de

données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 645

A propos des pages de recherche/de résultats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 645

Création de la page de recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646

Création de la page de résultats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 647

Création d'une page d'informations détaillées pour une page de résultats . . . . . . . . . . 651

Utilisation des pages associées (utilisateurs ASP et JSP uniquement) . . . . . . . . . . . . . . 656

CHAPITRE 41

Création de pages permettant de modifier des bases de données . . . . . 659

Création d'une page d'insertion d'enregistrements. . . . . . . . . . . . . . . . . . . . . . . . . . . . 660

Création d'une page de mise à jour d'enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . 663

Création d'une page de suppression d'enregistrements. . . . . . . . . . . . . . . . . . . . . . . . . 668

Modification d'une base de données à l'aide de procédures stockées . . . . . . . . . . . . . . 671

Modification d'une base de données à l'aide des commandes ASP . . . . . . . . . . . . . . . . 676

Modification d'une base de données à l'aide d'instructions préparées JSP . . . . . . . . . . 678

CHAPITRE 42

Création de pages limitant l'accès à votre site . . . . . . . . . . . . . . . . . . . . . . . 681

Création d'une page d'enregistrement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 681

Création d'une page de connexion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 685

Création d'une page à laquelle seuls les utilisateurs autorisés ont accès. . . . . . . . . . . . . 687

Partie X Annexes

ANNEXE A

Guide du débutant en base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 693

A propos des bases de données. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 693

Principes fondamentaux pour la conception d'une base de données. . . . . . . . . . . . . . . 694

Description des connexions aux bases de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . 700

ANNEXE B

Initiation à SQL

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 707

Notions de syntaxe élémentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 707

Définition des colonnes d'un jeu d'enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . 708

Limite du nombre d'enregistrements dans un jeu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 709

Tri des enregistrements d'un jeu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 712

Relations entre tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 712

ANNEXE C

Définition d'un DSN sous Windows

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 715

Description des DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 715

Création d'un DSN. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 715

ANNEXE D

Aide-mémoire : Balises ASP.NET Macromedia . . . . . . . . . . . . . . . . . . . . . 719

INDEX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 729

Table des matières12

Partie I Notions de base de Dreamweaver

Apprenez à utiliser la documentation de Dreamweaver et d'autres ressources, puis configurez l'espace de travail de Dreamweaver en fonction de votre style de travail préféré. Ensuite, planifiez et configurez un site et commencez à créer des pages.

Cette partie du manuel contient les chapitres suivants :

• Chapitre 1, « Bienvenue dans Dreamweaver »

• Chapitre 2, « Exploration de l'espace de travail »

• Chapitre 3, « Planification et configuration de votre site »

• Chapitre 4, « Gestion du site »

• Chapitre 5, « Configuration d'un document »

Partie I

CHAPITRE 1

Bienvenue dans Dreamweaver

Macromedia Dreamweaver MX est un éditeur HTML professionnel destiné à la conception, au

codage et au développement de sites, de pages et d'applications Web. Quel que soit

l'environnement de travail utilisé (codage manuel HTML ou environnement d'édition visuel),

Dreamweaver propose des outils qui vous aideront à créer des applications Web.

Les fonctions d'édition visuelle de Dreamweaver vous permettent de créer rapidement des pages

sans rédiger une seule ligne de code. Vous pouvez afficher tous les éléments ou actifs de votre site

et les faire glisser directement d'un panneau convivial dans un document. Rationalisez les tâches

de développement en créant et en modifiant les images dans Macromedia Fireworks, puis en les

important directement dans Dreamweaver ou en ajoutant des objets Flash Macromedia créés

directement dans Dreamweaver.

Dreamweaver intègre également de nombreux outils et fonctions de codage, y compris des outils

de modification de code en mode Code (coloration de code et achèvement de balises), une

référence HTML, CSS, JavaScript, CFML, ASP et JSP, et un débogueur JavaScript. La

technologie Roundtrip HTML de Macromedia permet d'importer des documents HTML codés

manuellement sans en modifier le code pour que vous puissiez ensuite reformater ce dernier avec

le style de formatage de votre choix.

Dreamweaver intègre et étend désormais toutes les fonctions de Macromedia UltraDev pour vous

aider à créer des applications Web dynamiques reposant sur des bases de données à l'aide de

langages serveur tels que ASP, ASP.NET, ColdFusion Markup Language (CFML), JSP et PHP.

Dreamweaver est entièrement personnalisable. Vous pouvez créer vos propres objets et

commandes, modifier les raccourcis clavier ou encore rédiger un code JavaScript pour intégrer de

nouveaux comportements, inspecteurs de propriétés et rapports de site aux fonctionnalités de

Dreamweaver.

Ce chapitre contient les sections suivantes :

« Prise en main de Dreamweaver », page 16

« Processus de création d'un site Web », page 18

« Par où débuter », page 22

« Conventions typographiques », page 25

« Nouveautés de Dreamweaver MX », page 25

« Ressources sur le langage HTML et les technologies Web », page 29

Prise en main de Dreamweaver

Dreamweaver comprend diverses ressources qui vous aideront à vous familiariser rapidement avec

le programme et à créer facilement vos propres sites et pages Web. Ces ressources incluent le guide

imprimé Bien démarrer avec Dreamweaver MX, un système d'aide en ligne et des didacticiels. En

outre, vous trouverez des conseils, des notes techniques, des exemples et des informations

régulièrement mis à jour dans le centre de support de Dreamweaver sur le site Web de

Macromedia.

Guide Bien démarrer avec Dreamweaver MX

Le guide Bien démarrer avec Dreamweaver MX a été conçu pour vous guider lors de la création

d'un site Web simple mais fonctionnel à l'aide de Dreamweaver. Il s'adresse aux utilisateurs qui

ont déjà créé des pages Web, mais qui ne connaissent que certains aspects de Dreamweaver. Il

comporte des chapitres sur la création et la modification de pages statiques simples, la

modification manuelle du code et la création d'applications Web dynamiques. Ce guide existe

sous forme de manuel imprimé, d'aide en ligne et de fichier PDF.

Didacticiels

Les didacticiels proposent d'autres leçons traitant de sujets particuliers qui fournissent plus

d'informations sur des domaines spécifiques que le reste du guide Bien démarrer avec

Dreamweaver MX. Ces didacticiels indiquent comment modifier un exemple de site Web à l'aide

de quelques-unes des fonctions de conception les plus utiles et les plus puissantes de

Dreamweaver. Ils sont disponibles dans le manuel Bien démarrer avec Dreamweaver MX imprimé,

dans l'aide de Dreamweaver (dans le menu Aide de Dreamweaver, choisissez Didacticiels) et dans

le fichier PDF Bien démarrer avec Dreamweaver MX.

Si les fonctions de conception de Dreamweaver vous sont déjà familières, mais que souhaitez en

savoir plus sur la création d'applications Web, commencez par suivre les pages dynamiques des

didacticiels pour apprendre à créer des pages interactives et à vous connecter à des bases de

données.

Aide de Dreamweaver

L'aide de Dreamweaver, optimisée pour une utilisation en ligne, fournit des informations

complètes sur toutes les fonctionnalités de Dreamweaver. L'aide de Dreamweaver s'affiche dans le

visualisateur d'aide fourni avec votre système d'exploitation : Microsoft HTML Help (Windows)

ou Aide Apple (Macintosh). Quelle que soit la plate-forme utilisée, vous pouvez trouvez les

informations recherchées de quatre façons :

Le sommaire vous permet d'accéder à toutes les informations organisées par sujets. Cliquez sur la

ligne principale pour voir les sous-rubriques.

L'index peut être utilisé comme un index imprimé traditionnel : il permet de trouver des termes

ou des concepts spécifiques.

La fonction Recherche vous permet de trouver n'importe quelle chaîne de caractères dans le texte

du système d'aide.

Chapitre 116

L'aide contextuelle

permet d'ouvrir une rubrique d'aide relative à la boîte de dialogue, au panneau ou à l'inspecteur activés. Pour afficher l'aide contextuelle, cliquez sur le bouton Aide d'une boîte de dialogue, choisissez Aide dans le menu d'options d'une barre de titre d'un groupe de panneaux ou cliquez sur l'icône de point d'interrogation dans un inspecteur ou une autre fenêtre.

Cliquez ici pour ouvrir l'aide

Chaque rubrique d'aide comporte des boutons sur lesquels vous pouvez cliquer pour passer d'une rubrique à l'autre. Les boutons représentant une flèche vers la gauche ou vers la droite permettent de passer aux rubriques précédente ou suivante de la même section (suivant l'ordre dans lequel les rubriques sont répertoriées dans la table des matières).

Extension de Dreamweaver

Le système d'aide Extension de Dreamweaver fournit des informations sur le modèle d'objet de document (DOM) de Dreamweaver et les interfaces de programmation d'application (API) qui permettent aux développeurs JavaScript et C de créer des extensions pour Dreamweaver.

Centre de support de Dreamweaver

Un centre de support est à votre disposition sur le Web pour vous aider à optimiser votre utilisation de Dreamweaver. Le site Web du centre de support de Dreamweaver (http:// www.macromedia.com/support/dreamweaver/) est actualisé régulièrement. Il propose des informations à jour sur Dreamweaver, ainsi que des conseils donnés par des utilisateurs expérimentés, des exemples, des conseils généraux, des mises à jour et des informations sur des sujets sophistiqués. Consultez régulièrement ce site Web pour trouver les toutes dernières informations sur Dreamweaver et apprendre à en tirer le meilleur parti.

Centre pour concepteurs et développeurs

Le centre pour concepteurs et développeurs de Macromedia (http://www.macromedia.com/fr/ desdev/) propose des outils, des didacticiels et bien plus encore pour tous les produits Macromedia.

Forums en ligne de Dreamweaver

Abordez les problèmes techniques et partagez des conseils utiles avec les autres utilisateurs de Dreamweaver en visitant les forums en ligne de Dreamweaver. Pour savoir comment accéder aux forums, consultez le site Web de Macromedia à l'adresse suivante : http://www.macromedia.com/ go/dreamweaver_newsgroup.

Bienvenue dans Dreamweaver 17

Raccourcis clavier

Des tableaux de raccourcis clavier relatifs à la configuration Dreamweaver par défaut sont disponibles sur le site Web de Macromedia à l'adresse suivante : http://www.macromedia.com/go/ dreamweaver_mx_shortcuts.

Processus de création d'un site Web

Vous pouvez créer un site Web de plusieurs façons. Dans cette documentation, vous allez commencer par définir une stratégie de création de site en précisant ses objectifs. Si vous développez des applications Web, vous devez configurer les serveurs et bases de données en fonction de votre système. Vous devez ensuite définir l'aspect général du site. Ensuite, vous devez créer le site et coder les pages pour ajouter un contenu et définir l'interactivité du site. Vous allez ensuite lier les pages les unes aux autres et tester la fonctionnalité du site pour savoir s'il remplit les objectifs fixés. Vous pouvez également inclure des pages dynamiques à votre site. Enfin, vous allez publier le site sur un serveur. De nombreux développeurs programment également une maintenance régulière pour s'assurer que le site reste à jour et est opérationnel.

Afin de faciliter la recherche des informations dont vous avez besoin pour développer vos sites Web, la documentation Utilisation de Dreamweaver a été divisée en plusieurs sections correspondant à cette approche du développement Web : planification, conception, développement, test, publication et maintenance du site.

A propos de la planification de site

Organisez avec soin votre site : cela vous fera gagner beaucoup de temps par la suite. L'organisation d'un site ne se réduit pas à déterminer l'emplacement des fichiers : elle inclut également l'analyse des besoins du site, des profils de ses utilisateurs et de ses objectifs. Il convient également d'examiner les conditions techniques requises, notamment l'accès utilisateur et les restrictions en matière de navigateurs, de plug-ins ou de téléchargement.

Après avoir organisé vos informations et défini une structure, vous pouvez commencer la création du site.

• Déterminez la stratégie à employer et les questions à examiner lors de la planification du site.

Voir Chapitre 3, « Planification et configuration de votre site », page 57.

• Utilisez la carte du site de Dreamweaver pour configurer la structure organisationnelle de votre

site. Dans le panneau Site, vous pouvez facilement ajouter, supprimer et renommer des fichiers et des dossiers afin de modifier l'organisation en fonction de vos besoins. Voir Chapitre 3, « Planification et configuration de votre site », page 57 et Chapitre 4, « Gestion du site », page 71.

• Vous pouvez commencer par créer des pages simples qui deviendront plus complexes au fur et

à mesure de leur conception. Créez des pages vierges ou des pages reposant sur des conceptions prédéfinies dans la boîte de dialogue Nouveau document. Voir Chapitre 5, « Configuration d'un document », page 111.

Si vous travaillez au sein d'une équipe de développement Web, les sujets suivants sont également susceptibles de vous intéresser :

• Configuration d'un système pour empêcher les membres de l'équipe d'écraser les fichiers ; voir

« Utilisation de l'archivage et de l'extraction », page 90.

• Utilisation de Design Notes pour communiquer avec les membres de l'équipe Web ; voir

« Utilisation des Design Notes », page 101.

Chapitre 118

A propos de la configuration d'une application Web

De plus en plus de sites Web contiennent des pages dynamiques qui permettent aux visiteurs d'afficher les informations stockées dans des bases de données, voire d'ajouter ou de modifier des données dans certains cas. Pour créer ces pages, vous devez d'abord suivre les étapes préparatoires suivantes :

• Configurez un serveur Web et un serveur d'application, puis créez ou modifiez un site

Dreamweaver. Voir Chapitre 6, « Configuration d'une application Web », page 133.

• Connectez-vous à une base de données. Selon la technologie de serveur utilisée par le serveur

d'application, voir Chapitre 7, « Connexions à des bases de données pour les développeurs ColdFusion », page 145, Chapitre 8, « Connexions à des bases de données pour les développeurs ASP.NET », page 151, Chapitre 9, « Connexions à des bases de données pour les développeurs ASP », page 157, Chapitre 10, « Connexions à des bases de données pour les développeurs JSP », page 169 ou Chapitre 11, « Connexions à des bases de données pour les développeurs PHP », page 177.

A propos du codage manuel

Le codage manuel de pages Web n'est pas qu'une simple étape de création d'un site Web. Il faut plutôt le considérer comme une approche à la création de pages. Dreamweaver fournit des outils d'édition visuelle conviviaux et des outils de codage sophistiqués. Vous pouvez utiliser l'une ou l'autre de ces approches (ou bien les deux) pour créer 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 créer, de modifier et de formater du code, de vérifier sa conformité aux normes et de déboguer le code JavaScript. Voir Chapitre 12, « Configuration d'un environnement de codage », page 181 , Chapitre 13, « Codage dans Dreamweaver », page 197 et Chapitre 14, « Optimisation et débogage de code », page 211.

• Vous pouvez également utiliser des outils de codage Dreamweaver en mode Création

(environnement de conception visuel). Voir Chapitre 15, « Modification du code en mode Création », page 225.

A propos de la mise en forme des pages Web

La plupart des projets de conception Web naissent de storyboards ou d'organigrammes convertis en exemples de pages. Utilisez Dreamweaver pour créer une maquette avec des pages fictives au fur et à mesure que vous progressez dans la conception. Les maquettes affichent généralement la conception de la mise en page, les possibilités de navigation sur le site, les composants techniques, les motifs et la couleur, ainsi que les images graphiques ou autres types d'éléments. En revanche, elles ne contiennent pas le contenu final de la page.

• Les outils de création de tableaux et le mode Mise en forme de Dreamweaver vous permettent

de concevoir rapidement des pages Web en dessinant, puis en réorganisant la structure des pages. Voir Chapitre 16, « Présentation de contenu à l'aide de tableaux », page 237 et Chapitre 17, « Le mode de Mise en forme », page 253.

• Si vous souhaitez afficher plusieurs documents simultanément dans un navigateur Web, vous

pouvez définir leur mise en forme en utilisant des cadres. Voir Chapitre 18, « Utilisation de cadres », page 267.

Bienvenue dans Dreamweaver 19

A propos de l'ajout de contenu

Avec Dreamweaver, vous pouvez sans difficulté ajouter des contenus variés à vos pages Web. Ajoutez des actifs et des éléments de conception, par exemple des textes, des images, des couleurs, des animations, des sons et autres formes de données.

• Tapez directement du texte dans un document Dreamweaver ou importez du texte à partir

d'autres documents, puis formatez-le avec l'inspecteur de propriétés de Dreamweaver ou le panneau Styles HTML. Vous pouvez également créer facilement vos propres feuilles de style en cascade. Voir Chapitre 19, « Insertion et mise en forme de texte », page 283.

• 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 27, « Utilisation du panneau Actifs », page 448.

• Insérez des images, y compris des images survolées, des cartes graphiques et des images

Fireworks. Utilisez les outils d'alignement pour positionner les images dans une page. Voir Chapitre 20, « Insertion d’images », page 311 et Chapitre 21, « Intégration de Dreamweaver à d'autres applications », page 321.

• Insérez d'autres types de ressources dans une page Web : animations Flash, Shockwave ou

QuickTime, sons, applets. Voir Chapitre 22, « Insertion d'éléments multimédia », page 337.

• Définissez un contenu accessible à toutes les personnes souffrant de handicaps. Voir Chapitre

23, « Dreamweaver et accessibilité », page 353.

A propos de l'interactivité et de l'animation

La plupart des pages Web sont statiques, c'est-à-dire qu'elles ne contiennent que du texte et des images. Dreamweaver vous permet de rendre vos pages plus vivantes, en ajoutant des éléments interactifs et des animations pour éveiller l'intérêt des visiteurs. Déclenchez des événements interactifs lorsque les visiteurs se déplacent dans votre site et cliquent dans vos pages, présentez des concepts, animez des éléments de page : en bref, aidez les visiteurs de votre site à faire des découvertes et des expériences passionnantes sans quitter vos pages.

Il existe plusieurs façons d'ajouter de l'interactivité et de l'animation à vos pages, à l'aide de Dreamweaver :

• Utilisez les comportements pour exécuter des tâches en réponse à des événements spécifiques,

par exemple l'illumination d'un bouton lorsque l'utilisateur le survole avec la souris, la validation d'un formulaire lorsque l'utilisateur clique sur le bouton Envoyer, ou l'ouverture d'une deuxième fenêtre lorsque la page principale a fini de se charger. Voir Chapitre 24, « Utilisation des comportements JavaScript », page 369.

• Utilisez des scénarios pour créer des animations qui ne nécessitent pas de plug-ins, de contrôles

ActiveX ni d'applets Java. Les scénarios utilisent DHTML pour modifier de façon temporelle la position d'un calque ou la source d'une image, ou pour déclencher automatiquement des comportements après le chargement de la page. Voir Chapitre 25, « Animation de calques », page 401.

A propos de la connexion de pages de votre site

Pour utiliser votre site, vous devez lier les pages individuelles les unes aux autres en créant des liens HTML et en réutilisant le contenu pour leur donner un aspect homogène.

Chapitre 120

• Avec Dreamweaver, vous pouvez créer des liens HTML standard, y compris des ancres et des

liens de messagerie, ou configurer facilement des systèmes de navigation graphiques, notamment des menus de reroutage et des barres de navigation. Voir Chapitre 26, « Liens et navigation », page 425.

• Les modèles et les fichiers de bibliothèque Dreamweaver permettent d'appliquer facilement un

contenu réutilisable et des conceptions de page dans votre site. Vous pouvez créer de nouvelles pages à partir d'un modèle Dreamweaver, puis actualiser automatiquement leur mise en forme lorsque le modèle change. Voir Chapitre 27, « Gestion des actifs de site, des bibliothèques et des modèles », page 447.

A propos du test et de la publication de votre site

Votre site est terminé et prêt à fonctionner ; toutefois, avant de le publier sur un serveur, vous devez le tester. Suivant la taille du projet, les spécifications du client et les types de navigateurs utilisés par les visiteurs, déplacez, si besoin est, votre site sur un serveur intermédiaire pour le tester et le modifier. Une fois les corrections effectuées, publiez le site pour qu'il soit accessible aux internautes. Après la publication du site, mettez en place un cycle de maintenance pour garantir la qualité, répondre aux réactions des utilisateurs et mettre à jour les informations du site.

Utilisez les fonctionnalités de Dreamweaver suivantes pour tester et publier votre site :

• Pour ajouter de nouvelles balises dans une page ou corriger votre code, recherchez le code

JavaScript, CSS et HTML en utilisant le panneau Référence de Dreamweaver. Voir Chapitre 13, « Accès aux références de langue », page 210.

• Utilisez le débogueur JavaScript pour corriger les erreurs de JavaScript dans votre code. Cet

outil vous permet de définir des points d'arrêt dans le code, puis d'afficher le code lorsqu'une page est mise au point directement dans Dreamweaver. Voir Chapitre 14, « Utilisation du débogueur JavaScript », page 217.

• Procédez à des vérifications relatives aux navigateurs et aux plug-ins, testez et corrigez les liens

dans vos documents et exécutez des rapports de site pour rechercher les erreurs courantes dans les fichiers HTML. Voir Chapitre 28, « Test d'un site », page 493.

• Dans le panneau Site de Dreamweaver, vous trouverez de nombreux outils qui vous aideront à

gérer votre site, à transférer vos fichiers vers et depuis un serveur distant, à configurer un processus d'archivage/extraction pour empêcher l'écrasement des fichiers et à synchroniser les fichiers sur vos sites locaux et distants. Voir Chapitre 3, « Planification et configuration de votre site », page 57.

A propos de la création de pages dynamiques

Dans Dreamweaver, vous pouvez définir diverses sources de contenu dynamique, y compris des jeux d'enregistrements extraits de bases de données, des paramètres de formulaire et des composants JavaBeans. Pour ajouter le contenu dynamique à une page, il suffit de le faire glisser vers cette dernière.

Vous pouvez définir une configuration de page qui affiche un ou plusieurs enregistrements à la fois (ou plusieurs pages d'enregistrements), ajoute des liens spéciaux permettant de passer d'une page d'enregistrements à une autre et crée des compteurs d'enregistrements pour faciliter la gestion de ces derniers.

Bienvenue dans Dreamweaver 21

• Pour savoir comment développer des applications Web dans Dreamweaver, apprenez à utiliser

Dreamweaver et à créer des pages dynamiques. Voir Chapitre 29, « Optimisation de l'espace de travail pour tirer parti des fonctions de développement visuel », page 505 et Chapitre 30, « Conception de pages dynamiques dans Dreamweaver », page 515.

• Définissez et affichez un contenu dynamique dans vos pages. Voir Chapitre 31, « Stockage et

récupération des données spécifiques à une page », page 523, Chapitre 32, « Définition de sources de contenu dynamique », page 535, Chapitre 33, « Ajout d'un contenu dynamique à une page Web », page 553 et Chapitre 34, « Affichage des enregistrements de base de données », page 561.

• Encapsulez la logique d'application ou d'entreprise en faisant appel aux technologies de pointe,

telles que les composants ColdFusion et les services Web. Voir Chapitre 35, « Utilisation des composants ColdFusion », page 579 et Chapitre 36, « Utilisation des services Web », page 585.

• Créez vos propres comportements de serveur et formulaires interactifs. Voir Chapitre 37,

« Ajout de comportements de serveur personnalisés », page 595 et Chapitre 38, « Création de formulaires interactifs », page 613.

A propos du développement rapide d'applications

Dreamweaver propose différents outils de développement rapide d'applications, notamment les comportements de serveur et les objets d'application qui permettent de créer des applications Web sophistiquées sans avoir à rédiger du code côté serveur.

• Vous pouvez ainsi créer rapidement des pages qui recherchent et modifient des bases de

données, puis affichent les résultats. Voir Chapitre 39, « Création d'un ensemble de pages Principale-Détails », page 639, Chapitre 40, « Création de pages pour l'exécution de recherches dans les bases de données », page 647 et Chapitre 41, « Création de pages permettant de modifier des bases de données », page 661.

• Restreignez l'accès à vos pages pour garantir la sécurité des informations. Voir Chapitre 42,

« Création de pages limitant l'accès à votre site », page 683.

Par où débuter

Ce guide contient des informations destinées à des lecteurs ayant divers niveaux d'expérience. Pour tirer le meilleur parti de cette documentation, commencez par lire les sections qui correspondent le mieux à votre situation.

Pour les concepteurs Web qui débutent :

1 Commencez par lire les deux premiers chapitres du guide Bien démarrer avec Dreamweaver MX.

Si ces chapitres contiennent des sections qui vous semblent trop avancées ou trop complexes, passez-les et revenez-y ultérieurement.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 2, « Exploration de l'espace de travail »,

page 31, le Chapitre 3, « Planification et configuration de votre site », page 57, Chapitre 4, « Gestion du site », page 71 et le Chapitre 5, « Configuration d'un document », page 111.

3 Lisez le Chapitre 17, « Le mode de Mise en forme », page 253 pour en savoir plus sur la mise

en forme de pages.

4 Lisez le Chapitre 19, « Insertion et mise en forme de texte », page 283 et le Chapitre 20,

« Insertion d’images », page 311 pour en savoir plus sur le formatage de texte et l'ajout d'images à vos pages.

Chapitre 122

5 C'est tout ce dont vous avez besoin pour commencer à réaliser des sites Web de qualité ;

lorsque vous vous sentirez prêt à utiliser des outils plus sophistiqués, lisez les autres chapitres dans l'ordre. Si vous le souhaitez, vous pouvez d'abord vous familiariser avec la création de pages Web, puis lire ces chapitres.

Pour les concepteurs Web expérimentés qui utilisent Dreamweaver pour la première fois :

1 Commencez par lire les deux premiers chapitres du guide Bien démarrer avec Dreamweaver MX.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 2, « Exploration de l'espace de travail »,

page 31 pour en savoir plus sur l'interface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abordés dans le Chapitre 3, « Planification et

configuration de votre site », page 57 et le Chapitre 4, « Gestion du site », page 71, parcourez ces chapitres pour savoir comment ces concepts sont implémentés dans Dreamweaver. Concentrez-vous sur les sections expliquant comment configurer un nouveau site dans Dreamweaver.

4 Suivez les étapes des didacticiels qui vous intéressent pour en savoir plus sur l'exécution de

tâches spécifiques dans Dreamweaver. Pour afficher les didacticiels dans le système d'aide, choisissez Aide > Didacticiels.

5 Voir Chapitre 19, « Insertion et mise en forme de texte », page 283 et Chapitre 20, « Insertion

d’images », page 311, pour obtenir des informations utiles sur la création de pages HTML simples dans Dreamweaver.

6 Lisez la présentation au début des autres chapitres pour savoir si les sujets abordés sont

susceptibles de vous intéresser.

Pour les codeurs manuels expérimentés :

1 Commencez par lire les premier et troisième chapitres du guide Bien démarrer avec

Dreamweaver MX .

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 2, « Exploration de l'espace de travail »,

page 31 pour en savoir plus sur l'interface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abordés dans le Chapitre 3, « Planification et

4 Lisez le Chapitre 12, « Configuration d'un environnement de codage », page 181, le Chapitre

13, « Codage dans Dreamweaver », page 197, le Chapitre 14, « Optimisation et débogage de code », page 211 et le Chapitre 15, « Modification du code en mode Création », page 225 pour en savoir plus sur le codage dans Dreamweaver.

5 Lisez la présentation au début des autres chapitres pour savoir si les sujets abordés sont

susceptibles de vous intéresser.

Pour les concepteurs Web expérimentés qui connaissent bien Dreamweaver et souhaitent en apprendre davantage sur la création de pages dynamiques :

1 Commencez par lire les premier, quatrième et cinquième chapitres du guide Bien démarrer avec

Dreamweaver MX :

Bienvenue dans Dreamweaver 23

2 Dans Utilisation de Dreamweaver, parcourez le Chapitre 2, « Exploration de l'espace de

travail », page 31 pour en savoir plus sur les nouveaux aspects de l'interface utilisateur de Dreamweaver.

3 Configurez un serveur Web et un serveur d'application ; voir le Chapitre 6, « Configuration

d'une application Web », page 133.

4 Connectez-vous à une base de données. Selon la technologie de serveur utilisée par le serveur

d'application, voir le Chapitre 7, « Connexions à des bases de données pour les développeurs ColdFusion », page 145, le Chapitre 8, « Connexions à des bases de données pour les développeurs ASP.NET », page 151, le Chapitre 9, « Connexions à des bases de données pour les développeurs ASP », page 157, le Chapitre 10, « Connexions à des bases de données pour les développeurs JSP », page 169 ou le Chapitre 11, « Connexions à des bases de données pour les développeurs PHP », page 177.

5 Lisez la présentation au début des autres chapitres pour savoir si les sujets abordés sont

susceptibles de vous intéresser.

6 Si vous souhaitez personnaliser Dreamweaver manuellement, consultez la section

« Customizing Dreamweaver » du centre de support de Macromedia à l'adresse suivante : http://www.macromedia.com/go/customizing_dreamweaver. Si vous voulez écrire des extensions pour Dreamweaver, lisez Extension de Dreamweaver (Aide > Extension de Dreamweaver).

Pour les développeurs d'applications Web expérimentés qui n'ont jamais utilisé Dreamweaver ni UltraDev :

1 Commencez par parcourir le guide Bien démarrer avec Dreamweaver MX pour vous familiariser

avec les notions de base de Dreamweaver.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 2, « Exploration de l'espace de travail »,

page 31 pour en savoir plus sur l'interface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abordés dans le Chapitre 3, « Planification et

4 Suivez les étapes des didacticiels qui vous intéressent pour en savoir plus sur l'exécution de

tâches spécifiques dans Dreamweaver. Pour afficher les didacticiels dans le système d'aide, choisissez Aide > Didacticiels.

5 Configurez un serveur Web et un serveur d'application à l'aide de Dreamweaver ; voir le

Chapitre 6, « Configuration d'une application Web », page 133.

6 Connectez-vous à une base de données. Selon la technologie de serveur utilisée par le serveur

7 Lisez la présentation au début des autres chapitres pour savoir si les sujets abordés sont

susceptibles de vous intéresser.

Chapitre 124

Pour les développeurs d'applications Web expérimentés qui ont déjà utilisé UltraDev 4 :

1 Commencez par lire Chapitre 1, « Nouveautés de Dreamweaver MX », page 25.

2 Dans Utilisation de Dreamweaver, parcourez le Chapitre 2, « Exploration de l'espace de

travail », page 31 pour en savoir plus sur les nouveaux aspects de l'interface utilisateur de Dreamweaver.

3 Si vous souhaitez personnaliser Dreamweaver manuellement, consultez la section

Conventions typographiques

Ce manuel utilise les conventions typographiques suivantes :

• Les éléments de menus sont indiqués de la manière suivante : nom du menu > nom de

l'élément de menu. Les éléments de sous-menus sont indiqués de la manière suivante : nom du menu > nom du sous-menu > nom de l'élément de menu.

• Police de code indique les noms des balises et attributs HTML, ainsi que le texte utilisé

littéralement dans les exemples.

• Police de code en italique indique les éléments remplaçables (parfois appelés

métasymboles) dans le code.

• Texte en gras indique le texte que vous devez saisir exactement à l'identique.

Nouveautés de Dreamweaver MX

Dreamweaver MX intègre de nombreuses nouvelles fonctions, telles que des modèles améliorés plus faciles à utiliser par les concepteurs visuels et de nouvelles options de codage. Dreamweaver inclut également toutes les fonctions de développement d'application de Dreamweaver UltraDev 4 ainsi que de nouvelles fonctions, telles qu'un espace de travail centré sur le code extrait de Macromedia ColdFusion Studio, un code d'exécution amélioré et une prise en charge des technologies d'application Web les plus récentes.

Contrôle intégral du code et de la conception

Vous pouvez créer le site de votre choix en utilisant les outils de conception ou l'environnement de codage riche de Dreamweaver MX.

Un nouvel espace de travail intégré (Microsoft Windows uniquement) offre un environnement de

travail plus convivial doté d'une interface MDI à plusieurs documents, y compris des panneaux ancrables et des fenêtres de document à onglets.

La gestion des panneaux Macromedia MX dans Dreamweaver MX est parfaitement adaptée au

fonctionnement des panneaux dans Macromedia Flash MX et Fireworks MX. Vous pouvez regrouper des panneaux réductibles et ancrables ou les réduire et les développer pour faciliter le déroulement des opérations.

Des exemples de composants Web prédéfinis proposent des mises en forme de qualité que vous

pouvez utiliser pour créer immédiatement des conceptions professionnelles ainsi que des bibliothèques de fonctions JavaScript. Grâce à ces bibliothèques, vous pouvez accéder directement à l'interface sophistiquée côté client sans devoir lire des centaines de pages de manuels.

Bienvenue dans Dreamweaver 25

Des modèles Dreamweaver améliorés

vous permettent de définir des règles sophistiquées afin que les contributeurs puissent saisir du contenu sans altérer la conception du site. L'héritage de modèle permet de mieux contrôler les mises en forme personnalisées et les régions modifiables facilitent la saisie des données par les contributeurs.

L'assistant de définition d'un site permet de configurer rapidement un site, que vous créiez un site

dynamique pour la première fois ou définissiez un compte avec un fournisseur d'accès Internet.

Les indicateurs de code permettent d'accéder facilement à des menus personnalisés contenant des

attributs de balises appropriés, des propriétés de méthode, des paramètres de fonction et des styles CSS lorsque vous apportez des modifications en mode Code.

La barre Insertion personnalisable, entièrement extensible, permet d'accéder rapidement aux

objets et comportements de Dreamweaver MX.

La barre d'outils de document peut désormais être personnalisée en fonction de vos besoins et de

vos préférences, à l'aide de XML et JavaScript.

Un explorateur de fichiers est maintenant intégré au panneau Site pour que vous puissiez

parcourir les actifs et les fichiers sur le bureau, ainsi que les volumes de réseau, sans quitter Dreamweaver pour utiliser l'explorateur de fichiers de votre système d'exploitation.

Le panneau Réponses vous connecte directement aux ressources en ligne du centre de support de

Macromedia. Vous pouvez extraire les nouvelles informations quand bon vous semble et bénéficier des conseils et astuces les plus récents.

Une meilleure manipulation des tableaux permet de générer un code amélioré lorsque vous

modifiez des tableaux en modes Mise en forme et Standard, de rationaliser la gestion des attributs et d'homogénéiser toutes les mises en forme afin d'assurer une compatibilité entre navigateurs.

Les menus JavaScript en cascade peuvent désormais être créés directement dans Dreamweaver

MX (cette fonction n'était auparavant disponible que dans Fireworks).

La coloration de syntaxe est maintenant entièrement configurable et personnalisable en fonction

de vos besoins individuels.

La barre d'outils standard permet d'accéder rapidement aux commandes de fichiers usuelles

(Ouvrir, Enregistrer et Nouveau) et aux commandes du Presse-papiers.

L'impression en mode Code permet désormais d'imprimer le code source sans appliquer de

formatage.

Prise en charge améliorée des technologies de serveur les plus récentes

Créez rapidement des applications Web dynamiques reposant sur des bases de données, soit en faisant appel au codage manuel, soit en utilisant des objets et des comportements visuels.

Les bibliothèques de code serveur pour ColdFusion, ASP, ASP.NET, JSP et PHP vous permettent

de créer des sites Web dynamiques à l'aide des technologies côté serveur les plus évoluées. Utilisez un environnement de développement pour faciliter l'intégration avec divers sites et technologies de pointe.

Le panneau Fragments de code vous permet de stocker des portions de code arbitraires afin de les

réutiliser ultérieurement. Ainsi, vous pouvez facilement réutiliser des codes, mises en forme et fonctions complexes.

Chapitre 126

L'éditeur de la bibliothèque de balises

fournit une base de données de balises intégrées dans laquelle sont stockées des informations sur les balises d'origine et les balises personnalisées. Il permet de modifier les propriétés des balises existantes et d'en importer de nouvelles.

Des centaines d'éditeurs de balises permettent de modifier rapidement les attributs appropriés de

balises spécifiques HTML, CFML et ASP.NET lorsque le mode Code est activé.

La prise en charge des balises personnalisées ASP.NET vous permet d'importer des commandes

de serveur ASP.NET (balises personnalisées) dans des pages ASP.NET, et d'afficher leur structure ainsi que leurs attributs dans le sélecteur de balises, les indicateurs de code et l'inspecteur de balises.

Les balises de formulaires Web ASP.NET sont maintenant rendues dans les environnements

Macintosh et Windows pour permettre une visualisation et une modification sophistiquées. Les éditeurs de balises de formulaires Web vous permettent de créer rapidement des formulaires Web ASP.NET à l'aide de commandes côté serveur et de validation.

Les objets ASP.NET Grille de données et Liste de données peuvent être créés facilement dans

Dreamweaver MX pour réaliser des opérations complexes d'affichage et de manipulation des données.

Un panneau Base de données intégré vous permet de consulter rapidement la structure et le

contenu de vos bases de données et de parcourir les tableaux, les procédures enregistrées et les modes avant de définir des requêtes.

Le Sélecteur de balises affiche la structure de toutes les balises disponibles dans Dreamweaver

MX, y compris celles qui ont été importées via l'éditeur de la bibliothèque de balises. Utilisez-le pour placer et modifier rapidement les balises dans vos pages, et pour afficher les informations de référence correspondantes.

Une base de données de balises XML personnalisable enregistre des informations sur la structure

de toutes les balises disponibles. Ce mécanisme central de stockage des informations permet d'utiliser les indicateurs de code, le sélecteur de balises et l'inspecteur de balises avec des balises d'origine ou les balises personnalisées que vous avez importées.

La détection ColdFusion MX autorise la configuration automatique de l'assistant de définition

d'un site dans le cadre de la définition d'un site ColdFusion à partir d'une copie locale de Macromedia ColdFusion MX Developer Edition.

Le panneau Débogage du serveur pour ColdFusion MX rationalise le déroulement des opérations

de débogage pour ColdFusion MX en affichant les résultats du débogage directement dans Dreamweaver MX. Affichez des informations sur les variables ou les requêtes ou autres statistiques de page essentielles, et passez directement aux sections problématiques sans quitter l'environnement de développement.

Le code d'exécution ColdFusion généré par les comportements de serveur et les objets

Dreamweaver MX a été remanié ; il est davantage orienté vers les balises, ce qui le rend pratiquement identique au code rédigé manuellement par un développeur.

La prise en charge RDS vous permet de transférer des fichiers et de parcourir la structure des

bases de données sur les serveurs ColdFusion via des connexions RDS.

Les bibliothèques de balises JSP facilitent le travail des développeurs en extrayant la logique de

serveur des pages JSP. Dreamweaver MX peut importer des informations de la bibliothèque de balises JSP à partir de fichiers TLD (Tag Library Descriptor) et les afficher dans les indicateurs de code, le sélecteur de balises et l'inspecteur de balises.

Bienvenue dans Dreamweaver 27

L'introspection JavaBeans complète

affiche les méthodes getProperty et setProperty de JavaBeans dans le panneau Liaisons. Elle peut également afficher toutes les méthodes et propriétés de JavaBeans dans le panneau Composants afin que les développeurs puissent intégrer complètement les Beans dans leurs applications JSP.

Les objets de formulaire dynamiques vous permettent de créer des listes de sélection reposant sur

des bases de données ainsi que d'autres éléments de formulaire en sélectionnant l'objet de formulaire approprié dans la barre Insertion.

Le créateur de comportements de serveur d'UltraDev 4 a été amélioré pour permettre aux

utilisateurs de créer des comportements de serveur avec des éléments d'interface utilisateur plus complexes, tels que des cases à cocher, des groupes de boutons radio et des menus de connexion.

La combinaison intégrée de HomeSite 5 et ColdFusion Studio 5 fournit une version sous licence

de HomeSite+ qui regroupe ColdFusion Studio et HomeSite 5, entièrement intégrés dans Dreamweaver MX.

Accès simplifié aux normes les plus récentes

Créez des sites Web conformes aux normes Web les plus récentes, y compris les services Web et XML, et mettez vos connaissances à jour en faisant appel à des technologies de développement de pointe.

L'introspection de services Web pour ASP.NET, ColdFusion et Java vous permet de tirer parti des

dernières normes de service Web XML intégrées aux technologies de serveur les plus évoluées. Incorporez des fonctionnalités complexes dans vos applications Web en utilisant la fonction d'introspection de service Web de Dreamweaver MX.

La validation et la modification XML vous permettent d'importer des fichiers DTD et des

schémas, et de créer des documents de qualité.

La prise en charge CSS améliorée, notamment l'intégration TopStyle, vous aide à créer des sites

conformes aux normes de feuilles de styles CSS (Cascading Style Sheets). Le panneau CSS de Dreamweaver MX permet désormais d'afficher des styles définis en interne et en externe, et de créer des feuilles de style au moment de la conception. De nombreux éléments CSS2 sont également pris en charge. L'inspecteur de propriétés de texte peut également être utilisé pour appliquer des styles CSS.

La prise en charge XHTML vous permet d'utiliser des sites conformes aux toutes dernières normes

de conception HTML en configurant Dreamweaver MX de sorte qu'il génère du code XHTML. En outre, cette prise en charge convertit rapidement les fichiers HTML hérités en fichiers XHTML à l'aide du convertisseur XHTML.

La génération de rapports de site sur l'accessibilité (Section 508) vous aide à déterminer si votre

site est conforme aux directives d'accessibilité et signale rapidement les problèmes.

La référence d'accessibilité du panneau Référence fournit des informations contextuelles de base

sur les meilleures pratiques utilisées pour concevoir des sites accessibles.

L'option d'accessibilité utilisée pour la génération de code conforme vous aide à créer un code

conforme aux directives d'accessibilité pendant la phase de modification. Configurez Dreamweaver de telle sorte qu'un message vous invite à saisir des attributs d'accessibilité spécifiques lorsque des balises et objets appropriés sont insérés sur la page.

Chapitre 128

La prise en charge de composants ColdFusion

offre une modularité et une portabilité de logique de serveur accrues en exposant les propriétés via CFML (service Web) ou la passerelle du serveur d'applications Flash. Dreamweaver MX prend en charge l'introspection, la création et la modification des composants ColdFusion.

Le validateur de code assure la conformité de vos documents aux normes appropriées en générant

un rapport de validation en fonction d'un profil de navigateur ou d'une version de norme spécifiques (norme transitionnelle XHTML et HTML 4.0).

La fonction de lancement et de modification de Macromedia Flash MX et Fireworks MX accélère la

modification des graphiques, des animations et des fichiers HTML entre Dreamweaver MX, Fireworks MX et Flash MX, si bien que vous pouvez lancer et optimiser directement vos images à partir de Dreamweaver.

L'inspecteur de balises utilisé pour afficher les balises XML, HTML et CFML vous permet de

consulter rapidement la structure d'un document. Vous pouvez détecter et éliminer rapidement les relations de type parent et les niveaux d'imbrication incorrects sans examiner le code source brut.

La connexion FTP sécurisée s'intègre à MacSSH et PUTTY pour Windows pour permettre le

transfert sécurisé SSH des informations de connexion à partir du client FTP Dreamweaver intégré.

Une prise en charge complète du jeu de caractères UTF-8 dans toutes les langues vous permet de

créer et de convertir des pages à l'aide du codage UTF-8.

Une prise en charge complète Mac OS X et Windows XP permet à Dreamweaver MX de tourner à

une vitesse maximale sur les systèmes d'exploitation les plus récents tout en prenant en charge les dernières améliorations apportées à l'interface utilisateur.

L'intégration Sitesprint de Macromedia vous permet de gérer la production et les clients de

manière optimale dans l'espace de travail Dreamweaver.

Ressources sur le langage HTML et les technologies Web

Voici quelques ressources utiles disponibles sur le Web :

La spécification HTML 4.01 (http://www.w3.org/TR/REC-html40/) est la spécification officielle

du code HTML du World Wide Web Consortium.

Index DOT HTML (http://www.blooberry.com/indexdot/html/) affiche une liste complète des

balises, attributs et valeurs HTML, ainsi que leur compatibilité respective avec les divers navigateurs.

La spécification XHTML 1.0 (http://www.w3.org/TR/xhtml1/) est la spécification officielle du

langage XHTML (Extensible HyperText Markup Language).

Le site O’Reilly XML.com (http://www.xml.com) propose des informations, des didacticiels et des

conseils sur XML (Extensible Markup Language) et autres technologies Web.

Les spécifications Cascading Style Sheets, niveau 1 (CSS1) (http://www.w3.org/TR/REC-CSS1)

niveau 2 (CSS2) (http://www.w3.org/TR/REC-CSS2/) sont des spécifications officielles des

feuilles de style CSS, par le World Wide Web Consortium.

Le guide de référence des feuilles de style de WebReview.com (http://www.webreview.com/style/

index.shtml) traite des styles CSS et de leur compatibilité avec les divers navigateurs.

Bienvenue dans Dreamweaver 29

Les pages ASP de Microsoft

(http://msdn.microsoft.com/workshop/server/asp/ASPover.asp)

proposent des informations sur les pages de serveur actives ASP (Active Server Pages).

La page ASP.NET de Microsoft (http://www.asp.net/) propose des informations sur ASP.NET.

Page JSP de Sun (http://java.sun.com/products/jsp/) : informations sur les pages JSP (pages

JavaServer).

Les pages PHP (http://www.php.net/) proposent des informations sur PHP (PHP Hypertext

Preprocessor).

Le site MySQL (http://www.mysql.com/) propose des informations sur MySQL.

Entities Table (http://www.bbsinc.com/iso8859.html) présente la liste des noms d'entités utilisées

dans le codage ISO 8859-1 (Latin-1).

La page des événements HTML dynamiques (http://msdn.microsoft.com/workshop/author/

dhtml/reference/events.asp#om40_event) offre des informations sur la gestion des événements dans Microsoft Internet Explorer.

La page sur le produit ColdFusion de Macromedia (http://www.macromedia.com/fr/software/

coldfusion/) propose des informations sur ColdFusion.

La page sur le produit JRun Server de Macromedia (http://www.macromedia.com/fr/software/

jrun/) propose des informations sur le serveur d'application JRun Java.

La page WebSphere d'IBM (http://www.ibm.com/software/webservers/appserv/) propose des

informations sur le serveur d'application WebSphere.

La page Chili!Soft (http://www.Chilisoft.com/products/) propose des informations sur le serveur

d'application Sun Chili!Soft ASP.

JavaScript Bible, par Danny Goodman (IDG Books), couvre de façon exhaustive le langage

JavaScript 1.2.

JavaScript: The Definitive Guide, par David Flanagan (O’Reilly & Associates), propose des

informations de référence sur chaque fonction, objet, méthode, propriété et gestionnaire d'événements de JavaScript.

CGI Scripts for Fun and Profit (http://www.hotwired.lycos.com/webmonkey/99/26/

index4a.html) est un article du site Hotwired Webmonkey sur l'incorporation de scripts CGI (Common Gateway Interface) prêts à l'emploi dans vos pages.

Le site CGI Resource Index (http://www.cgi-resources.com/) est un site de référence sur tout ce

qui concerne le CGI, avec des scripts prêts à l'emploi, de la documentation, des manuels et même des programmeurs à votre disposition.

Le site Common Gateway Interface (http://hoohoo.ncsa.uiuc.edu/cgi/) comporte une

présentation des scripts CGI.

Chapitre 130

+ 722 hidden pages