Astuces DreamWeaver

Importation/Exportation d'un site (Pas FTP)

Sous DreamWeaver, vous pouvez sauvegarder un nombre conséquent d'informations relatives à votre site Web. Ces informations sont enregistrée dans un document .ste contenant sous forme XML. Ce document est très utile dés lors que vous souhaitez créer une copie de sauvegarde des informations propres à votre site ou bien que vous souhaitez les communiquer à d'autres personnes dans le cadre d'un travail collaboratif. Ces informations sont relatives aux réglages de votre site et incluent entre autre les données FPT, les infos locales comme le nom du site et le dossier racine, et les Design Notes pour le travail collaboratif.
Si vous souhaitez créer une copie de ces infos, cliquez sous DreamWeaver sur Site/Gérer les sites… Dans la boite de dialogue, sélectionnez le site à traiter puis cliquez sur le bouton Exporter… La boite de dialogue Exporter le site vous permet de choisir un emplacement de destination du fichier .ste. Appuyez alors sur le bouton Enregistrer pour valider votre choix. Lorsque vous avez personnalisé l'accès autre que sur Aucun, une boîte de dialogue préalable à l'enregistrement vous propose de conserver ou non les codes d'accès FTP. Choisissez selon que vous souhaitiez ou non transmettre ces données. Dans tous les cas, le mot de passe d'accès est chiffré dans le document .ste résultant. Il est nécessaire de disposer de DreamWeaver pour l'activer. Ce document est consultable avec un éditeur de texte. pour récupérer ce type d'info pour votre site, réalisez la procédure inverse en appuyant sur le bouton Importer… de la boite de dialogue Gérer les sites. Attention: aucun fichier du site n'est sauvegardé pendant cette opération.

Compatibilité entre les éditeurs.

Depuis que FrontPage est en mesure de créer des modèles Web dynamiques, il peut sans problème communiquer avec DreamWeaver: que ce soit pour une compatibilité entre différents intervenants, ou bien parce que vous même travaillez avec ces deux produits. Ici, il est conseillé de travailler à la sauce Macromédia/Adobe, à savoir posséder un dossier nommé Templates, dans lequel vous placerez systématiquement les modèles réalisés sous FrontPage. En effet, si FrontPage n'attache pas d'importance à l'endroit ou se situe les modèles, DreamWeaver et lui, très tatillon sur ce point. En conséquence, si vous possédez un dossier contenant tous vos modèles sous FrontPage, renommez le dans le logiciel, et placez le à la racine de votre site. Sous DreamWeaver, vous pourrez sans problème utiliser les commandes relative au sous menu Modèles du menu Modifier.

Compter les occurrences

Si vous souhaitez établir une comptabilité et que vous ne disposez de rien d'autre que DreamWeaver, vous pouvez exploiter la commande Rechercher et remplacer… du menu Après Il suffit pour cela d'avoir au moins utilisé les styles avec intelligence ou en tous cas connaître le HTML. En effet, si je veux connaître l'ensemble des astuces disponible dans ma page, il me faut les avoir personnalisées un minimum. Ici, je me contenterais de connaître le nombre de balise <H4> seulement utilisées dans les titres d'astuces. Ainsi, je clique sur Après/Rechercher et remplacer… Dans le champ Rechercher, utilisez la commande Balise spécifique et précisez cette dernière dans le champ situé à droite (H4 ici). Dans le champ Action utilisez l'option Supprimer la balise. Appuyez ensuite sur le bouton Remplacer tout.

Sitôt terminé, regardez au bas de la fenêtre Résultat, DreamWeaver y indique le nombre d'opérations effectuées. Cliquez ensuite sur Après/Annuler pour retrouver l'état antérieur de votre document et exploitez la valeur trouvée comme bon vous semble (58 occurrences = 58 titres H4 dans cet exemple).

Assistance de largeur de table (MX 2004)

Je sais pas pour vous, mais pour moi c'est casse pied cet affichage parasite qui vient vous donner l'impression de travailler en Mode mise en forme (Ctrl+F6)dès que vous essayez de redimensionner un tableau ou une cellule. Et bien cela se retire. Cliquez sur Affichage/Assistances visuelles/Largeur des tables. Et hop !terminé les parasites visuels.

Correction de code (MX)

Attention, ça fait mal surtout la première fois. Un simple attribut <bold> patiemment mis en place dans une feuille de style devenait inactif sous DreamWeaver 4 faute à l'attribut <strong> mais là c'est pire, c'est du <span> qui est mis en place. Donc direction les préférence : Edition/Préférences rubrique Général. Décochez l'option Utilisez <strong> … et faites la même chose pour utiliser les balises Css… a moins que tout ça soit préférable, pour vous.

Listes de favoris

Pratique pour ceux qui souhaitent établir des index de sites dans leur propre site. Pour cela, avec Internet Explorer, enregistrez vos favoris préférés dans un dossier particulier (partenaires par exemple).Une fois vos favoris hiérarchisés allez dans le menu Fichier de votre navigateur (Internet Explorer) puis cliquez sur la commande Importer et exporter. Là il ne vous reste plus qu'a suivre l'assistant. Dans votre éditeur HTML ouvrez le fichier obtenu et automatiquement nommé bookmark.htm par l'assistant sous IE.

Forcer les raccourcis

Sous DreamWeaver, la personnalisation des raccourcis est parfois délicate mais vous pouvez la forcer… dans tous les cas ! Par exemple, si comme moi vous utilisez la touche Tab pour masquer/afficher vos palettes à la sauce Adobe et bien procédez comme suit :
Dans le menu Edition cliquez sur la commande Raccourcis clavier.  Dans la liste de commandes prenez Commandes de menu et repérez la ligne Affichez les panneaux. Supprimez le raccourcis existant et cliquez dans le champ Appuyer sur la touche. Si vous pressez la touche Tab directement ça ne fonctionne pas, pressez alors simultanément Ctrl+Tab (par exemple) puis sélectionnez Ctrl+ puis sur cette sélection effectuez un clic droit pour choisir la commande Couper du menu contextuel. Cliquez ensuite sur le bouton Changer, et c'est tout !

Fragments de code (MX)

Nouveau panneau de DreamWeaver MX, les fragments de code (Fenêtre/Fragments de code), permettent d' enregistrer des petits morceaux couramment utilisés sous MX et ré exploitable par cliquer déposé ! Pour ce faire créez un objet puis ouvrez le panneau idoine, sélectionnez l' objet concerné directement en création ou en code HTML puis dans la palette cliquez sur et nommez le fragment. Plus tard, et si nécessaire glissez ce dernier dans la page et voilà !

Options de panneaux (MX)

Voyez cette icône à l'extrême droite de vos panneaux, elle offre des fonctions intéressantes comme le regroupage de panneaux ou le changement de nom du dit panneau. Dans le panneaux Propriétés vous trouverez la possibilité d'afficher les propriétés HTML ou AltGr Gr Ceci est d'autant plus utile que le panneaux AltGr Gr n'à plus à être à l'écran et en plus c'est rapide. lorsque le mode HTML est actif vous verrez l'icône , pour le mode AltGr vous verrez . Cliquer sur l'une de ces deux icônes passe dans le mode inverse !

TMP~ à la poubelle (MX)

Pas trop tôt ! Pour permettre l'affichage des pages en mode test,  Dreamweaver avait la désagréable habitude de créer un fichier temporaire… qui devenait vite permanent, qu'il allait même jusqu'a télécharger par FTP. Dans les préférences de MX (Éditions/Préférences catégorie Général) vous pouvez décocher comme ça vous êtes débarrassés des fichiers encombrants.

Strong et &nbsp; (MX)

Deux options importantes que vous trouverez dans les préférences de MX Éditions/Préférences… catégorie Général). La première vous donne la possibilité de réaliser des espaces consécutive plutôt que de faire des insécables (le code reste le même!). La seconde qu'il est important de connaitre est le remplacement par défaut de <G> par <Strong> et <I> par <EM>. En soit c'est un bien par rapport aux nouvelles normes sauf que si dans votre site des styles sont attribués aux première balises, ils ne s'appliqueront pas aux secondes !

Centrage vertical sur une page

Vous voulez sur votre page d'accueil centrer le contenu de celle ci verticalement, de sorte que quelque soit la définition, le contenu est toujours au centre. C'est simple, dans un premier temps retirez les marges de votre page menu Modifier/Propriétés de la page… puis mettez 0 dans les champs de marge. Créez un tableau d'une cellule et d'une colonne. Sélectionnez le tableau puis dans la palette de propriétés demandez un alignement horizontal de ce dernier. Précisez aussi une largeur et une hauteur de 100% dans la même palette. C 'est tout ! Il suffit maintenant de placer vos élément dans ce tableau. NB : Par défaut le contenu d'une cellule est centré dans celle ci de manière verticale, néanmoins précisez à cette dernière "centrer" plutôt que" par défaut".

FTP délicat

Bon je vais pas revenir sur la qualité du FTP de DreamWeaver, je vous conseille pour ma part FTP expert 2 mais passons ! En mode FTP lorsque vous êtes connectés impossible de renommer un fichier ou un dossier ni même une image par le traditionnel clic droit, ni même par la touche F2 fonctions indisponibles dans les fichiers distants. Néanmoins cliquez 2 fois consécutives sur l'élément à renommer mais pas trop rapidement (sinon c'est un double clic !) et là ça marche. N'est pas développeur qui veux ;-)

Calques impossibles

Dans la version 4 de DreamWeaver une nouvelle façon de créer des tableaux apparaît : le mode mise en forme. Il est possible que par erreur ou pour tout autre raison vous ayez appuyé sur l'outil dans la palette d'objets or l'icône de calques devient dans ce cas inactive ! En conséquence réagissez vite.

copie de feuilles de styles (Dreamweaver)

Un site vous plait pour sa mise en forme ? Sous IE allez dans le menu affichage/source. Repérer la ligne <link rel="stylesheet" href="xxx.css" type="text/css"> sélectionnez xxx.css et réalisez un Ctrl+C. Dans la barre d'adresse cliquez après l'adresse du site ajoutez un slash (/) puis faites Ctrl+V. Appuyez sur Entrée, le fichier est téléchargé sur votre machine et ouvert dans votre éditeurs HTML par défaut ou éditeur de texte. Attention le fait de copier la feuille de style d'un autre site, si il ne constitue pas une infraction en soit ne doit pas être pour autant légitime aussi montrez vous courtois envers son auteur et informez le!!

DreamWeaver sur des fichiers sélectionnés

Dreamweaver n'offre pas la possibilité d'une liaison de feuille de style sur une sélection. Dommage la concurrence le fait. Néanmoins cela peut être résolu. En effet repérez dans le code HTML, entre les balises <head> et </head> le code suivant <link rel="stylesheet" href="xxx.css" type="text/css"> ou xxx est le chemin vers votre feuille de style faite ensuite un Ctrl+C (copier). Puis dans la fenêtre des fichiers du site sélectionnez les pages dont le lien de feuille de style doit être modifié (utilisez la touche Ctrl avant de cliquer sur les fichiers s'ils sont non consécutifs). Toujours dans la même fenêtre allez dans le menu Edition puis sur Rechercher et remplacer… (Ctrl+F). Dans la rubrique Rechercher dans choisissez Fichiers sélectionnés, dans la rubrique rechercher choisissez code source et dans la zone de saisie faites le Ctrl+v ! Dans la rubrique Remplacer par faites là aussi un Ctrl+V mais changez le nom et chemin de la feuille de style (remarquez que ce menu peut rester ouvert et vous pouvez continuer à travailler aussi ouvrez le fichier avec le code modifié, allez dans le HTML et copiez puis collez dans la rubrique remplacer par le nouveau chemin de votre feuille de style). Ok ça peu paraître barbare mais c'est le seul moyen dans Dreamweaver (et en plus ça va très vite !).

Modèles en copie

Imaginez : vous avez des modèles qui doivent avoir le même aspect mais des feuilles de styles différentes (c'est un exemple !). Aussi dans ce cas il serait souhaitable de dupliquer votre modèle de base or, et c'est étonnant, Dreamweaver ne le permet pas dans sa palette d'actifs à croire qu'en copiant Après ils aient fait une boulette (si, si). Par les menus c'est le même résultat. C'était sans compter sur votre capacité à contourner cela. En effet, via le menu Site demandez les Fichiers du site (F8 par défaut). Repérez le dossier Templates (il faut un modèle au moins dans votre site), cliquez sur votre modèle à copier puis faite Ctrl+C et dans la foulée Ctrl+V. Ne vous reste plus qu'à modifier le nom (attention à l'extension !!) puis à éditer ce dernier pou modifier (toujours pour l'exemple) le lien vers la feuille de style.

Édition de feuilles de styles

Par défaut DreamWeaver édite ses feuilles de style dans son menu qui si il est pratique se trouve très limité. En effet si (par exemple) tout vos titres doivent être de la même couleur la feuille de style serait H1{couleur}, H2{couleur},H3… or elle devrait être sous cette forme H1, H2, H3 {couleur}. Impossible à réaliser sous DreamWeaver même en double cliquant directement sur le fichier DreamWeaver (cascade style sheet). Sauf si vous paramétrez l'édition de vos feuilles dans un éditeur de texte pour les modifier. Pour ce faire allez dans le menu Édtion/Préférences… et choisissez la rubrique type de Fichiers/Éditeurs. Appuyez sur le de la rubrique extensions et saisissez .css puis cliquez sur le éditeurs et indiquez le chemin pour votre éditeur de texte (notepad par exemple ) dans le dossier Windows/Notepad.exe. Maintenant un double clic vous permet d'ouvrir non pas une boite de dialogue limitée mais un éditeur de texte efficace !

Alt constant

La faute à DreamWeaver vos concurrence de lien ne fonctionnent qu'une seule fois ! En effet la couleur du lien visité est définitive si bien que l'internaute qui survole une nouvelle fois ce lien (alors qu'il l'a déjà cliqué) ne verra pas celui ci changer de couleur. Dommage ! Aussi pour résoudre ce problème il faut, après que vous ayez déjà défini les 3 types de sélecteurs Dreamweaver : a:link (couleur de liens), a:visited (liens visité) et a:hover (liens survolé). Il faut que a:visited et a:link aient les mêmes attributs pour commencer ! Puis éditez la feuille de style dans un éditeur (c'est impératif !) Faites en sorte que l'ordre soit le suivant : 1) a:link, 2)a:visited, 3)a:hover. Ainsi que le lien soit visité ou non la couleur ne change pas, et de plus l'effet de concurrence fonctionne dans tous les cas (sous IE).

Couleur des bordures d'image

Pour changer la couleur de bordure d'une image il faut sélectionner celle ci comme du texte : c'est à dire cliquer glisser sur elle, elle devient grisée (c'est important). Puis via la palette de propriétés utilisez le sélecteur de couleurs de caractère ou bien passez par le menu Texte/Couleur.

Balises H…

Facile de mettre en forme vos titres grâce au raccourcis Ctrl. Placez vous dans le titre à mettre en forme et maintenez la touches sus nommée suivi du chiffre correspondant de votre clavier alpha. Par exemple pour un titre H3 tapez Ctrl+3.

Liens nuls

Pour créer des liens menant vers le haut de page inutile de créer une ancre puis de faire pointer un lien vers celle ci ! Le plus rapide et pratique est de créer une lien nul c'est à dire qui ne mène nul part. Pour cela identifiez l'élément devant servir de lien vers le haut de page et dans le champs lien de la palette de propriétés indiquez le signe # (Ctrl+Alt+3 du clavier alpha, ou la touche AltGr+3 du même clavier)

Liens nuls

Mettez vous en situation ça va être chaud ! Voila en bas de chacune de vos pages vous décidez de créer des liens permettant d'afficher dans une fenêtre individuelle vos conditions générales (c'est un exemple !). Pour cela vous décidez d'exploiter le comportement le plus adapté de la palette du même nom a savoir : ouvrir la fenêtre navigateur. Et Gr de mettre en place le script qui va bien. Dream va bien bosser mais vous devrez l'aider mais comme vous savez ce qu'est un lien nul ça va aller tout seul. En effet une action va être crée pour mener vers votre lien, et ce dernier s'ouvrira dans la fenêtre comme demandé, ce qui veux dire que vos conditions générales (pour l'exemple) sont liées à une action et non un lien !!! En conséquence, et DreamWeaver a raison va créer un lien nul pour permettre l'exécution de votre action. Rappelez vous ces fameuses conditions sont en bas de page, et un lien nul vous amène en haut de page. Que va t'il se passer ? Et bien l'action va avoir lieu, la fenêtre va s'ouvrir et dans le même temps la page en arrière plan va remonter. Ça vous gêne pas ? alors passez à l'astuce suivante sinon pensez dans le même temps à créer une ancre au niveau de vos conditions générales et en plus de votre action créez un lien menant vers cette ancre ! et la page ne bougera pas.

Photo de la carte du site

Pour différentes raisons il est important de connaître et d'avoir près de soit une "photo du site" sous forme de carte. Pour en obtenir une il vous suffit de cliquer dans la zone de carte du site et dans le menu Fichier vous trouverez Enregistrer la carte du site ! Le tout au format AltGr (PC) ou PNG mais on s'en moque puisque on peut changer cela facilement... dans le logiciel adapté (Photoshop ?)

Paramètres d'affichage de carte

Après avoir affiché les paramètres de votre site web vous pourrez décider ou non d'améliorer l'affichage de la carte à l'aide de la rubrique mise en forme de la carte du site. Et là surprise vous avez droit à 200 colonnes ! autant avoir deux écrans télé en 3000X2000 pour voir votre site ! réduisez cette valeur c'est le mieux que vous puissiez faire sans oublier de donner une largeur de colonnes plus élevée que les 125 pixels indiqués. Dans le même temps demander un affichage par titre ce qui est le plus judicieux dans l'affichage de la carte pour repérer les intrus (sans titre). Pour plus de rapidité cliquer glisser la flèche qui pointe vers un lien et glisser à droite ou à gauche pour agrandir, réduire la taille de la colonne. Et si vous voulez de la même manière opérer sur toutes les colonnes maintenez la touche Maj avant de cliquer glisser.

Zoom sur la carte de site

Lorsque vous visualisez les fichiers du site, l'arborescence de ce dernier apparaît (par défaut) à gauche des fichiers listés et à la condition qu'une page d'accueil soit identifiée. Si ce n'est pas le cas cliquez avec le bouton droit de la souris sur le fichier qui doit être défini comme tel dans la liste de vos fichiers et choisissez Définir comme page d'accueil. Bref ! maintenant vous pouvez cliquer sur en haut à gauche de la fenêtre du site. En bas et du même côté vous pouvez voir vous permettant de choisir un zoom mais pour faire plus simple et si vous avez cliqué du coté de la carte vous pourrez appuyer sur les touche + ou - en fonction de l'affichage que vous voulez obtenir.

Aller retour historique

Un petit code à copier coller dans le champs de lien de la palette de propriétés de Après pour permettre l'accès à la page précédente vue, ou la suivante déjà vue (c'est clair ?). Sélectionner le futur lien quel qu'il soit et saisissez précisément : javascript:history.go(-1) pour la page précédente et javascript:history.go(1) pour la page suivante. Notez que les valeurs peuvent être modifiées en fonction du contexte pour atteindre d'autre pages en rapport à l'historique... du navigateur !

Calcul de propriétés

Comme pour la PAO, la palette de propriétés de Après permet de réaliser des calculs simples sur les objets, sans aucune difficulté pour les tailles absolues (pixels), de manière plus aléatoire pour les tailles relatives (%). Pour cela sélectionnez l'objet concerné et dans la palette de propriétés ajouter le signe opérateur et la valeur souhaité. Vous pouvez comme cela cumuler plusieurs valeurs dans les champs L et H. Attention, une tare (si, si) de Dreamweaver empêche, une fois la valeur validée la désactivation du champs concerné. Conséquence, la saisie d'une nouvelle valeur se substitue à la précédente. Remarquez aussi que si le curseur clignote pour signaler sa position dans le champs, la valeur reste sélectionnée. Là ils auraient du continuer chez Dreamweaver à pomper sur Adobe, on ne leur aurait pas voulu !

Des notes embarrassantes

Pour un travail collaboratif Après, comme ses concurrents, offre la possibilité d'intégrer des notes, sortes de Post-it©, permettant d'ajouter des commentaires et spécifier un état sur le fichier de façon a ce qu'a l'ouverture, ce dernier puisse renseigner l'intervenant sur l'état du document. Or, et sauf cas particulier, lorsque peu d'intervenants réagissent sur le fichier ou bien sont informés en temps réel, ces notes n'ont pas de raison d'être. Mais il vous faut en demander la suppression et la non exécution. Aussi rendez vous dans les paramètres du site, et pour l'option design notes décochez , ceci évitera la création du dossier _notes pour vos sites à venir, pensez aussi à appuyer sur le bouton pour supprimer ce dossier qui existe par défaut après l'installation de Après à moins que vous ayez déjà pensé à cette astuce a la création de votre premier site.

Amelle, modèle de base

Mettons que vous soyez chargés d'être le gardien de ce que beaucoup nomment prétentieusement "la Charte graphique" de pages d'un site. Or vous avez de nombreux collaborateurs dont le travail consiste à créer de nouvelles pages mais il ont tout à y personnaliser. Heureusement, petit futé que vous êtes, vous avez personnalisé le fichier Default.html du dossier Macromedia\Dreamweaver X\Configuration\Templates de sorte qu'en faisant Fichier/Nouveau… ou le raccourcis Ctrl+N il trouvent une page prête à être complétée. Attention de ne pas ajouter d'images ou de feuilles de style petit malin…

Dicos d'or

Vous trouverez dan le répertoire Macromedia\Dreamweaver X\Configuration\Dictionnaires un fichier portant le nom de Personnal.dat. Ouvrez ce dernier dans le bloc note par exemple. Il est vide ? Alors c'est que vous n'avez pas appuyé sur le bouton Ajouter à personnel de la boite Orthographe du menu Texte. En effet ce fichier que vous ne devez pas renommer pour qu'il puisse être mis à jour à l'aide du bouton Ajouter à personnel, référence vos entrées pour ne plus avoir à buter sur un mot. Libre à vous de le compléter manuellement dans la bloc note, ou bien d'attendre d'ajouter les entrées au fur et à mesure de vos corrections. Vous pouvez le transmettre à vos collègues et garder une sauvegarde près de vous.

Roll-over de cellule

Pour créer des Alt sur les cellules de tableaux (comme pour mes menus déroulants), sélectionnez celle (s) ci et insérez le code suivant dans la balise <td> :onMouseOver="bgColor='#000000'" onMouseOut="bgColor=''" pensez à personnaliser les couleurs, c'est facile le code est clair ! Mais pour aller plus vite faite appel au Quick Tag editor disponible dans le menu Modifier/quick tag editor ou par le raccourcis Ctrl+T ou encore à l'aide de l'icône dans la palette de propriétés. Pour sélectionner une cellule utilisez le Ctrl+clic dans celle ci.

Couleurs éclairs pour tableaux

Formater un tableau devient un jeu d'enfant avec l'assurance d'un code niquel (si, si !). Sélectionner votre tableau (Ctrl+A) et rendez vous dans le menu Commande/formater le tableau ! Et si les couleurs sont trop sucrées à votre goût, personnalisez les.

Couleurs éclairs

Pas le temps ou pas d'idées pour formater les couleur de vos contenu de page ? Rendez vous dans le menu Commande/définir la palette de couleur et choisissez un modèle dans la liste. Compatibilité absolue, c'est dans la balise body que les styles s'insèrent !!

Calques libres

Créer des animations sur les calques dans la palette de scénarios, peut s'avérer terrible en création d'images clées. Aussi exploitez la commande Modifier/scénario/enregistrer le chemin du calque et cliquez glissez ce dernier à main levée. Il ne vous reste plus qu'a supprimer les images clés en trop à l'aide du raccourcis Maj+suppr pour aller plus vite. Bien sur tout est réalisable par le clic droit !

Insertions lignes-colonnes

Sous Dreamweaver pour enserrer une ligne ou une colonne, vous passez par le menu Modifier/tableau/insérer une ligne, insérer une colonne. L'insertion à lieu avant l'endroit ou vous êtes situés (d'ou son nom). En revanche si vous voulez ajouter une ligne appuyez sur la touche Tab à partir de la dernière colonne de la dernière ligne. Peu pratique préférez la commande Modifier/tableau/insérer des lignes ou des colonnes et choisissez l'option retenue.

Copie flash

Lorsqu'un élément doit être copié puis collé rapidement (un champs par exemple). Déplacez cet élément en maintenant la touche Ctrl, un petit "+" apparaît à coté de votre curseur ! Lâchez la souris en premier à l'endroit souhaité et lâchez Ctrl. Voilà, c'est dupliqué et votre presse papier n'à pas été sollicité !

Easter egg

Vous voulez connaitre la tête des développeurs de Dreamweaver. Insérez une image dans une page. Dans la palette de propriétés et en maintenant la touche Ctrl, double cliquez sur la prévisualisation de l'image autant de fois que vous voulez voir …de tête.

Correction du site

Une commande efficace permet en plus de la vérification HTML d'esquiver d'énormes bourdes. Celle ci est accessible via le menuSite/rapport… ou des cases à cocher clairement intitulées vous permettrons d'effectuer vos dernières retouches.

Mode mise en forme (4.0)

Pour passer d'un mode à l'autre faites Ctrl+F6 pour mode mise en forme et Ctrl+Maj+F6 pour passer en mode normal. Notez que ceux ci sont modifiables via le menu édition/raccourcis clavier.

Copier coller (4.0)

Copier/coller comme texte n'existe plus dans la version 4.0 elle est devenue copier coller tout cours. C'est d'autant plus surprenant que si vous annulez la commande s'appelle annuler/coller comme texte. Mais rien de grave. Copier HTML copie bien le code en revanche coller HTML permet de coller aussi du texte standard mais sans la mise en forme. On aurais préféré insertion de fichier ça évite les aller retour inutile.

Décoration nulle

Dreamweaver 4.0 est vraiment exceptionnel. Lors de la création d'un style, dans la catégorie type de la boite de dialogue on trouve en bas de celle ci des cases à cocher. Si vous cochez Aucune (décoration) Souligné est activée et inversement. Cependant pour l'une comme pour l'autre vous pouvez cocher puis décocher (la même option) sans que l'autre ne s'active en conséquence. Retenez que dans ce cas c'est souligné qui prévaut. Chez Dreamweaver on est pas à l'aise avec les boutons radio.

Corrections de balises multiples

Corriger le code HTML sous Dreamweaver est très simple. Cependant il est important de limiter le nombre d'opérations. Hors les corrections HTML ne peuvent s'enregistrer dans la palette des historiques. Utiliser la fonction de nettoyage HTML propre à Dreamweaver (Commandes/nettoyer HTML) et dans la partie balises spécifiques insérez les balises à supprimer (sans chevrons) et séparez celles-ci par des virgules.

Numéros de ligne

Dans le code HTML de Dream vous pouvez cocher en tête de fenêtre l'option . Ceci sert à corriger (entre autre) vos ligne java script lorsque le code est mal compris. Accessoirement vous pouvez l'exploiter pour sélectionner plusieurs lignes en faisant un cliquer glisser sur les numéros de ligne. Pratique !

Copie de styles

Pour copier les styles d'une page vers l'autre, visualisez le contenu d'en tête et cliquer sur et faites Ctrl+C. Dans l'autre page, toujours dans le contenu d'en tête faite Ctrl+V. Voila !

Contenu d'en tête

Pensez à afficher le contenu d'en tête dans Dreamweaver afin de voir les informations contenu dans celui-ci, de plus les icônes affichée étant très logiques, les changements seront d'autant plus logique. L'affichage s'obtient par Affichage/contenu de l'en tête (Ctrl+Maj+W).

Paramètres du site

Lorsque vous demandez l'affichage du site, vous pouvez double cliquer dans la liste des sites et les options du site indiqué s'afficheront.

Historique Dreamweaver

Annuler dans Dreamweaver s'obtient avec Ctrl+Z, pas de surprise. Mais pour les adeptes de Dreamweaver sachez que revenir dans Dreamweaver s'obtient avec Ctrl+Maj+Z comme pour les historiques de Dreamweaver Dreamweaver aurait il une palette d'historiques ?? (je blague)

Ouvrir les liens

Comme FrontPage, vous pouvez ouvrir les pages liées à la page en cours. Pour cela maintenez la touche Ctrl et double cliquez sur le lien.

Liens Magiques

Vous pouvez pour créer des liens rapidement, vous dispenser de la palette de propriétés. Pour cela, faites une sélection (texte ou image) et pressez la touche Maj, faite un cliquer glisser vers votre fichier ou votre ancre. Rapide non ?

Modifier une image

Pour modifier la source d'une image vous double cliquez dessus, et bien en maintenant la touche Ctrl et en faisant la même manip vous ouvrirez l'éditeur d'image défini dans les préférences de Dreamweaver

Extensions

Dans la palette objet un certains nombres de dossiers sont disponibles. Ceci se personnalise à volonté et peut être rechargé à tout moment. Pour cela, maintenez la touche Ctrl et cliquez sur l'entête de la palette d'objet et recharger extensions devient disponible.

Extensions 2

Ce n'est pas un secret mais vous pouvez ajouter un certain nombre d'outils complémentaires grâce à extensionsManager vous retrouverez ensuite la possibilité de télécharger des commandes chez Adobe et avoir ainsi de nouvelles perspectives de travail.

Liens cachés

La mode est aux liens cachés, c'est à dire que l'on ne permet pas la visualisation de la destination dans la barre d'état du navigateur : pour diverses raisons ! Si vous voulez réaliser ce type de chose alors sélectionnez votre liens et affichez la palette de comportements (F8 ou Fenêtre/comportements). Cliquez sur le gros "Plus" et choisissez texte/texte de la barre d'état et dans la fenêtre qui s'ouvrira saisissez une espace.

Accès HTML

Pour accéder au code HTML de DreamWeaver vous pouvez faire CTRL+TAB mais pour refermer... Préférez le raccourcis F10 (touche fonction) qui lui ouvre et ferme aussi la fenêtre de codes.

<BASEFONT>

Cette balise lorsqu'elle mise dans l'entête HTML, ou dans le body permet de formater le texte de la page HTML de la même manière (face="arial", color="#...") par exemple et contrairement aux AltGr elle formate le texte libre mais aussi celui contenu dans un tableau.

Ouvrir

Lorsque vous ouvrez un document ou créez un nouveau document une fenêtre indépendante s'ouvre aussi. Si vous voulez exploiter la même fenêtre maintenez Maj+Ctrl+O.

Copier/Coller de texte

Les copier collez de texte sont intéressants mais gênant aussi. En effet les Ctrl+C et Ctrl+V copient aussi le code HTML et en production avec d'autres logiciels c'est fatal. Appuyer sur la touche Maj+Ctrl+C ou V permet de ne copier ou de coller uniquement le texte.

Nouveau doc

Le raccourcis Ctrl+N permet de créer un nouveau document, il ouvre de ce fait une nouvelle fenêtre. Alors que Ctrl+Maj+N crée un nouveau document prêt à être nommé sans ouvrir de nouvelles fenêtre. Bien sur vous êtes dans la fenêtre de site à ce moment là. La même opération lorsque vous modifiez un fichier vous demandera confirmation de l'enregistrement et effectuera une substitution.