ADOBE Utilisation de Dreamweaver MX 2004 User Manual [fr]

Utilisation de Dreamweaver

Marques commerciales

Add Life to the Web, Afterburner, Aftershock, Andromedia, Allaire, Animation PowerPack, Aria, Attain, Authorware, Authorware Star, Backstage, Bright Tiger, Clustercats, Cold Fusion, Contribute, Design in Motion, Director, Dream Templates, Dreamweaver, Drumbeat 2000, EDJE, EJIPT, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, Generator, HomeSite, JFusion, JRun, Kawa, Know Your Site, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects, MacRecorder Logo and Design, Macromedia, Macromedia Action!, Macromedia Flash, Macromedia M Logo & Design, Macromedia Spectra, Macromedia xRes Logo and Design, MacroModel, Made with Macromedia, Made with Macromedia Logo and Design, MAGIC Logo and Design, Mediamaker, Movie Critic, Open Sesame!, Roundtrip HTML, Shockwave, Sitespring, SoundEdit, Titlemaker, UltraDev, Web Design 101, what the web can be et Xtra sont des marques ou des marques déposées de Macromedia, Inc. et peuvent être déposées aux Etats-Unis ou dans d’autres 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.

Informations de tiers

Ce manuel contient des liens vers des sites Web tiers qui ne sont pas contrôlés par Macromedia et Macromedia ne peut en aucun cas être tenu responsable du contenu de ces sites. Si vous accédez à l’un de ces sites, vous le faites à vos propres risques. Macromedia propose ces liens dans un but pratique uniquement et ne peut en aucun cas endosser ou accepter la responsabilité du contenu de ces sites tiers.

Vous trouverez des informations sur les logiciels tiers et/ou d’autres conditions générales à l’adresse suivante : http://www.macromedia.com/go/thirdparty_fr/.

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 CI-DESSUS 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 © 2003 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. Numéro de référence ZDW70M200F

Remerciements

Direction : Sheila McGinn

Gestion de projet : Charles Nadeau

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

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

Gestion de la production : Patrice O’Neill

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

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

Première édition : Septembre 2003

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

TABLE DES MATIÈRES

PARTIE I : Notions de base de Dreamweaver

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

Nouveautés de Dreamweaver MX 2004. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Par où débuter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Processus de création de sites Web dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . 23

Utilisation de Dreamweaver avec d’autres applications. . . . . . . . . . . . . . . . . . . . . . 26

Dreamweaver et l’accessibilité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Guide des supports de formation à Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . 28

Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

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

CHAPITRE 1 : Exploration de l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . 33

A propos de l’espace de travail de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Utilisation de la fenêtre de document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Utilisation des barres d’outils, des inspecteurs et des menus contextuels. . . . . . . . . 44

Utilisation des panneaux et des groupes de panneaux . . . . . . . . . . . . . . . . . . . . . . 49

Utilisation des fonctions d’accessibilité de Dreamweaver . . . . . . . . . . . . . . . . . . . . 52

Optimisation de l’espace de travail pour la conception de pages accessibles . . . . . . 56

Utilisation de guides visuels dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . 57

Dreamweaver personnalisation, notions de base . . . . . . . . . . . . . . . . . . . . . . . . . . 58

CHAPITRE 2 : Configuration d’un site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 63

A propos des sites Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64

Configuration d’un nouveau site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 66

Utilisation des paramètres avancés pour configurer un site Dreamweaver . . . . . . . 67

Modification des paramètres d’un site Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 72

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

CHAPITRE 3 : Création et ouverture de documents . . . . . . . . . . . . . . . . . . . . . . . 75

Création de nouveaux documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

Enregistrement d’un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Définition d’un nouveau type de document par défaut . . . . . . . . . . . . . . . . . . . . . 78

Ouverture de documents existants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79

Importation d’un fichier HTML Microsoft Word. . . . . . . . . . . . . . . . . . . . . . . . . 80

PARTIE II : Utilisation de sites Dreamweaver

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

A propos de la gestion de site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86

Accès aux sites, à un serveur et aux disques locaux . . . . . . . . . . . . . . . . . . . . . . . . . 88

Affichage de fichiers et de dossiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91

Gestion de fichiers et de dossiers dans le panneau Fichiers. . . . . . . . . . . . . . . . . . . 94

Utilisation d’une carte visuelle de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98

Importation et exportation de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

Suppression d’un site Dreamweaver de votre liste de sites . . . . . . . . . . . . . . . . . . 106

Archivage et extraction de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Acquisition et placement de fichiers depuis ou vers votre serveur . . . . . . . . . . . . . 109

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

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

Stockage des informations sur les fichiers dans des Design Notes. . . . . . . . . . . . . 116

Test de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

CHAPITRE 5 : Gestion des actifs de site et des bibliothèques . . . . . . . . . . . . . . 125

A propos des éléments de bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

Utilisation des actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Création et gestion d’une liste d’actifs favoris. . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

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

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

A propos de la gestion des sites Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

Préparation d’un site à utiliser avec Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . 147

Administration d’un site Contribute à l’aide de Dreamweaver . . . . . . . . . . . . . . . 148

Dépannage d’un site Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

Gestion des fichiers Contribute dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 150

PARTIE III : Mise en forme des pages

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

A propos des calques de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Insertion de blocs de contenu pour la mise en forme . . . . . . . . . . . . . . . . . . . . . . 157

Modification de la couleur de surbrillance des blocs de contenu . . . . . . . . . . . . . 158

Utilisation des blocs de contenu pour la mise en forme . . . . . . . . . . . . . . . . . . . . 159

Insertion d’un calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

Définition des préférences et des propriétés de calques. . . . . . . . . . . . . . . . . . . . . 162

Gestion des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

Manipulation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Conversion des calques en tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168

Utilisation des règles et des grilles pour la mise en forme des pages . . . . . . . . . . . 170

Utilisation du tracé de l’image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

4 Table des matières

CHAPITRE 8 : Présentation de contenu à l’aide de tableaux . . . . . . . . . . . . . . . 173

A propos des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174

Insertion d’un tableau et ajout de contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Importation et exportation de données tabulaires . . . . . . . . . . . . . . . . . . . . . . . . 176

Sélection d’éléments de tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

Utilisation du mode Tableaux développés pour une modification de tableau plus

simple. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180

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

Redimensionnement des tableaux, des colonnes et des lignes. . . . . . . . . . . . . . . . 183

Ajout et suppression de lignes et de colonnes. . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Fractionnement et fusion de cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

Copie, collage et suppression de cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190

Imbrication de tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

Tri des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

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

A propos du mode Mise en forme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Basculement du mode Standard au mode Mise en forme. . . . . . . . . . . . . . . . . . . 197

Réalisation de dessins en mode Mise en forme. . . . . . . . . . . . . . . . . . . . . . . . . . . 198

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

Suppression automatique des hauteurs de cellule . . . . . . . . . . . . . . . . . . . . . . . . . 202

Redimensionnement et déplacement de cellules et tableaux de Mise en forme . . . 202

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

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

Définition de préférences pour le mode Mise en forme . . . . . . . . . . . . . . . . . . . . 207

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

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

Utilisation des jeux de cadres dans la fenêtre de document . . . . . . . . . . . . . . . . . 213

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

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

Ouverture d’un document dans un cadre. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218

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

Affichage et définition des propriétés et attributs de cadre . . . . . . . . . . . . . . . . . . 220

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

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

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

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

CHAPITRE 11 : Gestion des modèles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

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

Création d’un modèle Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

Création de modèles pour un site Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

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

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

Utilisation des régions facultatives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247

Définition d’attributs de balise modifiables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

Table des matières 5

Création d’un modèle imbriqué. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250

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

Gestion des modèles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254

Exportation et importation du contenu XML d’un modèle . . . . . . . . . . . . . . . . . 255

Exportation d’un site sans marqueur de modèle. . . . . . . . . . . . . . . . . . . . . . . . . . 256

Application ou suppression d’un modèle depuis un document existant . . . . . . . . 257

Modification du contenu d’un document basé sur un modèle . . . . . . . . . . . . . . . 258

PARTIE IV : Ajout de contenu aux pages

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

A propos de l’utilisation des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

Enregistrement de pages Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269

Spécification de balises HTML au lieu de CSS . . . . . . . . . . . . . . . . . . . . . . . . . . 270

Définition des propriétés de page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270

Utilisation des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Sélection d’éléments dans la fenêtre de document . . . . . . . . . . . . . . . . . . . . . . . . 274

Utilisation du panneau Historique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276

Automatisation des tâches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277

Utilisation de comportements JavaScript pour détecter le type et la version des

navigateurs et des plug-ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

Aperçu et test de page dans les navigateurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283

Vérification des préférences de durée et de la taille de téléchargement . . . . . . . . . 284

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

A propos du formatage de texte dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 287

Insertion de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294

Mise en forme de paragraphes et structure du document . . . . . . . . . . . . . . . . . . . 296

Mise en forme de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

Utilisation des feuilles de style en cascade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Mise à jour de feuilles de style CSS dans un site Contribute . . . . . . . . . . . . . . . . 314

Vérification orthographique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Recherche et remplacement de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

CHAPITRE 14 : Insertion d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

A propos des images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Insertion d’une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

Redimensionnement d’une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323

Recadrage d’une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324

Optimisation d’une image à l’aide de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . 324

Ajustement de la luminosité et du contraste d’une image. . . . . . . . . . . . . . . . . . . 325

Accentuation d’une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325

Création d’une image survolée. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326

Utilisation d’un éditeur d’image externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327

Application decomportements aux images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327

6 Table des matières

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

Description des emplacements et chemins d’accès des documents . . . . . . . . . . . . 330

Menus de reroutage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332

Barres de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333

A propos des cartes graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334

Création de liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334

Gestion des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340

Insertion de menus de reroutage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344

Utilisation des barres de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346

Utilisation de cartes graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Association de comportements JavaScript à des liens . . . . . . . . . . . . . . . . . . . . . . 349

Recherche de liens brisés, externes et orphelins . . . . . . . . . . . . . . . . . . . . . . . . . . 350

Correction des liens brisés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351

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

CHAPITRE 16 : Utilisation d’autres applications . . . . . . . . . . . . . . . . . . . . . . . . . 353

A propos de l’intégration de Fireworks et Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 354

Optimisation de votre environnement de travail pour Fireworks et Flash. . . . . . . 354

Utilisation de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

Utilisation de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

CHAPITRE 17 : Ajout d’éléments audio, vidéo et interactifs . . . . . . . . . . . . . . . . 367

A propos des fichiers multimédia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

Insertion et modification d’objets multimédia . . . . . . . . . . . . . . . . . . . . . . . . . . . 369

Lancement d’un éditeur externe pour des fichiers multimédia . . . . . . . . . . . . . . . 371

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

Insertion et modification d’un objet de bouton Flash . . . . . . . . . . . . . . . . . . . . . 373

Insertion d’un objet texte Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

Insertion d’animations Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

Téléchargement et installation des éléments Flash . . . . . . . . . . . . . . . . . . . . . . . . 376

Insertion d’éléments Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376

Modification des attributs d’un élément Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . 377

Insertion d’animations Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377

Ajout d’une vidéo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378

Ajout de son à une page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378

Insertion du contenu d’un plug-in Netscape Navigator . . . . . . . . . . . . . . . . . . . . 379

Insertion d’un contrôle ActiveX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381

Insertion d’une applet Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381

Utilisation de comportements pour contrôler les objets multimédias. . . . . . . . . . 381

Table des matières 7

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

Utilisation du panneau Comportements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384

A propos des événements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384

Application d’un comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385

Association d’un comportement à du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386

Modification d’un comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

Actualisation d’un comportement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

Création de nouvelles actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388

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

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

PARTIE V : Utilisation du code de page

CHAPITRE 19 : Configuration d’un environnement de codage . . . . . . . . . . . . . . 415

Affichage du code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416

Utilisation de l’espace de travail orienté en mode Code (Windows uniquement) . 417

Définition des préférences d’affichage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417

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

Personnalisation des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

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

Définition des préférences du programme de validation . . . . . . . . . . . . . . . . . . . 420

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

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

Utilisation d’un éditeur HTML externe avec Dreamweaver . . . . . . . . . . . . . . . . 426

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

A propos du codage dans Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

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

Recherche et remplacement de balises et d’attributs. . . . . . . . . . . . . . . . . . . . . . . 443

Modification rapide d’une sélection de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444

Utilisation des documents de référence sur les langages . . . . . . . . . . . . . . . . . . . . 445

Impression du code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

CHAPITRE 21 : Optimisation et débogage de code . . . . . . . . . . . . . . . . . . . . . . 447

Nettoyage du code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447

Vérification de l’équilibre des balises et des accolades. . . . . . . . . . . . . . . . . . . . . . 448

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

Validation de balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451

Conformité des pages avec le langage XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . 452

Utilisation du débogueur ColdFusion (Windows uniquement) . . . . . . . . . . . . . . 453

8 Table des matières

CHAPITRE 22 : Modification du code en mode Création . . . . . . . . . . . . . . . . . . 455

Modification du code avec l’inspecteur de propriétés . . . . . . . . . . . . . . . . . . . . . . 455

Modification d’attributs dans l’inspecteur de balises . . . . . . . . . . . . . . . . . . . . . . 456

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

Modification du code à l’aide du sélecteur de balises . . . . . . . . . . . . . . . . . . . . . . 460

Modification des scripts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460

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

Utilisation des comportements JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463

Affichage et modification du contenu de l’en-tête . . . . . . . . . . . . . . . . . . . . . . . . 463

PARTIE VI : Préparation à la création de sites dynamiques

CHAPITRE 23 : Configuration d’une application Web . . . . . . . . . . . . . . . . . . . . 467

Eléments nécessaires à la création d’applications Web . . . . . . . . . . . . . . . . . . . . . 467

Configuration d’un serveur Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467

Configuration d’un serveur d’application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468

Création d’un dossier racine pour l’application . . . . . . . . . . . . . . . . . . . . . . . . . . 471

Définition d’un site Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473

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

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

ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 477

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

Modification ou suppression d’une connexion à une base de données . . . . . . . . . 478

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

ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479

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

Modification ou suppression d’une connexion à une base de données . . . . . . . . . 483

CHAPITRE 26 : Connexions à des bases de données pour les développeurs ASP .

485

A propos des connexions à des bases de données dans ASP . . . . . . . . . . . . . . . . . 485

Création d’une connexion DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487

Création d’une connexion sans DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490

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

Modification ou suppression d’une connexion à une base de données . . . . . . . . . 494

CHAPITRE 27 : Connexions à des bases de données pour les développeurs JSP .

495

A propos des connexions à des bases de données dans JSP . . . . . . . . . . . . . . . . . . 495

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

Connexion via un pilote ODBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498

Modification ou suppression d’une connexion à une base de données . . . . . . . . . 501

Table des matières 9

CHAPITRE 28 : Connexions à des bases de données pour les développeurs PHP .

503

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

Modification ou suppression d’une connexion à une base de données . . . . . . . . . 504

CHAPITRE 29 : Résolution des problèmes de connexion à des bases de données.

505

Résolution des problèmes d’autorisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Résolution des messages d’erreur Microsoft . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 507

PARTIE VII : Ajout de contenu dynamique aux pages Web

CHAPITRE 30 : Optimisation de l’espace de travail pour tirer parti des fonctions de

développement visuel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

Affichage de panneaux de développement d’applications Web . . . . . . . . . . . . . . . 516

Affichage de votre base de données dans Dreamweaver . . . . . . . . . . . . . . . . . . . . 518

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

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

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

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

CHAPITRE 31 : Déroulement de la conception de pages dynamiques . . . . . . . . 527

Conception de la page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 528

Création d’une source de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . 528

Ajout d’un contenu dynamique à une page Web . . . . . . . . . . . . . . . . . . . . . . . . . 530

Amélioration des fonctionnalités d’une page dynamique . . . . . . . . . . . . . . . . . . . 530

Test et débogage d’une page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532

CHAPITRE 32 : Récupération des données spécifiques à une page . . . . . . . . . 535

Utilisation d’une base de données pour stocker un contenu. . . . . . . . . . . . . . . . . 536

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

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

CHAPITRE 33 : Définition de sources de contenu dynamique . . . . . . . . . . . . . . 547

A propos des sources de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548

Définition d’un jeu d’enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 553

Définition de paramètres d’URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 556

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

Définition de variables de session . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558

Définition de variables d’application dans ASP et ColdFusion. . . . . . . . . . . . . . . 559

Utilisation d’une variable comme source de données pour un jeu d’enregistrements de

ColdFusion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 560

Définition de variables de serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 561

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

Modification ou suppression de sources de contenu. . . . . . . . . . . . . . . . . . . . . . . 565

Copie d’un jeu d’enregistrements d’une page à une autre. . . . . . . . . . . . . . . . . . . 566

10 Table des matières

CHAPITRE 34 : Ajout d’un contenu dynamique à une page Web . . . . . . . . . . . 567

A propos de l’ajout de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 568

Ajout d’un texte dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 569

Création d’images dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 570

Création d’attributs HTML dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571

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

Modification du contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573

Suppression d’un contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573

Création de pages dynamiques dans un site Contribute . . . . . . . . . . . . . . . . . . . . 574

CHAPITRE 35 : Affichage des enregistrements de base de données . . . . . . . . 575

A propos de l’affichage des enregistrements de base de données. . . . . . . . . . . . . . 576

Utilisation de formats de données prédéfinis . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583

Création de liens de navigation de jeu d’enregistrements . . . . . . . . . . . . . . . . . . 584

Affichage et masquage des régions en fonction des résultats du jeu d’enregistrements

587

Affichage de plusieurs résultats d’un jeu d’enregistrements . . . . . . . . . . . . . . . . . 587

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

Création d’un compteur d’enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 589

Création de contrôles Web Grille de données et Liste de données ASP.NET . . . . 591

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

A propos des composants ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 596

Création visuelle d’un composant dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . 596

Affichage de composants ColdFusion dans Dreamweaver . . . . . . . . . . . . . . . . . . 597

Modification de composants ColdFusion dans Dreamweaver . . . . . . . . . . . . . . . 598

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

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

A propos des services Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 602

Configuration d’un générateur de proxy destiné à être utilisé avec Dreamweaver. 605

Ajout d’un proxy de services Web à l’aide de la description WSDL . . . . . . . . . . . 607

Ajout d’un service Web à une page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608

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

CHAPITRE 38 : Ajout de comportements de serveur personnalisés . . . . . . . . . 611

A propos des comportements de serveur personnalisés. . . . . . . . . . . . . . . . . . . . . 612

Installation de comportements de serveur créés par des développeurs tiers . . . . . 620

Utilisation du Créateur de comportements de serveur . . . . . . . . . . . . . . . . . . . . . 621

Utilisation de paramètres dans des comportements de serveur . . . . . . . . . . . . . . . 624

Positionnement des blocs de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 625

Création d’une boîte de dialogue spécifique à un comportement de serveur

personnalisé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 626

Modification d’un comportement de serveur. . . . . . . . . . . . . . . . . . . . . . . . . . . . 628

Table des matières 11

CHAPITRE 39 : Création de formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

A propos des formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 632

Création de formulaires HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 635

Insertion d’objets de formulaire HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 636

Insertion d’objets de formulaire HTML dynamiques. . . . . . . . . . . . . . . . . . . . . . 640

Validation des données de formulaire HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 644

Liaison de comportements JavaScript à des objets de formulaire HTML. . . . . . . 644

Liaison de scripts personnalisés à des boutons de formulaire HTML . . . . . . . . . . 645

Création de formulaires HTML accessibles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 645

Création de formulaires ASP.NET. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646

PARTIE VIII : Développement rapide d’applications

CHAPITRE 40 : Création rapide d’applications ColdFusion . . . . . . . . . . . . . . . . 653

A propos du développement rapide d’applications (tous les serveurs). . . . . . . . . . 654

Création d’un ensemble de pages Principale-Détails (ColdFusion). . . . . . . . . . . . 658

Création de pages de recherche/résultats (ColdFusion, ASP, JSP, PHP) . . . . . . . . 666

Création d’une page d’insertion d’enregistrement (tous les serveurs) . . . . . . . . . . 672

Création de pages pour mettre à jour un enregistrement (ColdFusion) . . . . . . . . 675

Création de pages de suppression d’un enregistrement (ColdFusion). . . . . . . . . . 680

Modification d’une base de données à l’aide de procédures stockées (ColdFusion)688

Création de pages limitant l’accès à votre site (ColdFusion, ASP, JSP, PHP). . . . . 689

CHAPITRE 41 : Création rapide d’applications ASP.NET. . . . . . . . . . . . . . . . . . 699

Création d’un ensemble de pages Principale-Détails (ASP.NET) . . . . . . . . . . . . . 699

Création d’une page de recherche dans une base de données (ASP.NET). . . . . . . 705

Création d’une page d’insertion d’enregistrements (ASP.NET) . . . . . . . . . . . . . . 710

Création de pages de mise à jour d’un enregistrement (ASP.NET). . . . . . . . . . . . 710

Création de pages de suppression d’un enregistrement (ASP.NET) . . . . . . . . . . . 717

Modification d’une base de données à l’aide de procédures stockées (ASP.NET) . 725

Création de pages limitant l’accès à votre site (ASP.NET) . . . . . . . . . . . . . . . . . . 726

CHAPITRE 42 : Création rapide d’applications ASP et JSP . . . . . . . . . . . . . . . 727

Création d’un ensemble de pages Principale-Détails (ASP et JSP) . . . . . . . . . . . . 727

Création de pages de recherche/résultats (ASP et JSP) . . . . . . . . . . . . . . . . . . . . . 731

Création d’une page d’insertion d’enregistrements (ASP et JSP) . . . . . . . . . . . . . 731

Création de pages de mise à jour d’un enregistrement (ASP et JSP) . . . . . . . . . . . 731

Création de pages de suppression d’un enregistrement (ASP et JSP) . . . . . . . . . . 736

Création de pages comportant des objets de manipulation de données avancés

(ASP et JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 739

Création de pages limitant l’accès à votre site (ASP et JSP) . . . . . . . . . . . . . . . . . 743

12 Table des matières

CHAPITRE 43 : Création rapide d’applications PHP . . . . . . . . . . . . . . . . . . . . . 745

Création de pages Principale-Détails (PHP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . 745

Création de pages de recherche/de résultats (PHP) . . . . . . . . . . . . . . . . . . . . . . . 751

Création d’une page d’insertion d’enregistrements (PHP) . . . . . . . . . . . . . . . . . . 751

Création de pages pour mettre à jour un enregistrement (PHP). . . . . . . . . . . . . . 752

Création de pages de suppression d’un enregistrement (PHP) . . . . . . . . . . . . . . . 757

Création de pages limitant l’accès à votre site (PHP) . . . . . . . . . . . . . . . . . . . . . . 765

PARTIE IX : Annexes

ANNEXE A : Guide du débutant en base de données . . . . . . . . . . . . . . . . . . . . . 769

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

Principes fondamentaux pour la conception d’une base de données. . . . . . . . . . . 770

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

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

Notions de syntaxe élémentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 781

Définition des colonnes d’un jeu d’enregistrements . . . . . . . . . . . . . . . . . . . . . . . 782

Limite du nombre d’enregistrements dans un jeu . . . . . . . . . . . . . . . . . . . . . . . . 783

Tri des enregistrements d’un jeu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 786

Relations entre tableaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 786

INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 789

Table des matières 13

14 Table des matières

PARTIE I

Notions de base de Dreamweaver

Apprenez à utiliser la documentation de Macromedia Dreamweaver MX 2004 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 :

Introduction, Bienvenue dans Dreamweaver, page 17

Chapitre 1, Exploration de l’espace de travail, page 33

Chapitre 2, Configuration d’un site Dreamweaver, page 63

Chapitre 3, Création et ouverture de documents, page 75

PARTIE I

INTRODUCTION

Bienvenue dans Dreamweaver

Macromedia Dreamweaver MX 2004 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 visuelles 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 des images dans Macromedia Fireworks ou toute autre application graphique, puis en les important directement dans Dreamweaver, ou en ajoutant des objets Flash Macromedia.

Dreamweaver propose également un environnement de codage complet comprenant des outils de modification du code (comme la coloration du code et la création de balises) ainsi que des documents de référence sur le langage HTML, les feuilles de style en cascade (CSS - Cascading Style Sheets), JavaScript, ColdFusion Markup Language (CFML), Microsoft Active Server Pages (ASP) et JavaServer Pages (JSP). La technologie Roundtrip HTML de Macromedia permet 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 permet également de créer des applications Web reposant sur des bases de données dynamiques au moyen de technologies serveur comme CFML, ASP.NET, ASP, 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 :

• Nouveautés de Dreamweaver MX 2004, page 18

• Par où débuter, page 20

• Processus de création de sites Web dans Dreamweaver, page 23

• Utilisation de Dreamweaver avec d’autres applications, page 26

• Dreamweaver et l’accessibilité, page 27

• Guide des supports de formation à Dreamweaver, page 28

• Conventions typographiques, page 30

• Ressources sur le langage HTML et les technologies Web, page 30

Nouveautés de Dreamweaver MX 2004

Dreamweaver MX 2004 contient une nouvelle interface simplifiée et est plus performant. Il propose également de nombreuses nouvelles fonctions qui en améliorent la convivialité et vous aident à créer des pages, que vous travailliez dans les environnements de création ou de codage.

Simplification du produit et de l’interface de développement

L’interface de Dreamweaver est plus intuitive pour vous aider à améliorer votre productivité et la qualité de votre travail.

Amélioration de la barre Insérer : grâce à sa présentation plus simple, la barre Insérer prend

moins de place dans l’environnement de travail. Une nouvelle catégorie de favoris vous permet en outre de la personnaliser en regroupant les objets que vous utilisez le plus souvent. Pour plus d’informations, voir Barre Insérer, page 39.

Commandes Copier/Coller pour Microsoft Word et Microsoft Excel : ces commandes vous

permettent de copier et de coller un document Microsoft Word ou Excel directement dans Dreamweaver. Lorsque vous collez un document Word ou Excel, Dreamweaver en conserve la mise en forme et génère du code HTML de bonne qualité. Pour plus d’informations, voir Copie et collage de texte à partir de documents MS Office, page 295.

Affichage visuel des modifications de tableau : cette fonction vous permet de voir l’impact des

opérations de redimensionnement de colonnes sur vos tableaux. Elle simplifie également la sélection d’éléments dans les tableaux. Pour plus d’informations sur le redimensionnement, voir Redimensionnement des tableaux, des colonnes et des lignes, page 183. Pour plus d’informations sur l’utilisation du mode Tableaux développés pour sélectionner des éléments, voir Utilisation du mode Tableaux développés pour une modification de tableau plus simple, page 180.

Modification de l’interface utilisateur : l’interface utilisateur a été repensée pour optimiser

l’espace de travail utilisable et afficher le contexte et les éléments actifs de manière plus claire. Désormais, l’interface est plus logique et intuitive. Pour plus d’informations sur l’espace de travail de Dreamweaver, voir A propos de l’espace de travail de Dreamweaver, page 33.

Page de démarrage : cette page vous permet d’accéder rapidement aux derniers fichiers utilisés,

de créer de nouveaux fichiers et d’accéder aux didacticiels de Dreamweaver. Elle s’affiche lorsque vous démarrez Dreamweaver ou lorsque aucun document n’est ouvert. Pour plus d’informations sur la façon de masquer ou d’afficher la Page de démarrage, voir Affichage et masquage de la page de démarrage, page 59.

Bureau enregistré : cette option vous permet d’indiquer à Dreamweaver de rouvrir les

documents sur lesquels vous travailliez lorsque vous redémarrez Dreamweaver. Pour plus d’informations sur la configuration de cette option, voir Définition des préférences générales de

Dreamweaver, page 59.

Prise en charge intégrale d’Unicode : sous Windows, Dreamweaver prend en charge tous les

encodages de texte pris en charge par Internet Explorer. Dans Dreamweaver, vous pouvez vous servir de la quasi-totalité des polices de caractères installées sur votre système en ayant la certitude que Dreamweaver en assurera correctement le rendu et l’enregistrement. Pour plus d’informations sur la configuration des codages de polices, voir Définition des préférences de police pour l’affichage

Dreamweaver, page 60.

18 Introduction : Bienvenue dans Dreamweaver

Secure FTP : cette fonction vous permet de crypter intégralement tous les transferts de fichiers et

d’empêcher les utilisateurs non autorisés d’accéder à vos données, fichiers, noms d’utilisateur et mots de passe. Pour plus d’informations sur la configuration d’une connexion à distance avec FTP, voir Configuration d’un dossier distant, page 70.

Actualisation de la mise en page et de l’environnement de création

Dreamweaver s’enrichit des nouvelles fonctions CSS présentées ci-dessous, qui vous permettent de rendre vos projets dynamiques et interactifs de manière plus sophistiquée. Il permet également d’afficher immédiatement les modifications apportées pour améliorer l’édition visuelle.

Validation dynamique entre navigateurs : cette fonction permet de vérifier automatiquement la

compatibilité du document ouvert avec différents navigateurs lors de chaque enregistrement. Spécifiez les navigateurs à vérifier et Dreamweaver s’assure que les pages ne contiennent pas de balises ou d’éléments CSS non pris en charge par ces navigateurs. Pour plus d’informations, voir Vérification de la compatibilité du navigateur, page 448.

CSS pertinents : cet onglet affiche les règles CSS appliquées à la sélection en cours en mode

Code ou Création. Cliquez sur une règle pour connaître les attributs qu’elle gère (style de bordure, marge, marge intérieure, taille de texte, etc.). Les attributs ignorés sont mis en évidence. Des modifications rapides peuvent être apportées directement et s’affichent instantanément en mode Création. Pour plus d’informations, voir L’onglet Propriétés CSS, page 293.

Visualisation de mise en forme CSS : la mise en forme de pages à l’aide de feuilles de style en

cascade (CSS) est désormais beaucoup plus simple. Vous pouvez facilement sélectionner des balises

div et d’autres blocs de contenu en mode Création, puis en modifier les propriétés sous

l’onglet Propriétés CSS. Pour plus d’informations, voir Chapitre 7, Mise en forme des pages avec les

styles CSS, page 155.

Amélioration du rendu CSS : Dreamweaver peut afficher les mises en forme complexes reposant

sur les styles CSS avec plus de précision. L’amélioration du rendu vous permet de réaliser des mises en forme plus sophistiquées et d’effectuer des manipulations visuelles poussées à l’aide des outils de création de Dreamweaver.

Amélioration du panneau Styles CSS : le panneau propose désormais davantage d’options de

modification des styles dans le document. A présent, vous pouvez également appliquer directement des styles depuis l’inspecteur de propriétés de texte. Pour plus d’informations, voir Utilisation des feuilles de style en cascade, page 304.

Inspecteur de propriétés de texte reposant sur des feuilles de style en cascade (CSS) : cet

inspecteur dresse la liste de tous les styles disponibles applicables au texte et comprend une fonction d’aperçu permettant de connaître l’aspect du texte après application du style. Pour plus d’informations, voir Inspecteur de propriétés et formatage de texte, page 292.

Propriétés de page reposant sur des feuilles de style en cascade (CSS) : ces propriétés vous

offrent un meilleur contrôle des propriétés de page (affichage des en-têtes et des liens, par exemple) à l’aide d’éléments de codage CSS récents. Pour plus d’informations, voir A propos de la définition des propriétés de page, page 266.

Barre d’outils de retouche d’image intégrée : cette fonction vous permet d’effectuer des

retouches d’image simples dans Dreamweaver à l’aide de la technologie Macromedia Fireworks. Vous avez la possibilité de recadrer, de redimensionner ou encore de rééchantillonner des images sans quitter Dreamweaver. Pour plus d’informations, voir Modification d’images dans

Dreamweaver, page 318.

Nouveautés de Dreamweaver MX 2004 19

Environnement de codage puissant et ouvert

Dreamweaver offre aux rédacteurs de code les nouvelles fonctions présentées ci-dessous, qui concernent notamment le mode Création et la possibilité de modifier des fichiers sans créer de site Dreamweaver. Dreamweaver prend également en charge les technologies de serveur actuelles.

Amélioration de l’inspecteur de balises : cet inspecteur affiche la liste des propriétés disponibles

applicables à la sélection en cours et vous permet d’effectuer des modifications rapides et complètes. Pour plus d’informations, voir Modification d’attributs dans l’inspecteur de balises,

page 456.

Modification de fichiers sans site : cette fonction vous permet de travailler directement sur un

serveur FTP ou RDS sans créer de site Dreamweaver. Pour plus d’informations sur la configuration de Dreamweaver pour travailler sur un serveur, voir Configuration de Dreamweaver pour fonctionner sans avoir à définir de site, page 90. Pour plus d’informations sur la configuration d’un site Dreamweaver, voir Configuration d’un nouveau site Dreamweaver, page 66.

Comportements de serveur PHP : ces comportements vous permettent de créer un ensemble de

pages Principale-Détails et des pages d’authentification des utilisateurs. Pour plus d’informations, voir Création de pages Principale-Détails (PHP), page 745 et Création de pages limitant l’accès à votre site (PHP), page 765.

Amélioration de la prise en charge des contrôles de formulaire ASP.NET : de nouvelles

méthodes plus perfectionnées (notamment de nouveaux inspecteurs de propriétés) vous sont proposées pour créer et modifier des formulaires Web ASP.NET en mode Création. Pour plus d’informations, voir Chapitre 42, Création rapide d’applications ASP et JSP, page 727.

Menu contextuel en mode Code : ce menu vous permet de modifier rapidement la mise en

forme du code sélectionné. Pour plus d’informations, voir Modification rapide d’une sélection de code, page 444.

Par où débuter

La documentation de Dreamweaver 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 plus d’informations sur les ressources de Dreamweaver, voir Guide des supports de formation à

Dreamweaver, page 28.

Concepteurs débutants

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

Pour les concepteurs Web qui débutent :

1 Commencez par lire les didacticiels de création d’un site statique dans le guide Bien démarrer

avec Dreamweaver, accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver (Aide > Utilisation de Dreamweaver), lisez les Chapitre 1,

Exploration de l’espace de travail, page 33, Chapitre 2, Configuration d’un site Dreamweaver, page 63, Chapitre 4, Gestion des fichiers, page 85 et Chapitre 3, Création et ouverture de documents, page 75.

3 Lisez le Chapitre 9, Mise en forme des pages avec le mode Mise en forme, page 193 pour en savoir

plus sur la mise en forme de pages.

20 Introduction : Bienvenue dans Dreamweaver

4 Lisez le Chapitre 13, Insertion et mise en forme de texte, page 287 et le Chapitre 14, Insertion

d’images, page 317 pour en savoir plus sur le formatage de texte et l’ajout d’images à vos pages.

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 concernant les pages statiques dans Utilisation de Dreamweaver. Si vous le souhaitez, vous pouvez d’abord vous familiariser avec la création de pages Web avant de lire ces chapitres.

Concepteurs expérimentés

Si vous êtes un concepteur de sites Web expérimenté, cette section vous guidera vers les points essentiels de la documentation Dreamweaver correspondant à vos connaissances. Deux approches différentes sont proposées : une pour les concepteurs qui n’ont jamais ou peu utilisé Dreamweaver et une pour les concepteurs qui connaissent déjà bien Dreamweaver mais qui veulent en savoir plus sur la création de pages dynamiques.

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

1 Commencez par lire les didacticiels de création d’un site statique dans le guide Bien démarrer

avec Dreamweaver, accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 1, Exploration de l’espace de travail, page 33

pour en savoir plus sur l’interface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abordés dans le Chapitre 2, Configuration d’un

site Dreamweaver, page 63 et le Chapitre 4, Gestion des fichiers, page 85, parcourez ces chapitres

pour savoir comment ces concepts sont implémentés dans Dreamweaver. Attachez-vous particulièrement aux sections traitant de la configuration d’un site Dreamweaver.

4 Pour obtenir des informations utiles sur la création de pages HTML simples dans Dreamweaver,

lisez le Chapitre 13, Insertion et mise en forme de texte, page 287 et le Chapitre 14, Insertion

d’images, page 317.

5 Pour plus d’informations sur le codage dans Dreamweaver, voir Configuration d’un

environnement de codage, page 415, Codage dans Dreamweaver, page 429, Optimisation et débogage de code, page 447 et Modification du code en mode Création, page 455.

6 Lisez la présentation au début des autres chapitres de Utilisation de Dreamweaver 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 « Description des applications Web » et le didacticiel de développement

d’une application Web dans le guide Bien démarrer avec Dreamweaver accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver, parcourez le Chapitre 1, Exploration de l’espace de travail,

page 33 pour en savoir plus sur les nouveaux aspects de l’interface utilisateur de Dreamweaver,

puis lisez Optimisation de l’espace de travail pour tirer parti des fonctions de développement visuel,

page 515.

3 Familiarisez-vous avec la conception de pages dynamiques dans Dreamweaver en lisant

Déroulement de la conception de pages dynamiques, page 527.

4 Configurez un serveur Web et un serveur d’application (voir Chapitre 23, Configuration d’une

application Web, page 467).

5 Connectez-vous à une base de données (voir Connexion à une base de données, page 475). 6 Lisez la présentation au début de chaque chapitre de Utilisation de Dreamweaver pour savoir si

les sujets abordés sont susceptibles de vous intéresser.

Par où débuter 21

7 Si vous souhaitez personnaliser Dreamweaver manuellement, consultez la section

« Customizing Dreamweaver » du centre de support de Macromedia à l’adresse suivante :

www.macromedia.com/go/customizing_dreamweaver_fr. Si vous voulez écrire des extensions

pour Dreamweaver, lisez Extension de Dreamweaver.

Codeurs manuels expérimentés

Si vous êtes un codeur manuel expérimenté, cette section vous guidera vers les points essentiels de la documentation Dreamweaver correspondant à vos connaissances.

Pour les codeurs manuels expérimentés :

1 Commencez par lire « Didacticiel : Modification de code » dans Bien démarrer avec

Dreamweaver accessible via le menu Aide.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 1, Exploration de l’espace de travail, page 33

pour en savoir plus sur l’interface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abordés dans le Chapitre 2, Configuration d’un

site Dreamweaver, page 63 et le Chapitre 4, Gestion des fichiers, page 85, parcourez ces chapitres

pour savoir comment ces concepts sont implémentés dans Dreamweaver. Attachez-vous particulièrement aux sections traitant de la configuration d’un site Dreamweaver.

4 Lisez le Chapitre 19, Configuration d’un environnement de codage, page 415, le Chapitre 20,

Codage dans Dreamweaver, page 429, le Chapitre 21, Optimisation et débogage de code, page 447

et le Chapitre 22, Modification du code en mode Création, page 455 pour en savoir plus sur le codage dans Dreamweaver.

5 Lisez la présentation au début de chaque chapitre de Utilisation de Dreamweaver pour savoir si

les sujets abordés sont susceptibles de vous intéresser.

Développeurs d’applications Web

Si vous êtes un développeur d’applications Web expérimenté, cette section vous guidera vers les points essentiels de la documentation Dreamweaver correspondant à vos connaissances. Deux approches différentes sont proposées, selon que vous avez déjà utilisé Dreamweaver ou non.

Pour les développeurs d’applications Web n’ayant jamais utilisé Dreamweaver :

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

avec les notions de base de Dreamweaver.

2 Dans Utilisation de Dreamweaver, lisez le Chapitre 1, Exploration de l’espace de travail, page 33

pour en savoir plus sur l’interface utilisateur de Dreamweaver.

3 Bien que vous connaissiez la plupart des sujets abordés dans le Chapitre 2, Configuration d’un

site Dreamweaver, page 63 et le Chapitre 4, Gestion des fichiers, page 85, parcourez ces chapitres

pour savoir comment ces concepts sont implémentés dans Dreamweaver. Attachez-vous particulièrement aux sections traitant de la configuration d’un site Dreamweaver.

4 Configurez un serveur Web et un serveur d’application à l’aide de Dreamweaver (voir

Chapitre 23, Configuration d’une application Web, page 467).

5 Connectez-vous à une base de données (voir Connexion à une base de données, page 475). 6 Lisez la présentation au début de chaque chapitre de Utilisation de Dreamweaver pour savoir si

les sujets abordés sont susceptibles de vous intéresser.

Pour les développeurs d’applications Web ayant déjà utilisé Dreamweaver :

1 Commencez par lire Nouveautés de Dreamweaver MX 2004, page 18.

22 Introduction : Bienvenue dans Dreamweaver

2 Dans Utilisation de Dreamweaver, parcourez le Chapitre 1, Exploration de l’espace de travail,

page 33 pour en savoir plus sur les nouveaux aspects de l’interface utilisateur de Dreamweaver.

3 Si vous souhaitez personnaliser Dreamweaver manuellement, consultez la section

« Customizing Dreamweaver » du centre de support de Macromedia à l’adresse suivante :

www.macromedia.com/go/customizing_dreamweaver_fr. Si vous voulez écrire des extensions

pour Dreamweaver, lisez Extension de Dreamweaver.

Processus de création de sites Web dans Dreamweaver

Vous pouvez créer un site Web de plusieurs façons. Le processus présenté ici commence par la définition de la stratégie ou des objectifs d’un site. 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.

Planification de votre 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.

• Utilisez le panneau Fichiers de Dreamweaver pour configurer la structure organisationnelle de

votre site. Dans le panneau Fichiers, vous pouvez facilement ajouter, supprimer et renommer des fichiers et des dossiers afin de modifier l’organisation en fonction de vos besoins (voir

Chapitre 2, Configuration d’un site Dreamweaver, page 63 et Chapitre 4, Gestion des fichiers,

page 85).

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

à mesure de leur conception. Créez de nouvelles pages vierges ou des pages basées sur des pages prédéfinies (voir Chapitre 3, Création et ouverture de documents, page 75).

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

Archivage et extraction de fichiers, page 106).

• Utilisation de Design Notes pour communiquer avec les membres de l’équipe Web (voir

Stockage des informations sur les fichiers dans des Design Notes, page 116).

Gestion des fichiers du site

Les panneaux Fichiers et Actifs de Dreamweaver facilitent la gestion des fichiers de votre site.

Processus de création de sites Web dans Dreamweaver 23

• Dans le panneau Fichiers 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 Gestion des fichiers, page 85).

• Utilisez le panneau Actifs pour organiser facilement les actifs sur un site ; vous pouvez ensuite

faire glisser la plupart des actifs directement du panneau vers un document Dreamweaver (voir

Chapitre 5, Gestion des actifs de site et des bibliothèques, page 125).

• Dreamweaver vous permet de gérer certains aspects de vos sites Contribute (voir Chapitre 6,

Gestion des sites Contribute avec Dreamweaver, page 143).

Mise en forme de pages Web

Dreamweaver vous permet de progresser à votre rythme et selon vos envies dans la mise en forme de vos pages. Sélectionnez la technique de mise en forme de votre choix ou combinez les options de mise en forme de Dreamweaver pour définir la présentation de votre site.

• Vous pouvez utiliser des calques ou des styles de positionnement CSS Dreamweaver pour

définir la mise en forme (voir Chapitre 7, Mise en forme des pages avec les styles CSS, page 155).

• 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 8, Présentation de contenu à l’aide de tableaux, page 173 et Chapitre 9, Mise

en forme des pages avec le mode Mise en forme, page 193).

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

pouvez définir leur mise en forme en utilisant des cadres (voir Chapitre 10, Utilisation de

cadres, page 209).

• Les modèles 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 11, Gestion des modèles, page 225).

Ajout de contenu dans les pages

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.

• Les fonctions de création de pages offertes par Dreamweaver vous permettent de spécifier des

propriétés de page Web, par exemple, le titre d’une page ou encore des images et couleurs d’arrière-plan. De plus, Dreamweaver comprend des outils vous permettant d’optimiser les performances de votre site Web et de tester les pages pour garantir leur compatibilité avec différents navigateurs Web (voir Chapitre 12, Utilisation des pages, page 265).

• 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. Vous pouvez également créer facilement vos propres feuilles de style en cascade (voir Chapitre 13,

Insertion et mise en forme de texte, page 287).

24 Introduction : Bienvenue dans Dreamweaver

• Insérez des images telles que des images survolées, des cartes graphiques et des images

Fireworks découpées, et positionnez-les sur la page à l’aide des outils d’alignement. Vous pouvez également redimensionner directement les images dans Dreamweaver (voir

Chapitre 14, Insertion d’images, page 317 et Chapitre 16, Utilisation d’autres applications,

page 353).

• 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 15, Liens et navigation, page 329).

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

QuickTime, sons, applets (voir Chapitre 17, Ajout d’éléments audio, vidéo et interactifs,

page 367).

• 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 le visiteur le survole avec la souris, la validation d’un formulaire lorsque le visiteur 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 18, Utilisation des

comportements JavaScript, page 383).

Codage manuel

Le codage manuel de pages Web constitue une autre méthode de création de pages. Dreamweaver dispose d’outils d’édition visuelle conviviaux ainsi que d’un environnement de codage sophistiqué. Vous pouvez utiliser l’une ou l’autre de ces méthodes (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 et de vérifier sa conformité aux normes (voir Chapitre 19, Configuration d’un environnement de codage,

page 415, Chapitre 20, Codage dans Dreamweaver, page 429 et Chapitre 21, Optimisation et débogage de code, page 447).

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

(environnement de conception visuel) (voir Chapitre 22, Modification du code en mode

Création, page 455).

Configuration d’une application Web

De nombreux 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 23, Configuration d’une application Web, page 467).

• Connectez-vous à une base de données. (Voir Connexion à une base de données, page 475).

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.

Processus de création de sites Web dans Dreamweaver 25

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.

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

Dreamweaver et à créer des pages dynamiques (voir Chapitre 30, Optimisation de l’espace de

travail pour tirer parti des fonctions de développement visuel, page 515 et Chapitre 31, Déroulement de la conception de pages dynamiques, page 527).

• Définissez et affichez un contenu dynamique dans vos pages (voir Chapitre 32, Récupération

des données spécifiques à une page, page 535, Chapitre 33, Définition de sources de contenu dynamique, page 547, Chapitre 34, Ajout d’un contenu dynamique à une page Web, page 567 et

Chapitre 35, Affichage des enregistrements de base de données, page 575).

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

telles que les composants Macromedia ColdFusion et les services Web (voir Chapitre 36,

Utilisation des composants ColdFusion, page 595 et Chapitre 37, Utilisation des services Web, page 601).

• Créez vos propres comportements de serveur et formulaires interactifs (voir Chapitre 38, Ajout

de comportements de serveur personnalisés, page 611 et Chapitre 39, Création de formulaires, page 631).

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 Restreignez l’accès à vos pages pour garantir la sécurité des informations (voir Création rapide d’applications ColdFusion, page 653, Création rapide

d’applications ASP.NET, page 699, Création rapide d’applications ASP et JSP, page 727 et Création rapide d’applications PHP, page 745).

Utilisation de Dreamweaver avec d’autres applications

Dreamweaver s’adapte à votre méthode de conception et de développement de site Web en vous permettant de travailler aisément avec d’autres applications. Pour plus d’informations sur le travail en collaboration avec d’autres applications (navigateurs, éditeurs HTML, programmes de retouche d’image et d’animation), voir les rubriques suivantes :

• Pour plus d’informations sur l’utilisation de Dreamweaver avec d’autres éditeurs HTML, tels

que HomeSite ou BBEdit, voir Utilisation d’un éditeur HTML externe avec Dreamweaver,

page 426.

• Vous pouvez spécifier vos navigateurs favoris pour l’affichage de votre site (voir Aperçu et test de

page dans les navigateurs, page 283).

• Vous pouvez lancer un éditeur d’image externe, tel que Macromedia Fireworks ou Adobe

Photoshop depuis Dreamweaver (voir Utilisation d’un éditeur d’image externe, page 327).

• Vous pouvez configurer Dreamweaver pour qu’il lance un éditeur différent pour chaque type

de fichier (voir Lancement d’un éditeur externe pour des fichiers multimédia, page 371).

26 Introduction : Bienvenue dans Dreamweaver

• Pour plus d’informations sur l’ajout d’interactivité à votre site à l’aide de Macromedia Flash,

voir Insertion et modification d’un objet de bouton Flash, page 373, Insertion d’un objet texte Flash,

page 375 ou Téléchargement et installation des éléments Flash, page 376.

• Pour savoir comment rendre votre site interactif à l’aide d’animations Macromedia Shockwave,

voir Insertion d’animations Shockwave, page 377.

• Pour plus d’informations sur l’utilisation de ColdFusion, consulter l’aide de ColdFusion de

Dreamweaver (Aide > Utilisation de ColdFusion).

Dreamweaver et l’accessibilité

L’accessibilité consiste à faire en sorte que les sites ou les produits Web que vous créez puissent être utilisés par des personnes souffrant de handicaps visuels, auditifs, moteurs ou autres. Les fonctions d’accessibilité de produits logiciels et de sites Web peuvent être : la prise en charge de lecteurs d’écran, des équivalents textuels pour les graphiques, des raccourcis clavier, des modifications dans les couleurs d’affichage pour augmenter le contraste, etc.

Remarque : Pour en savoir plus sur deux de ces importantes initiatives, consultez le site de la World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) et la Section 508 du Federal Rehabilitation Act (www.section508.gov).

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

Utilisation des fonctions d’accessibilité de Dreamweaver Pour les concepteurs Web utilisant

Dreamweaver qui doivent faire appel aux fonctions d’accessibilité, Dreamweaver prend en charge des lecteurs d’écran, la navigation avec le clavier et les fonctions d’accessibilité de votre système d’exploitation.

Pour plus d’informations, voir Utilisation des fonctions d’accessibilité de Dreamweaver, page 52.

Création de pages Web accessibles Pour les concepteurs Web utilisant Dreamweaver qui

souhaitent créer du contenu accessible, Dreamweaver vous aide à créer des pages accessibles au contenu utile pour les lecteurs d’écran et en conformité avec les directives gouvernementales.

Dreamweaver propose des boîtes de dialogue vous invitant à entrer les attributs d’accessibilité lors de l’insertion d’éléments de page (voir Optimisation de l’espace de travail pour la conception de pages accessibles, page 56). Par exemple, la boîte de dialogue d’accessibilité aux images vous invite à entrer une description textuelle de chaque image. Ainsi, lorsque l’image s’affiche sur le système d’un utilisateur ayant des problèmes de vue, le lecteur d’écran lit la description.

Dreamweaver propose également des pages Web modèles conçues dans un souci d’accessibilité optimale (voir Création d’un document basé sur un fichier de conception Dreamweaver, page 76) et dispose d’un rapport d’accessibilité que vous pouvez exécuter pour vérifier si votre page ou votre site est conforme aux directives d’accessibilité de la Section 508 (voir Test de votre site, page 119).

Remarque : Néanmoins, aucun outil de création Web ne peut automatiser entièrement le processus de développement. Pour concevoir des sites Web accessibles, vous devez comprendre les exigences liées à l’accessibilité et devez prendre de nombreuses décisions faisant appel à votre subjectivité. Les concepteurs de sites Web ne doivent pas oublier de penser à la façon dont les personnes souffrant d’un handicap peuvent interagir avec les pages Web. La meilleure façon de s’assurer qu’un site Web est accessible est de respecter toutes les procédures de préparation, de développement, de tests et d’évaluation.

Dreamweaver et l’accessibilité 27

Fonction de validation d’accessibilité de Dreamweaver

La fonction de validation d’accessibilité de Dreamweaver MX utilise la technologie de UsableNet. UsableNet est l’un des principaux développeurs de logiciels simples d’utilisation permettant d’automatiser les tests de fonctionnalité et d’accessibilité et les corrections. Pour une assistance supplémentaire concernant les tests d’accessibilité, essayez le service UsableNet LIFT pour Macromedia Dreamweaver, une solution complète pour le développement de sites Web fonctionnels et accessibles. UsableNet Lift pour Macromedia Dreamweaver comprend un assistant de correction pour les tableaux, les formulaires et les images complexes, un éditeur ALT global, la génération de rapports personnalisés et un nouveau mode de contrôle actif qui assure l’accessibilité du contenu pendant la construction des pages. Demandez une version démo de Lift pour Macromedia Dreamweaver à l’adresse www.usablenet.com.

Guide des supports de formation à Dreamweaver

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

• Systèmes d’aide Dreamweaver, page 28

• Ressources du site Web Macromedia, page 29

• Ouvrages et formations supplémentaires, page 29

Pour tirer le meilleur parti des ressources de Dreamweaver, voir Par où débuter, page 20.

Remarque : Pour obtenir une liste des ressources HTML et Web, voir Ressources sur le langage HTML et les technologies Web, page 30.

Systèmes d’aide Dreamweaver

Les systèmes d’aide Dreamweaver sont accessibles via le menu Aide. 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).

L’aide de Dreamweaver comprend les systèmes d’aide suivants :

Le guide

Bien démarrer avec Dreamweaver a été conçu pour vous assister dans 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 didacticiels 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.

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

complètes sur toutes les fonctionnalités de Dreamweaver.

Extension de Dreamweaver fournit des informations relatives au modèle d’objet de document

de Dreamweaver.

Guide des API de Dreamweaver fournit des informations sur les API (interfaces de

programmation d’applications) qui permettent aux développeurs JavaScript et C de créer des extensions pour Dreamweaver.

28 Introduction : Bienvenue dans Dreamweaver

Rubriques connexes

• Ouvrages et formations supplémentaires, page 29

Ressources du site Web Macromedia

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

Le site Web Dreamweaver du centre de support de vous permet d’optimiser votre utilisation de

Dreamweaver. Le site Web du centre de support de Dreamweaver (www.macromedia.com/go/

dreamweaver_support_fr/) 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 plus techniques. Consultez régulièrement ce site Web pour trouver les toutes dernières informations sur Dreamweaver et apprendre à en tirer le meilleur parti.

Le Centre des développeurs de Macromedia, disponible à l’adresse www.macromedia.com/go/

developer_fr, propose entre autres des outils et des didacticiels pour tous les produits Macromedia.

Les forums en ligne de Dreamweaver vous permettent de discuter de problèmes techniques et d’échanger des informations utiles avec d’autres utilisateurs de Dreamweaver. Pour savoir comment accéder aux forums, consultez le site Web de Macromedia à l’adresse suivante :

www.macromedia.com/go/dreamweaver_newsgroup.

Des tableaux de raccourcis clavier relatifs à la configuration de Dreamweaver par défaut sont

disponibles sur le site Web de Macromedia à l’adresse suivante : www.macromedia.com/go/

dreamweaver_mx_shortcuts.

Rubriques connexes

• Systèmes d’aide Dreamweaver, page 28

Ouvrages et formations supplémentaires

Vous pouvez consulter d’autres ouvrages ou participer à d’autres formations pour vous aider à maîtriser encore mieux Dreamweaver ; vous trouverez également une documentation Dreamweaver au format PDF et imprimé, disponibles en ligne :

Les livres Macromedia Press permettent d’acquérir une meilleure maîtrise de Dreamweaver.

Consultez les ouvrages les plus récents rédigés par des experts sur le site Web de Macromedia à l’adresse www.macromedia.com/go/dw2004_help_mmp.

Macromedia Dreamweaver Training and Certification propose des tâches pratiques et des

scénarios réels. Vous avez le choix entre une formation avec un professeur ou une formation en ligne. Vous pouvez même combiner les deux solutions de façon à créer une véritable formation personnalisée. Développez vos connaissances sur le site Web Macromedia à l’adresse

www.macromedia.com/go/dreamweaver_training_fr.

Les fichiers PDF relatifs à Dreamweaver sont disponibles sur le CD fourni avec le produit et

regroupent l’ensemble de la documentation de Dreamweaver. Certains sujets de référence ne sont pas compris dans la version PDF de Utilisation de Dreamweaver ; pour plus d’informations sur ces sujets, voir Utilisation de Dreamweaver accessible via le menu Aide.

Guide des supports de formation à Dreamweaver 29

Les manuels Dreamweaver, non fournis avec le produit, sont disponibles à l’achat en ligne.

Pour acheter des exemplaires imprimés de la documentation de Dreamweaver, consultez le site Web de Macromedia à l’adresse suivante : www.macromedia.com/go/books_and_training/.

Rubriques connexes

• Systèmes d’aide Dreamweaver, page 28

• Ressources du site Web Macromedia, page 29

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.

Pour obtenir une liste complète des ressources proposées par Dreamweaver, voir Guide des supports

de formation à Dreamweaver, page 28.

Ressources sur le langage HTML et les technologies Web

Voici quelques ressources utiles disponibles sur le Web :

Remarque : Pour obtenir une liste des ressources proposées par Dreamweaver, voir Guide des supports de formation à Dreamweaver, page 28.

Les spécifications Cascading Style Sheets, niveau 1 (CSS1) niveau 2 (CSS2) (www.w3.org/TR/REC-CSS2/) sont des spécifications officielles des feuilles de

(www.w3.org/TR/REC-CSS1) et

style CSS, définies par le World Wide Web Consortium.

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

code HTML du World Wide Web Consortium.

Index DOT HTML (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 (www.w3.org/TR/xhtml1/) est la spécification officielle du langage

XHTML (Extensible HyperText Markup Language).

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

conseils sur le langage XML (Extensible Markup Language) et sur d’autres technologies Web.

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 (www.asp.net/) propose des informations sur ASP.NET.

La page JSP de Sun (http://java.sun.com/products/jsp/) propose des informations sur les pages

JSP (pages JavaServer).

30 Introduction : Bienvenue dans Dreamweaver

+ 784 hidden pages