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 !

Table des matières

Fichier

FichierRaccourci
NouveauCtrl + N
OuvrirCtrl + O
Parcourir dans BridgeCtrl + Alt + O
FermerCtrl + W
Tout FermerCtrl + Maj + W
EnregistrerCtrl + S
Enregistrer sousCtrl + Maj + S
ImprimerCtrl + P
PréférencesCtrl + U
Aperçu dans le navigateurF12 / Alt + F12
Vérifier les liensMaj + F8
QuitterCtrl + Q

Affichage / Édition

Affichage / ÉditionRaccourci
Zoom avantCtrl + +
Zoom arrièreCtrl + -
Zoom + / -Ctrl + Roulette souris
Coller avec optionsCtrl + Maj + V
RechercherCtrl + F
Rechercher suivant dans la sélectionMaj + F3
Rechercher suivantF3
Changer de vueCtrl + #
Afficher les règlesCtrl + Alt + R
Afficher les guidesCtrl + Maj + #
Visualisation en directAlt + F11
AnnulerCtrl + Z
RépéterCtrl + Y
Afficher la grilleCtrl + Alt + G
Aligner à la grilleCtrl + Maj + Alt + G
Afficher l'en-tête HTMLCtrl + Maj + H
Mode de table avancéeAlt + F6
Tout masquerCtrl + Maj + I
Arrêter JavaScriptF6
Lire les pluginsCtrl + Alt + P
Arrêter les pluginsCtrl + Alt + X

Mode Design

Mode DesignRaccourci
Éditeur rapide de balisesCtrl + T
Navigateur de codeCtrl + Alt + Clic
Actualiser le mode DesignF5
Largeur en pixels des guidesCtrl

Code source & Design

ActionRaccourci
Aucune mise en forme de texteCtrl + 0
Titre 1 - <h1>Ctrl + 1
Titre 3 - <h3>Ctrl + 3
Titre 6 - <h6>Ctrl + 6
Paragraphe - <p>Ctrl + Maj + P
Liens - <div align="left">Ctrl + Maj + Alt + L
À droite - <div align="right">Ctrl + Maj + Alt + R
Centré - <div align="center">Ctrl + Maj + Alt + C
Justifié - <div align="justify">Ctrl + Maj + Alt + J
GrasCtrl + B
ItaliqueCtrl + I

Travailler dans le code source

ActionRaccourci
Aide au codeCtrl + Espace
Aller à la ligneCtrl + G
Entourer la sélection avec #Ctrl + Maj + 3
Supprimer le mot à gaucheCtrl + Retour Arrière
Supprimer le mot à droiteCtrl + Suppr
Sélectionner la ligne au-dessusMaj + Flèche Haut
Sélectionner la ligne en dessousMaj + Flèche Bas
Sélectionner le caractère à gaucheMaj + Flèche Gauche
Sélectionner le caractère à droiteMaj + Flèche Droite
Sélectionner toute la page vers le basMaj + Page Bas
Sélectionner toute la page vers le hautMaj + Page Haut
Passer au mot suivant à gaucheCtrl + Flèche Gauche
Passer au mot suivant à droiteCtrl + Flèche Droite
Sélectionner le mot à gaucheCtrl + Maj + Flèche Gauche
Sélectionner le mot à droiteCtrl + Maj + Flèche Droite
Aller au début de la lignePos1 / Flèche Haut Gauche
Aller à la fin de la ligneFin / Flèche Bas Droite
Sélectionner jusqu'au début de la ligneMaj + Pos1
Sélectionner jusqu'à la fin de la ligneMaj + Fin
Aller à la ligne 1Ctrl + Pos1
Aller à la dernière ligneCtrl + Fin

Insérer

ActionRaccourci
ImageCtrl + Alt + I
TableauCtrl + Alt + T
Espace vide ( )Ctrl + Shift + Espace
Saut de ligne (<br />)Maj + Entrée
Insérer un lien hypertexteCtrl + L
Supprimer un lien hypertexteCtrl + Shift + L
Sélection de baliseCtrl + E
Fichier SWFCtrl + Alt + F
Point d'ancrage nomméCtrl + Alt + A
Région éditable dans les modèlesCtrl + Alt + V

Fenêtres

FenêtreRaccourci
Éléments APF2
LiensCtrl + F10
Fragments de codeMaj + F9
Inspecteur de codeF10 / Alt + F10
Styles CSSMaj + F11
Base de donnéesCtrl + Shift + F10
FichiersF8 / Ctrl + Shift + F
PropriétésCtrl + F3
InsérerCtrl + F2
Masquer la fenêtreF4
FramesMaj + F2
ComposantsCtrl + F7
Comportement du serveurCtrl + F9
RechercherF7
Inspecteur de balisesF9 / Alt + Maj + F9
ComportementMaj + F4
HistoriqueMaj + F10

Travailler avec des tableaux

ActionRaccourci
Sélectionner une cellule individuellementCtrl + Clic
Sélectionner un tableauCtrl + A 2x
Insérer une ligneCtrl + M
Insérer une ligne version IITab dans la dernière cellule
Insérer une colonneCtrl + Shift + A
Supprimer une ligneCtrl + Shift + M
Supprimer une colonneCtrl + Shift + -
Fusionner des cellulesCtrl + Shift + Alt + M
Séparer des cellulesCtrl + Alt + S

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.
274,342,963

Raccourcis pour Adobe Dreamweaver - Résumé des raccourcis clavier

Publié le de Stefan Petri
Publié le: De Stefan Petri
Stefan Petri gère avec son frère Matthias le populaire forum spécialisé PSD-Tutorials.de ainsi que la plate-forme d'apprentissage en ligne TutKit.com, qui met l'accent sur la formation et le perfectionnement des compétences professionnelles numériques.