Définition des préférences de codage

Choisissez Affichage > Options d’affichage du code.

Renvoie le code à la ligne pour le rendre visible sans qu’il soit nécessaire de le faire défiler horizontalement. Cette option n’insère aucun saut de ligne ; elle a pour seule fonction de simplifier la consultation du code.

Affiche le numéro des lignes de code sur le côté.

Permet d’afficher les caractères spéciaux au lieu d’un simple espace blanc. Par exemple, un point apparaît pour masquer chaque espace, un double chevron remplace chaque tabulation, et une marque de paragraphe remplace chaque saut de ligne.

Active ou désactive la mise en couleurs du code. Pour plus d’informations sur la modification des couleurs à appliquer, consultez la section Définition des couleurs du code.

Automatise la mise en retrait du code lorsque vous appuyez sur la touche Entrée pendant la rédaction du code. La nouvelle ligne de code s’aligne au même niveau que la ligne qui la précède. Pour plus d’informations sur la modification de l’espacement du retrait, consultez l’option Taille de tabulation dans Définition du format du code.

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).

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.

(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 que 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.

Détermine la taille, en caractères, de chaque tabulation en mode Code. Par exemple, si cette taille est définie sur 4, chaque tabulation s’affiche en 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.

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.

Sélectionnez cette option si vous prévoyez d’utiliser des abréviations Emmet dans votre code. Cette option garantit que lorsque vous appuyez sur la touche de tabulation, Dreamweaver convertit l’abréviation Emmet en code HTML ou CSS complet. Pour plus d’informations sur l’utilisation d’Emmet, consultez la section Utilisation du kit de ressources Emmet avec Dreamweaver.

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 (Mac) s’il s’agit de SimpleText.

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.

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 le formatage de la bibliothèque de balises indique qu’un saut de ligne devrait être inséré.

Permet de définir des options de mise en forme pour les différents attributs et balises dans la boîte de dialogue Éditeur de la bibliothèque de balises.

(Version japonaise uniquement) Permet de sélectionner un espace insécable (&nbsp;) ou un 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écutifs » est activée dans les pages de codage japonaises.

La taille de pliage de code par défaut est deux lignes. Avec ce paramètre par défaut, tous les fragments de code qui contiennent au moins deux lignes de code peuvent être réduits. Les fragments de code qui sont inférieurs à deux lignes peuvent uniquement être réduits en sélectionnant le code. Pour plus d’informations sur le pliage de code, consultez la section Réduction et développement du code.

Corrige les balises qui se chevauchent. Par exemple, <b><i>texte</b></i> est réécrit en tant que <b><i>texte</i></b>. Cette option insère également des guillemets et des crochets de fermeture s’ils sont absents.

Garantit l’absence de noms d’objets de formulaire en double. Cette option est activée par défaut.

Contrairement à d’autres options de cette boîte de dialogue de préférences, cette option ne s’applique pas à l’ouverture d’un document, mais uniquement lorsque vous copiez et collez un élément de formulaire.

Supprime les balises de fermeture auxquelles ne correspond aucune balise d’ouverture.

Affiche un récapitulatif des codes HTML techniquement non valides que Dreamweaver a tenté de corriger. Ce récapitulatif indique l’emplacement du problème (à l’aide des numéros de ligne et de colonne), pour vous permettre de vérifier la correction et veiller à ce qu’elle produise l’effet voulu.

Permet d’empêcher Dreamweaver de corriger le code dans les fichiers portant les extensions indiquées. Cette option est particulièrement utile pour les fichiers contenant des balises propriétaires.

Garantit que les valeurs d’attribut entrées ou modifiées à l’aide des outils Dreamweaver (par exemple, l’inspecteur Propriétés) ne contiennent que des caractères autorisés. Cette option est activée par défaut.

Cette option et les options suivantes ne s’appliquent pas aux adresses URL entrées en mode Code. De plus, ces options n’entraînent pas de modification dans le code déjà présent dans un fichier.

Empêche toute modification des adresses URL par Dreamweaver en vue de n’utiliser que des caractères autorisés. Cette option est activée par défaut.

Garantit que, lorsque vous entrez ou modifiez des adresses URL à l’aide des outils Dreamweaver (par exemple, l’inspecteur Propriétés), ces URL ne contiennent que des caractères autorisés.

Fonctionne de façon identique à l’option ci-dessus, mais utilise une autre méthode pour coder les caractères spéciaux. Cette méthode de codage (à l’aide du signe %) offre une meilleure compatibilité avec les navigateurs plus anciens, mais ne se montre pas aussi efficace avec les caractères utilisés dans certaines langues.

Cliquez sur Édition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).

Sélectionnez la catégorie Conseils de code dans la liste de gauche.

Parmi les options suivantes, définissez celles de votre choix :

Indiquez la façon dont vous souhaitez que Dreamweaver ferme les balises.

• Après saisie de « </ » - 
• Après avoir saisi le signe « > » de la balise d’ouverture - Sélectionnez cette option si vous voulez que Dreamweaver ajoute automatiquement une balise de fermeture lorsque vous fermez la balise d’ouverture.
• Jamais - Définissez cette option si vous ne souhaitez pas que Dreamweaver ajoute automatiquement des balises de fermeture.

Sélectionnez cette option pour activer ou désactiver les conseils ou le remplissage de code dans Dreamweaver. Pour plus d’informations sur les fonctionnalités de conseils et de remplissage de code de Dreamweaver, consultez la section Conseils et remplissage de code.

Sélectionnez cette option pour que des descriptions apparaissent avec les conseils de code. Ces descriptions fournissent des informations supplémentaires sur le code que vous rédigez.

Insertion automatique des accolades  Lorsque cette option est sélectionnée, une accolade fermante est automatiquement ajoutée dans le code lorsque vous insérez une accolade ouvrante. Lorsque la case n’est pas cochée, aucune accolade fermante n’est insérée si vous saisissez une accolade ouvrante. Cette option s’applique à tous les types d’accolades et de fichiers (html, php, css, js).

Insertion automatique des guillemets  Lorsque cette option est sélectionnée, des guillemets fermants sont automatiquement ajoutés dans le code lorsque vous insérez des guillemets ouvrants. Lorsque la case n’est pas cochée, les guillemets fermants se s’insèrent pas automatiquement si vous saisissez des guillemets ouvrants. Cette option s’applique aux guillemets simples et doubles pour tous les types de fichiers (html, php, css, js).

Ouvrez le fichier brackets.json à partir de l’emplacement suivant :

• Win : %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
• Mac : ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
   

Pour désactiver la fermeture automatique de crochets et parenthèses, définissez autoCloseBraces sur False.

Pour désactiver l’insertion automatique des guillemets correspondants, définissez autoCloseQuotes sur False.

Si vous souhaitez activer la fermeture automatique des crochets et des guillemets correspondants, définissez les valeurs mentionnées ci-dessus sur True.

Enregistrez le fichier .json et lancez Dreamweaver.

Cliquez sur Édition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).

Définissez le langage PHP dans la liste des catégories à gauche.

Choisissez une version PHP dans la liste déroulante Version PHP, puis cliquez sur Appliquer.

Dans la boîte de dialogue Configuration du site, sous Paramètres avancés, sélectionnez PHP.

Choisissez une version PHP dans la liste déroulante Version PHP, puis cliquez sur Enregistrer.

Sélectionnez la catégorie Interface dans la liste de gauche.

Choisissez un thème de couleur dans la liste. 

Une fois le thème de l’interface sélectionné, définissez le thème du code.

Vous avez le choix entre un thème sombre ou clair.

Cliquez sur Appliquer pour enregistrer les modifications.

Vous pouvez décider de personnaliser davantage la coloration du code en fonction de vos besoins. Pour plus d’informations, consultez la section Personnalisation de la coloration du code.

Précise les extensions de noms de fichiers à ouvrir automatiquement en mode Code sous Dreamweaver.

Permet d’indiquer ce que Dreamweaver doit faire lorsqu’il détecte que des changements ont été apportés de l’extérieur à un document déjà ouvert sous Dreamweaver.

Permet d’indiquer si Dreamweaver doit systématiquement enregistrer le document actif avant de lancer l’éditeur, ne jamais enregistrer le document ou vous demander s’il doit l’enregistrer ou non à chaque lancement de l’éditeur externe.

Vous pouvez associer Fireworks à Dreamweaver en indiquant ici le chemin d’accès à l’application.