PDF (adobe.com)

Modification du format du code

Vous pouvez modifier l'aspect de votre code en définissant des préférences de formatage telles que la mise en retrait, la longueur de ligne et la casse des noms de balises et d'attributs.

Toutes les options de formatage de code, à l'exception de l'option Remplacer la casse de, ne s'appliquent automatiquement qu'aux nouveaux documents et aux additions à des documents que vous créez par la suite.

Pour modifier la mise en forme d'un document HTML existant, ouvrez ce document puis cliquez sur Commandes > Appliquer le format source.

  1. Choisissez Edition > Préférences.
  2. Sélectionnez la catégorie Format du code dans la liste de gauche.
  3. Parmi les options suivantes, définissez celles de votre choix :
    Retrait
    Indique si le code généré par Dreamweaver doit être mis en retrait (en conformité avec les règles de retrait définies dans ces préférences) ou non.
    Remarque : La majorité des options de retrait de cette boîte de dialogue ne s'appliquent qu'au code généré par Dreamweaver et non au code entré par vos soins. Pour que chaque nouvelle ligne entrée s'aligne au même niveau que la précédente, utilisez l'option Retrait auto dans les options d'affichage du mode Code. Pour plus d'informations, consultez la section Définition de l'apparence du code.

    Avec
    (Zone de texte ou menu contextuel) Spécifie le nombre d'espaces ou de tabulations que Dreamweaver doit utiliser afin de mettre en retrait le code généré. Par exemple, si vous tapez 3 dans la zone de texte et si vous sélectionnez Tabulations dans le menu contextuel, le code généré par Dreamweaver sera mis en retrait de trois tabulations à chaque niveau de mise en retrait.

    Taille de la tabulation
    Détermine la taille, en caractères, de chaque tabulation dans le mode Code. Par exemple, si cette taille est définie sur 4, chaque tabulation s'affiche dans le mode Code sous la forme d'un espace long de 4 caractères. De plus, si la taille du retrait est définie sur 3 et que les caractères utilisés sont des tabulations, le code généré par Dreamweaver est mis en retrait de trois tabulations par niveau de mise en retrait, ce qui correspond à un espace de 12 caractères en mode Code.
    Remarque : Dreamweaver effectue les mises en retrait à l'aide de tabulations ou d'espaces mais ne convertit pas une série d'espaces en tabulation lors de l'insertion de code.

    Renvoi à la ligne auto
    Insère un retour de chariot (ou retour à la ligne forcé) lorsqu'une ligne atteint la largeur de colonne spécifiée. (Dreamweaver insère des retours de chariot uniquement lorsqu'ils ne modifient pas l'apparence du document dans un navigateur. Certaines lignes peuvent donc être plus longues que la valeur indiquée dans l'option Renvoi à la ligne auto). A l'inverse, l'option Retour à la ligne du mode Code affiche les lignes dont la longueur dépasse la largeur de la fenêtre comme si elles contenaient des retours de chariot, sans en insérer véritablement.

    Type de saut de ligne
    Permet d'indiquer le type de serveur distant (Windows, Macintosh ou UNIX) qui hébergera votre site. Le choix du type de caractères de saut de ligne approprié (CR, CR/LF, LF) garantit que votre code source HTML s'affiche correctement lorsqu'il est affiché à partir du serveur distant. Ce paramètre est également utile lorsque vous travaillez avec un éditeur de texte externe qui ne reconnaît que certains types de retours de chariot. Par exemple, utilisez CR/LF (Windows), si votre éditeur de texte est le Bloc-notes de Windows, et CR (Macintosh) s'il s'agit de SimpleText.
    Remarque : Pour les serveurs auxquels vous vous connectez via FTP, cette option ne s'applique qu'en mode de transfert binaire ; le mode de transfert ASCII de Dreamweaver ignore cette option. Si vous téléchargez (en réception) des fichiers en mode ASCII, Dreamweaver définit les sauts de ligne en fonction du système d'exploitation de votre ordinateur ; si vous transférez des fichiers en mode ASCII, les sauts de ligne sont toujours définis comme CR/LF.

    Casse de balise par défaut et casse d'attribut par défaut
    Contrôlez la capitalisation des noms de balises et d'attributs. Ces options s'appliquent aux balises et aux attributs que vous insérez ou que vous modifiez dans le mode Création, mais pas aux balises ou attributs que vous entrez directement dans le mode Code (ou l'Inspecteur de code), ni aux balises ou attributs déjà contenus dans un document que vous ouvrez (sauf, dans ce dernier cas, si vous avez également activé l'une des options Remplacer la casse de).
    Remarque : Cette préférence s'applique uniquement aux pages HTML. Dreamweaver l'ignore pour les pages XHTML étant donné que les balises et les attributs en majuscules sont incorrects dans XHTML.

    Remplacer la casse de : Balises et Attributs
    Spécifie s'il faut toujours convertir les noms de balises et d'attributs dans la casse spécifiée, même lors de l'ouverture d'un document HTML existant. Lorsque vous activez l'une de ces options et que vous cliquez sur OK pour fermer la boîte de dialogue, les balises et les attributs du document actif sont immédiatement convertis dans la casse indiquée et il en sera de même dans tous les documents que vous ouvrirez par la suite (du moins tant que vous n'aurez pas désactivé cette option). Les balises et les attributs que vous tapez en mode Code ou dans Quick Tag Editor ou bien que vous insérez à partir du panneau Insertion, sont également convertis dans la casse spécifiée. Par exemple, si vous voulez que les noms des balises soient toujours convertis en minuscules, spécifiez minuscules dans l'option Casse de balise par défaut et activez l'option Remplacer la casse de : Balises. Lorsque vous ouvrez ensuite un document contenant des noms de balises en majuscules, Dreamweaver les convertit en minuscules.
    Remarque : D'anciennes versions du code HTML permettaient d'écrire les noms d'attributs et les balises en majuscules ou en minuscules, mais le XHTML requiert des minuscules. L'usage du XHTML étant de plus en plus répandu, il est conseillé d'utiliser des minuscules pour ces éléments.

    Balise TD : Ne pas inclure de saut de ligne dans la balise TD
    Résout un problème de rendu qui se rencontre dans certains anciens navigateurs, si un espace blanc ou des sauts de ligne sont placés immédiatement après une balise <td> ou juste avant une balise </td>. Si vous activez cette option, Dreamweaver ne place pas de saut de ligne après une balise <td> ou avant une balise </td>, même si la mise en forme de la bibliothèque de balises indique qu'un saut de ligne devrait être inséré.

    Formatage avancé
    Permet de définir des options de mise en forme pour le code CSS (Cascading Style Sheets, feuilles de style en cascade) et pour les différents attributs et balises dans l'éditeur de la bibliothèque de balises.

    Espace blanc
    (version japonaise uniquement) Permet de sélectionner une espace insécable (&nbsp;) ou une espace Zenkaku pour votre code HTML. L'espace blanc sélectionné avec cette option est utilisé pour les balises vides lors de la création d'un tableau et lorsque l'option « Autoriser plusieurs espaces consécutives » est activée dans les pages de codage japonaises.