Dans le monde dynamique du design web, Adobe Dreamweaver est un outil indispensable pour les développeurs et les designers. Mais pour exploiter pleinement le potentiel de ce logiciel puissant, les raccourcis clavier sont un élément clé.

Les raccourcis clavier dans Dreamweaver sont bien plus que des raccourcis pratiques. Ils sont un pont vers un travail plus efficace et rapide. Avec ces raccourcis, vous pouvez accomplir des tâches complexes en quelques pressions de touche, ce qui augmente la productivité et fait gagner un temps précieux. Ils vous permettent de passer aisément entre différentes fonctions et vues, sans avoir à naviguer à travers des menus compliqués. Cela entraîne un flux de travail plus fluide et intuitif, ce qui est un grand avantage surtout en période de deadlines serrées.

Dans cet article, vous découvrirez comment optimiser vos processus de conception et de développement web avec les principaux raccourcis clavier de Dreamweaver. Que vous soyez débutant ou professionnel expérimenté, ces commandes amélioreront fondamentalement votre travail dans Dreamweaver. Prêt à passer vos compétences en design web au niveau supérieur ? Plongeons dans le monde des raccourcis Dreamweaver !

Fichier

Affichage / Édition

Mode Design

Code source & Design

Travailler dans le code source

Insérer

Fenêtres

Travailler avec des tableaux

18 Astuces et conseils pour Adobe Dreamweaver

• Pour rapidement transférer le fichier ouvert sur le serveur, si configuré via le site, appuyez sur Ctrl + fi + U.
• Dreamweaver dispose d'un test interne de compatibilité des navigateurs qui affiche toutes les erreurs W3C invalides et les compatibilités avec tous les scripts. Cette fonction est accessible via la barre de documents avec l'option Vérifier la page. Très utile pour ne pas avoir à consulter votre page sur tous les navigateurs à chaque fois.
• Avec Dreamweaver, vous pouvez ouvrir et modifier directement des fichiers depuis le serveur. Cela vous évite de télécharger via un client FTP. Il suffit d'aller dans la fenêtre Fichiers (F8) => Gérer les sites, puis Nouveau et remplir toutes les informations nécessaires. Ensuite, le contenu du serveur sera répertorié et vous pourrez ouvrir les pages souhaitées.
• Pour rendre les arrière-plans CSS plus visibles, vous pouvez activer l'affichage des arrière-plans CSS dans le menu Affichage => Outils visuels => Arrière-plans de mise en page CSS. Les blocs individuels seront maintenant remplis d'une couleur aléatoire. Cependant, ces couleurs ne sont affichées que dans la fenêtre de conception.
• La taille d'affichage ne doit pas être modifiée autant que possible - 100% est réglé par défaut - sinon la page semblera floue dans la vue Dreamweaver.
• Dans le panneau Historique des calques, jusqu'à 50 étapes peuvent être annulées par défaut. Vous pouvez augmenter cette valeur dans les préférences (Ctrl + U) dans l'onglet Général.
• Il arrive souvent qu'une nouvelle ligne soit nécessaire dans un tableau. Pour cela, cliquez simplement dans la dernière cellule en bas à droite et appuyez sur la touche Tab. Si vous avez besoin de 10 lignes ou plus en même temps, il est préférable de cliquer avec le bouton droit => Insérer des lignes ou colonnes.
• Pour afficher ou masquer rapidement toutes les fenêtres de contrôle, appuyez sur F4. Seuls le menu et la fenêtre de travail seront alors affichés.
• Il est possible dans Dreamweaver de rechercher et remplacer des blocs de code complets. C'est particulièrement pratique si vous voulez remplacer plus d'une ligne de code récurrente.
• 18 Astuces et conseils pour Adobe Dreamweaver
• Pour sélectionner rapidement tout le contenu d'un tableau () ou d'un DIV (), double-cliquez sur Ctrl + A.
• Si vous travaillez dans le code source, vous pouvez rapidement fermer les balises en allant dans Fenêtre => Résultats => Vérifier. Le plug-in HTML Validator pour Firefox (http://users.skynet.be/mgueury/mozilla/) en combinaison avec Firebug (http://getfirebug.com/) est également très pratique.
• De bonnes ressources pour les tutoriels Dreamweaver sont: www.psd-tutorials.de, www.dreamworker.de et www.adobe.com/devnet/dreamweaver.
• Il existe divers plug-ins pour étendre Dreamweaver. Vous pouvez également éditer des modèles basés sur Joomla! dans Dreamweaver. Voir http://www.joomlaos.de.