Insertion rapide de code avec la barre d'outils de codage

La barre d'outils de codage permet d'ajouter rapidement du code dans une page.

Pour insérer rapidement des éléments de code :

1. Assurez-vous que vous êtes en mode Code (Affichage > Code).
2. Placez le curseur dans le code, ou sélectionnez un bloc de code.
3. Cliquez sur un bouton de la barre d'outils de codage, ou sélectionnez un élément de l'un des menus contextuels de la barre d'outils.

Pour connaître la fonction de chaque bouton, positionnez le pointeur sur ce bouton jusqu'à ce qu'une info-bulle apparaisse. Les boutons suivants s'affichent par défaut dans la barre d'outils de codage.

Documents ouverts affiche la liste des documents ouverts. Lorsque cette option est sélectionnée, elle s'affiche dans la fenêtre Document.

Réduire balise entière réduit tout le contenu compris entre une balise d'ouverture et sa balise de fermeture (par exemple tout le code compris entre <table> et </table>). Pour réduire tout le contenu d'une balise complète, placez le point d'insertion sur la balise d'ouverture ou de fermeture, puis cliquez sur le bouton Réduire balise entière.

Réduire sélection permet de réduire le code sélectionné.

Développer tout restaure tout le code réduit.

Sélectionner balise parente sélectionne le contenu et les balises d'ouverture et de fermeture qui encadrent la ligne dans laquelle est placé le point d'insertion. Si vous cliquez plusieurs fois sur ce bouton et que toutes vos balises sont équilibrées, Dreamweaver sélectionne finalement les balises html et /html situées aux extrémités.

Equilibrer les accolades sélectionne tout le code se trouvant à l'intérieur des parenthèses, des accolades ou des crochets qui encadrent la ligne dans laquelle est placé le point d'insertion. Si vous cliquez plusieurs fois sur ce bouton et que toutes vos balises sont équilibrées, Dreamweaver sélectionne finalement les parenthèses, accolades ou crochets les plus extérieur(e)s du document.

Numéros de ligne permet d'afficher ou masquer les numéros de lignes au début de chaque ligne de code.

Surligner le code non valide surligne le code non valide en jaune.

Appliquer commentaire permet d'encadrer le code sélectionné avec des balises de commentaires, ou d'ouvrir de nouvelles balises de commentaires.

• Appliquer Commentaire HTML encadre le code sélectionné avec les balises <!-- et --!>, ou ouvre une nouvelle balise si aucun code n'est sélectionné.
• Appliquer Commentaire // insère une double barre oblique (//) au début de chaque ligne du code CSS ou JavaScript sélectionné, ou insère une unique balise // si aucun code n'est sélectionné.
• Appliquer Commentaire /* */ encadre le code CSS ou JavaScript sélectionné avec les codes de commentaires /* et /*.
• La marque de commentaire ' a été conçue pour le code Visual Basic. Elle insère un guillemet droit simple au début de chaque ligne sélectionnée d'un script Visual Basic, ou insère un guillemet droit simple au point d'insertion si aucun code n'est sélectionné.
• Lorsque vous travaillez sur un fichier ASP, ASP.NET, JSP, PHP ou Macromedia ColdFusion, si vous appliquez l'option Appliquer Commentaire sur serveur, Dreamweaver détecte automatiquement la balise de commentaire correcte et l'applique à la sélection.

Supprimer commentaire supprime les balises de commentaires du code sélectionné. Si une sélection comporte des commentaires incorporés, seules les balises de commentaire externe sont supprimées.

Envelopper avec balise permet d'encadrer le code sélectionné avec la balise indiquée dans Quick Tag Editor.

Fragments de code récents permet de choisir dans le panneau Fragments de code un fragment de code récemment utilisé et de l'insérer. Pour plus d'informations, voir Manipulation des fragments de code.

Indentation du code ramène la sélection vers la droite.

Indentation négative du code ramène la sélection vers la gauche.

Mise en forme du code source applique les formats de code précédemment définis au code sélectionné (ou à la page entière si aucun code n'est sélectionné). Vous pouvez également définir les préférences de mise en forme du code en sélectionnant Mise en forme du code source avec le bouton du même nom, ou en modifiant les bibliothèques de balises en sélectionnant Edition, Bibliothèques de balises.

Le nombre de boutons disponibles dans la barre d'outils de codage varie selon la taille d'affichage en mode Code dans la fenêtre du document. Pour voir tous les boutons disponibles, vous pouvez redimensionner la fenêtre d'affichage du mode Code ou cliquer sur le bouton d'expansion, à la base de la barre d'outils de codage.

Vous pouvez également modifier la barre d'outils de codage pour afficher des boutons supplémentaires (Retour automatique à la ligne, Caractères masqués et Retrait auto) ou pour masquer des boutons que vous ne souhaitez pas utiliser. Néanmoins, vous devez pour cela modifier le fichier XML qui génère la barre d'outils. Pour plus d'informations, voir Extension de Dreamweaver.

Rubriques connexes

• La barre d'outils de codage
• Affichage des barres d'outils
• Vérification de l'équilibre des balises et des accolades