Exploration de la nouvelle interface Dreamweaver MX 2004

Avec Dreamweaver MX, Macromedia ColdFusion et HomeSite intégré dans une interface unique, puissante, si vous aviez le choix de travailler avec cette nouvelle interface ou avec l'ancienne interface de Dreamweaver 4 (ou, dans le jargon de Macromedia, espace de travail). Avec Dreamweaver MX 2004, Macromedia Dreamweaver 4 chuté espace de travail et vous permet de choisir à partir de seulement deux versions de l'espace de travail Dreamweaver: style Designer et HomeSite / Coder-Style.

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 façon dont vous voulez que votre espace de travail mis en place. Vous avez deux options:

• Designer: Le WYSIWYG (What You See Is What You Get) interface, ce qui montre la page que vous travaillez sur un peu comme il serait dans un navigateur Web. Ce style est plus approprié pour les novices conception Web travaillant sur des pages HTML de base.

• HomeSite / Coder-Style: Le style qui montre la page que vous travaillez sur un document que de texte modifiable, ce qui est approprié pour les codeurs expérimentés et pour les pages sur lesquelles vous êtes édition (ColdFusion Markup Language CFML) ou tout autre code dynamique.

Présentation de la nouvelle page de démarrage

Après que vous avez 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, vous verrez quelque chose de nouveau à Dreamweaver: une page de démarrage. La page de démarrage vous permet d'effectuer les tâches suivantes avec un simple clic de votre souris:

• Ouvrir les pages que vous avez récemment révisé: Il vous suffit de cliquer sur le nom du fichier de la page que vous souhaitez ouvrir.

• Créer une nouvelle page dans l'un des sept formats: Il vous suffit de cliquer sur le type de page que vous souhaitez créer, à partir de HTML de base à ColdFusion (CFML) de CSS (Cascading Style Sheet).

• Créer un nouveau site Dreamweaver: Cliquez sur l'icône Dreamweaver site (dans la colonne Nouveau) pour ouvrir l'assistant de définition de site, qui vous guide à travers le processus de mise en place de l'emplacement du répertoire, informations FTP, la technologie de serveur (le cas échéant), et plus pour votre site Web.

• Créer une nouvelle page basée sur les échantillons intégrés de Dreamweaver: Cliquez sur une option dans la colonne Créer à partir d'échantillons pour ouvrir la boîte de dialogue Nouveau document et de choisir parmi les options de formatage prédéfinis pour ce type de page.

La page de démarrage vous donne également un accès rapide à un tour rapide et un ensemble de tutoriels pour Dreamweaver, et à la page de Dreamweaver Exchange de Macromedia, où vous pouvez trouver beaucoup de widgets astucieux qui étendent les capacité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 sélectionnant le Ne plus afficher case à cocher dans le coin inférieur gauche de la page.

Présentation de la fenêtre de document

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

• Conception vue: La vue graphique de votre document. Vous pouvez sélectionner ce point de vue en choisissant Affichage -> Conception.

• Affichage de code: Cette vue montre le code sous-jacent de votre document. Vous pouvez sélectionner ce point de vue en choisissant Affichage-> Code.

• Vue partagé: Comme vous pouvez vous attendre, cela est une vue de l'écran partagé qui comprend à la fois les fenêtres Code et Création. Vous pouvez sélectionner ce point de vue en choisissant Affichage -> Code et création.

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

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

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