Choix de la présentation
de l'espace de travail

     Lorsque vous lancez Dreamweaver pour la première fois dans Windows, une boîte de dialogue vous demande de choisir une présentation d'espace de travail. Vous pourrez choisir un autre type de présentation ultérieurement, à partir de la boîte de dialogue Préférences.



Pour choisir la présentation de l'espace de travail :

Sélectionnez l'une des options suivantes :

• Designer :

     Cette espace de travail est recommandé pour les utilisateurs novices, en effet, la réalisation de page web se fait visuellement. L'utilisateur aperçoit donc ce que son navigateur affichera. Cette option est très appréciable pour juger du rendu d'une page. Dans cette configuration, toutes les fenêtres de document et tous les panneaux sont rassemblés dans une grande fenêtre d'application, les groupes de panneaux étant ancrés sur la droite. C'est la présentation recommandée pour la plupart des utilisateurs.

• Espace de travail Codeur :

     Cette fois les groupes de panneaux sont ancrés sur la gauche. La fenêtre de document affiche le mode Code par défaut. Cette présentation est recommandée pour les utilisateurs habitués au codage manuel qui préfèrent travailler dans un espace de travail familier. Toutefois l'onglet Création permet de visualiser la page.

Remarque : Ces deux espaces de travail autorisent l'ancrage des groupes de panneaux à droite ou à gauche. Un clique maintenu sur la poignée d'ancrage précédant le titre d'un volet permet de le déplacer.



Ce choix s'avère sans réelle conséquence, puisque le passage du mode code au mode création se fait via des onglets. La seule différence réside donc dans l'afichage des panneaux, soit à gauche, soit à droite. Personnellement, je m'en passe donc ça n'a que peu d'importance.

Présentation des fenêtres
et des panneaux

La page de démarrage permet d'ouvrir un document récent ou de créer un nouveau document. Elle contient également des informations complémentaires sur Dreamweaver (présentation du produit, didacticiels). La plupart des langages sont présentés et les dix derniers fichiers sauvegardés sont à disposition.



La barre Insérer contient des boutons permettant d'insérer divers types d'« objets », (images, tableaux, calques, code, flash). Chaque objet est une portion de code HTML vous permettant de définir des attributs lors de son insertion. Cette barre est un raccourci du menu Insertion permettant via l'option favoris, de garder à disposition les types de fichiers les plus souvent utilisés.

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, la détection des erreurs de codage ou d'activer ou désactiver certaines assistances visuelles.

La fenêtre de document affiche le document que vous créez et modifiez.

L'inspecteur de 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, tels la police d'écriture, les dimensions d'une image, l'alignement d'un texte, le lien d'un bouton, etc.

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. Ces panneuax permettent de gérer les CSS, les applications (php/mysql), les balises, etc. 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.

Le panneau Fichiers vous permet de gérer vos fichiers et dossiers, qu'ils fassent partie d'un site Dreamweaver ou qu'ils se trouvent sur un serveur distant. Il permet également d'accéder à tous les fichiers stockés sur votre disque local, tout comme l'Explorateur Windows. Idéal pour gérer un site, même en local.

Dreamweaver propose de nombreux autres inspecteurs, panneaux et fenêtres qui ne sont pas illustrés ici, tels que le panneau Styles CSS et l'inspecteur de balises. Pour ouvrir les panneaux, inspecteurs et fenêtres Dreamweaver, utilisez le menu Fenêtre.

Présentation des menus

Le menu Fichier et le menu Edition contiennent des éléments de menu standard, tels que Nouveau, Ouvrir, Enregistrer, Enregistrer tout, Couper, Copier, Coller, Annuler et Rétablir. Le menu Fichier contient également plusieurs autres commandes permettant d'afficher un aperçu du document dans un navigateur, d'imprimer du code, d'importer des *.doc, d'exporter des CSS, par exemple. Le menu Edition inclut des commandes de sélection et de recherche, telles que Sélectionner balise parente et Rechercher et Remplacer. Le menu Edition permet également d'accéder aux préférences.

Le menu Affichage permet de modifier l'affichage du document (mode Création ou mode Code, par exemple) et d'afficher ou de masquer plusieurs types d'éléments de page, d'assistants visuels, ainsi que les différents outils et barres d'outils de Dreamweaver tels grilles, repères...

Le menu Insertion et la barre Insérer permettent d'insérer des objets dans votre document (image, flash, commentaire, date, liens, codage php, etc).

Le menu Modifier permet de modifier les propriétés de l'élément sélectionné. Vous pouvez l'ouvrir pour modifier les attributs de balises, des tableaux et leurs éléments et effectuer diverses opérations avec les éléments de bibliothèque et les modèles. Le menu Modifier permet également d'appeller un autre logiciel pour modifier une animation, une vidéo ou une image.

Le menu Texte permet de formater facilement le texte (police, taille, graisse, couleur ou via les CSS).

Le menu Commandes propose une commande de formatage du code qui tient compte de vos préférences de formatage, une commande de création d'album photos et une commande d'optimisation des images dans Macromedia Fireworks.

Le menu Site contient des éléments de menu permettant de gérer vos sites et de télécharger des fichiers vers ou en provenance d'un serveur distant.

Le menu Fenêtre permet d'accéder à tous les panneaux, inspecteurs et fenêtres de Dreamweaver tels CSS, Inspecteur de balises, gestionnaire de fichier, etc.

Le menu Aide permet d'accéder à la documentation de Dreamweaver, aux systèmes d'aide relatifs à l'utilisation de Dreamweaver et à la création d'extensions pour Dreamweaver, ainsi qu'à des références pour plusieurs langages et des liens vers les principaux sites de Macromedia ciblant particulièrement Dreamweaver.

Outre les menus de la barre de menus, Dreamweaver propose plusieurs menus contextuels qui permettent d'accéder rapidement à des commandes utiles en rapport avec la zone ou la sélection courante. Pour afficher un menu contextuel, cliquez avec le bouton droit de la souris sur un élément qui vous intéresse dans une fenêtre, sur un objet ou sur une icône.

Commentaires

Laissez un commentaire sur cet article :

Nom / Pseudo *

Courriel *

Site Web / Blog *

Commentaire :

Se souvenir de mes informations *



Recopiez le code ci-dessus :


Aperçu du commentaire :

* : respect de la vie privée