2. Adobe
  3. DREAMWEAVER MX 2004-UTILISATION DE DREAMWEAVER

Adobe DREAMWEAVER MX 2004-UTILISATION DE DREAMWEAVER, Dreamweaver MX 2004 Manuel utilisateur

  • Bonjour, je suis votre assistant IA. J'ai parcouru le manuel d'utilisation de Dreamweaver MX 2004. Ce document traite de la création et de la gestion de sites web, de l'édition de pages, de l'ajout de contenu, du codage et de l'intégration avec d'autres applications. Je suis prêt à répondre à vos questions sur toutes ces fonctionnalités et plus encore.
  • Comment configurer un nouveau site Dreamweaver?
    Comment puis-je importer un document Microsoft Word?
    Quelles sont les différentes vues de travail que propose Dreamweaver?
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/.
Navigateur Opera ® Copyright © 1995-2002 Opera Software ASA et ses fournisseurs. Tous droits réservés.
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
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.
/