Exploration de la nouvelle interface Dreamweaver MX 2004 - mannequins

Avec Dreamweaver MX, Macromedia a intégré ColdFusion et HomeSite dans une seule et même interface puissante. choix de travailler avec cette nouvelle interface ou avec l'ancienne interface Dreamweaver 4 (ou, dans le langage Macromedia, espace de travail). Avec Dreamweaver MX 2004, Macromedia a supprimé l'espace de travail Dreamweaver 4 et vous permet de choisir parmi deux versions seulement de l'espace de travail Dreamweaver: Style Designer et Style HomeSite / Coder.

Sélection d'un espace de travail au démarrage

Lorsque vous démarrez Dreamweaver pour la première fois, vous êtes invité à choisir la manière dont vous souhaitez configurer votre espace de travail. Vous avez deux options:

• Designer: L'interface WYSIWYG (ce que vous voyez est ce que vous obtenez), qui montre la page que vous travaillez sur un peu comme dans un navigateur Web. Ce style est plus approprié pour les novices de conception Web travaillant sur des pages HTML de base.

• HomeSite / Coder-Style: Le style qui affiche la page sur laquelle vous travaillez en tant que document texte modifiable, qui convient aux codeurs expérimentés et aux pages sur lesquelles vous éditez ColdFusion Markup Language (CFML) ou autre code dynamique.

Présentation de la nouvelle page de démarrage

Après avoir sélectionné un espace de travail, lorsque vous lancez Dreamweaver en double-cliquant sur son icône sur le bureau ou en le sélectionnant dans le menu Démarrer de Windows, Dreamweaver apporte des nouveautés: une page de démarrage. La page de démarrage vous permet d'effectuer les tâches suivantes en un seul clic:

• Ouvrir les pages que vous avez récemment modifiées: Cliquez simplement sur le nom de fichier de la page que vous voulez ouvrir.
• Créez une nouvelle page dans l'un des sept formats suivants: Cliquez simplement sur le type de page que vous voulez créer, du format HTML basique à ColdFusion (CFML) au format CSS (feuille de style en cascade).
• Créer un nouveau site Dreamweaver: Cliquez sur l'icône du site Dreamweaver (dans la colonne Créer nouveau) pour ouvrir l'assistant de définition de site, qui vous guide dans la configuration du répertoire, des informations FTP et de la technologie serveur (le cas échéant), et plus pour votre site Web.
• Créez une nouvelle page basée sur les exemples prédéfinis de Dreamweaver: Cliquez sur une option dans la colonne Créer à partir d'échantillons pour ouvrir la boîte de dialogue Nouveau document et choisir parmi les options de formatage prédéfinies pour ce type de page.

La page de démarrage vous permet également d'accéder rapidement à une visite rapide et à un ensemble de didacticiels pour Dreamweaver et à la page Dreamweaver Exchange de Macromedia, où vous trouverez de nombreux widgets utiles qui étendent les fonctionnalités de Dreamweaver.

Si vous trouvez la page de démarrage incompatible avec vos méthodes de travail, vous pouvez l'empêcher d'apparaître dans le futur en cochant la case Ne plus afficher à nouveau dans le coin inférieur gauche de la page.

Présentation de la fenêtre de document

L'espace de travail principal de Dreamweaver est la fenêtre de document, qui s'affiche automatiquement lorsque vous ouvrez une page dans Dreamweaver. Dans la fenêtre de document, vous construisez vos pages Web individuelles à l'aide de panneaux et de boîtes de dialogue pour formater votre travail. Les trois vues principales dans Dreamweaver sont les suivantes:

• Vue de conception: La vue graphique de votre document. Vous pouvez sélectionner cette vue en choisissant Affichage -> Conception.
• Affichage du code: Cette vue affiche le code sous-jacent de votre document. Vous pouvez sélectionner cette vue en choisissant Affichage-> Code.
• Vue partagée: Comme vous pouvez vous y attendre, il s'agit d'une vue d'écran partagé qui inclut les fenêtres Code et Design. Vous pouvez sélectionner cette vue en choisissant Affichage -> Code et conception.

Vous pouvez basculer facilement entre ces vues à tout moment en cliquant sur les boutons correspondants en haut à gauche de la fenêtre de document.

Lorsque plusieurs documents sont ouverts sur un site, vous pouvez sélectionner le document sur lequel vous souhaitez travailler en cliquant sur le nom du document en haut de la fenêtre Document de Dreamweaver. Vous pouvez également cliquer sur l'onglet Site du panneau Fichiers pour travailler sur un site entier.

La barre d'insertion se trouve directement sous le menu principal de Dreamweaver. Il vous donne un accès rapide à huit ensembles de boutons que vous pouvez utiliser pour insérer tout de tables à des films Flash pour former des éléments dans votre page. Pour sélectionner l'une des huit catégories, cliquez sur le nom de la barre d'insertion (Commun, Mise en page, etc.) et choisissez une nouvelle catégorie dans la liste déroulante.