MACROMEDIA DREAMWEAVER MX 2004-UTILISATION DE DREAMWEAVER Manuel utilisateur

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.

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

3

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

4 Table des matières

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

Table des matières 5

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

6 Table des matières

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

Table des matières 7

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

8 Table des matières

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 tiers388

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

Table des matières 9

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

10 Table des matières

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

Table des matières 11

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

12 Table des matières

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

Table des matières 13

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

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

17

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

18 Introduction : Bienvenue dans Dreamweaver

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.

Nouveautés de Dreamweaver MX 2004 19

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.

20 Introduction : Bienvenue dans Dreamweaver

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 :

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

avec Dreamweaver, accessible via le menu Aide.

2Dans 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.

3Lisez 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.

La page charge ...

MACROMEDIA DREAMWEAVER MX 2004-UTILISATION DE DREAMWEAVER Manuel utilisateur

Ce manuel convient également à

MACROMEDIA DREAMWEAVER MX 2004-UTILISATION DE DREAMWEAVER Manuel utilisateur

Documents connexes

Autres documents