Bien d?marrer avec Dreamweaver MX 2004

Introduction

Une chose est sûre avec Dreamweaver MX 2004 : vous pourrez travailler plus vite. En effet, plusieurs choses ont été ajoutées ou améliorées pour vous permettre de travailler plus simplement et gagner du temps dans le développement de vos projets. Voici quelques exemples de ce que vous pouvez faire pour optimiser votre utilisation du logiciel.

Menu Insertion : Onglets ou menu

Le nouveau panneau Insertion se présente sous la forme d'un menu. Cela vous rapellera peut-être Dreamweaver 4. Vous pouvez naviguer dans les catégories de ce panneau en cliquant sur le menu.

Mais si ce mode de navigation ne vous convient pas, n'hésitez pas à revenir à l'ancienne présentation, sous forme d'onglets en cliquant en bas de ce menu sur "Afficher en tant qu'onglets".

De plus, n'hésitez pas à utiliser le nouvel item Favoris, expliqué ici , qui vous permettra de regrouper vos objets le plus utilisés.

Panneau d'accueil

accueil

Sans doute une chose que vous aurez déjà remarqué si vous avez déjà démarré cette version MX 2004, c'est la panneau d'accueil. Très pratique, il vous permet plusieurs choses :

- Ouvrir un élément récent : Dreamweaver vous liste l'ensemble des derniers fichiers ouverts avec Dreamweaver. Cela vous sera sans doute très utile, particulièrement si vous avez l'habitude de travailler avec de nombreux dossiers ou si vous avez plusieurs versions de vos fichiers.

- Créer : De la même manière que si vous faisiez CTRL + N, vous avez accès à la création de nouveaux fichiers.

- Créer à partir d'exemples : Dreamweaver comprend plusieurs templates préfabriqués de pages, feuilles de styles etc,. que vous pouvez utiliser pour créer vos propres fichiers.

- Supplément : Vous avez accès à Dreamweaver Exchange, l'interface sur le site de Macromedia vous permettant de rechercher et télécharger des extensions Dreamweaver.

- Aide : Vous avez accès à la présentation en ligne de Dreamweaver MX 2004 et aux didacticiels inclus dans le logiciel.

- Infos : cette petite animation Flash est dynamique et donc Macromedia vous informe par ce biais.

Vous pouvez simplement désactiver l'affichage automatique de cette fenêtre si vous ne la trouvez pas utile en cochant la case "Ne plus afficher".

Note : ce panneau est un fichier HTML simple, compris dans le dossier de configuration de Dreamweaver. Il sera donc simple de le modifier à sa guise. On devrait donc éventuellement voir des extensions permettant d'y ajouter des options.

Prise en charge par les navigateurs

Dreamweaver MX 2004 permet de vérifier si votre code est compatible avec les navigateurs, directement lorsque vous insérez des fonctions, objets ou même tapez du code dans la page. Il convient donc de paramétrer cela avant de commencer à travailler.

Dans le panneau Insertion, vous retrouverez le bouton correspondant, cliquez dessus pour faire apparaître le menu suivant :

prise

Cliquez sur Paramètres, la fenêtre suivante s'affiche :

navigateur

Vous pourrez alors choisir les navigateurs à cibler en cliquant dans la case correpondant. Ensuite, choisissez la version du navigateur à vérifier. Cliquez sur OK.

Ensuite, vous pourrez simplement voir dans le code ce qui ne convient pas aux navigateurs ciblés. Par exemple :

code

Copier-coller depuis Office

Si vous travaillez souvent avec des documents Microsoft Office comme Word ou Excel pour ajouter du contenu dans votre site, cette nouvelle fonctionnalité va sans doute vous plaire. En effet, elle vous permet de copier coller du contenu d'un de ces logiciels dans vos pages en conservant la mise en page, les couleurs... De plus, le code généré par Dreamweaver est propre et donc plus pratique que d'utiliser l'export en HTML d'un des outils Office.

Pour utiliser cette option correctement, nous allons la paramétrer en fonction de ce qu'on s'en servira. Allons dans les préférences : Menu Edition > Préférences.

Dans la partie "Copier/Coller depuis Office", vous pouvez choisir comment gérer cette option.

office

Si vous utilisez ces documents souvent, uniquement dans le but d'insérer du contenu, choisissez "Insérer le contenu". Si vous avez l'habitude de mettre en téléchargement ces fichiers, préfèrez "créer un lien". Si vous ne savez pas, laissez sur "Me demander à chaque fois".

Ensuite, vous pouvez tester en glissant un fichier Microsoft Word par exemple dans une page, Dreamweaver posera le contenu du fichier tel qu'il est.

Mise en forme CSS

Sans doute la fonctionnalité qui fait le plus avancer le logiciel, c'est la création de styles directement en CSS. En effet, jusqu'à la version MX, Dreamweaver appliquait vos styles de texte avec des balises font, qui sont devenues obsolètes en HTML 4.01. Désormais, vous pouvez lui laisser créer ces styles en CSS, et ainsi les réutiliser plus facilement, les exporter...

La création par feuilles de styles de cette manière est paramétrée par défaut. Par contre, si pour n'importe quelle raison, vous ne souhaitez pas les utiliser, allez dans les préférences du logiciel, partie "Général".

css0

css

Ensuite, décochez la case "Utiliser des balises CSS au lieu de balises HTML".

Si vous ne savez pas à quoi cela correspond, il est conseillé de laisser tel quel. En effet, lorsque vous apprendrez à vous servir des styles CSS dans Dreamweaver, vous trouverez cela très pratique.

Fichiers au démarrage

Une petite astuce si vous travaillez sur un nombre limité de page et de manière régulière : ne les fermez pas lors de la fermeture de Dreamweaver (mais n'oubliez pas de les enregistrer tout de même). En effet, Dreamweaver MX 2004 conserve en mémoire les fichiers ouverts lors de la dernière fermeture du logiciel et les ré-ouvre ensuite. Ainsi, vous pourrez au démarrage retrouver l'ensemble des fichiers sur lesquels vous travailliez avant, pour donc recommencer votre travail plus rapidement.

Ce tutorial a été réalisé pour Flashxpress et est également disponible ici : Bien démarrer avec Dreamweaver MX 2004 sur Flashxpress

Retour aux tutoriaux