Dreamweaver est un éditeur WYSIWYG (what you see is what you get, ce que vous voyez est ce que vous obtenez) 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é, Dreamweaver propose des outils qui vous aideront à créer des applications Web. Ce logiciel est édité par Macromedia.

Les fonctions d’édition visuelle de Dreamweaver vous permettent de créer rapidement des pages sans rédiger une seule ligne de code. Si vous préférez faire appel au codage manuel, Dreamweaver intègre également de nombreux outils et fonctions de codage. Avec Dreamweaver, vous pouvez créer des applications Web dynamiques reposant sur des bases de données à l’aide de langages serveur tels que ASP, ColdFusion, JSP et PHP.

Connaissances requises
Pour utiliser ce logiciel, vous devez connaître les bases du langage HTML ainsi que les contraintes liées à la création de documents sur Internet.

Fenêtre principale

Barres d’outils

Barres Insertion
contient des boutons permettant d’insérer divers types d’« objets », tels que des images, tableaux et calques dans un document. Chaque objet est une portion de code HTML vous permettant de définir des attributs lors de son insertion. Par exemple, vous pouvez insérer une image en cliquant sur l’icône Image dans la barre Insertion. Si vous le préférez, vous pouvez insérer les objets à partir du menu Insertion.

La barre d’outils du document
contient des boutons et des menus déroulants permettant d’accéder aux différents modes d’affichage de la fenêtre du document (tels que le mode Création ou le mode Code), de définir les différentes options d’affichage et d’effectuer certaines opérations courantes, telles que la prévisualisation dans un navigateur.

Inspecteur des propriétés
permet de visualiser et de modifier diverses propriétés de l’objet ou du texte sélectionné. Chaque objet contient des propriétés différentes. Par défaut, l’inspecteur de propriétés n’est pas développé dans la présentation de l’espace de travail Style Codeur.

Le sélecteur de balises
au bas de la fenêtre de document, affiche la hiérarchie des balises entourant la sélection courante en mode Création. Cliquez sur une balise quelconque dans la hiérarchie pour la sélectionner avec son contenu. Le sélecteur de balises n’est pas visible en mode Code ; il n’est donc pas visible par défaut dans l’espace de travail Style Codeur.

Les groupes de panneaux
sont des ensembles de panneaux associés regroupés sous un même titre. Pour développer un groupe de panneaux, cliquez sur la flèche d’agrandissement située à gauche du nom du groupe ; pour détacher un groupe de panneaux, faites glisser la poignée d’ancrage sur le côté gauche de la barre de titre du groupe.