PDF (adobe.com)

Manipulation de fragments de code



Les fragments de code permettent de stocker des contenus en vue de pouvoir les réutiliser rapidement. Vous pouvez créer, insérer, modifier ou supprimer des fragments de code HTML, JavaScript, CFML, ASP, PHP, etc. Vous pouvez également gérer et partager vos fragments de code avec les autres membres de l'équipe. Vous disposez de quelques fragments prédéfinis que vous pouvez employer comme point de départ.

Les fragments de code contenant des balises <font> et d'autres éléments et attributs déconseillés ont été déplacés dans le dossier Anciennes versions du panneau Fragments de code.

Insertion d'un fragment de code

  1. Placez le point d'insertion à l'endroit où vous souhaitez insérer le fragment de code ou sélectionnez le code à combiner avec le fragment choisi.
  2. Dans le panneau Fragments de code (Fenêtre > Fragments de code), double-cliquez sur le fragment de code.

    Vous pouvez également cliquer avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Macintosh) sur le fragment de code, puis sélectionner Insérer dans le menu contextuel.

Création d'un fragment de code

  1. Cliquez sur l'icône Nouveau fragment de code situé au bas du panneau Fragments de code
  2. Donnez un nom au fragment de code.
    Remarque : Les noms de fragments de code ne peuvent pas comporter les caractères qui sont interdits dans les noms de fichiers (barres obliques (/ ou \), caractères spéciaux ou guillemets doubles (“)).
  3. (Facultatif) Entrez la description du fragment de code sous forme de texte. qui permettra aux autres membres de l'équipe de l'utiliser plus facilement.
  4. Pour l'option Type de fragment de code, sélectionnez Envelopper la sélection ou Insérer le bloc.
    1. Si vous avez opté pour l'enveloppement de la sélection, ajoutez du code aux options suivantes :
      Insérer avant
      Tapez ou collez le code à insérer avant la sélection en cours.

      Insérer après
      Tapez ou collez le code à insérer après la sélection en cours.

      Pour définir un espacement par défaut entre les blocs, utilisez des sauts de ligne ; appuyez sur Entrée (Windows) ou Retour (Macintosh) à l'intérieur des zones de texte.

      Remarque : Dans la mesure où les fragments de code peuvent être créés en début ou en fin de bloc, vous pouvez les utiliser pour encadrer d'autres balises et contenus. Ce procédé est pratique pour insérer une mise en forme, des liens, des éléments de navigation et des blocs de script spéciaux. Il vous suffit de mettre en surbrillance l'élément à entourer puis d'insérer le fragment de code.

    2. Si vous avez opté pour l'insertion du bloc, tapez ou collez le code à insérer.
  5. (Facultatif) Sélectionnez le type d'aperçu : Code ou Création.
    Création
    Restitue le code et l'affiche dans le volet d'aperçu du panneau Fragment de code.

    Code
    Affiche le code dans le volet d'aperçu.

  6. Cliquez sur OK.

Modification ou suppression d'un fragment de code

 Dans le panneau Fragments de code, sélectionnez un fragment de code, puis cliquez sur le bouton Modifier le fragment de code ou sur le bouton Supprimer, dans le bas du panneau.

Création de dossiers de fragments de code et gestion de fragments

  1. Cliquez sur le bouton Nouveau dossier de fragments de code situé au bas du panneau Fragments de code.
  2. Faites glisser des fragments de code vers le nouveau dossier ou d'autres dossiers, à votre convenance.

Ajout ou modification d'un raccourci clavier pour un fragment de code

  1. Dans le panneau Fragments de code, cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Macintosh) et sélectionnez Modifier les raccourcis clavier.

    L'éditeur de raccourcis clavier s'ouvre.

  2. Dans le menu contextuel Commandes, choisissez Fragments de code.

    Une liste de fragments de code s'affiche.

  3. Sélectionnez celui qui vous intéresse et affectez-lui le raccourci clavier de votre choix.

    Pour plus d'informations, consultez la section Personnalisation des raccourcis clavier.

Partage d'un fragment de code avec d'autres membres de l'équipe

  1. Recherchez le fichier correspondant au fragment de code à partager dans le sous-dossier Configuration/Snippets du dossier de l'application Dreamweaver.
  2. Copiez le fichier du fragment de code dans un dossier partagé sur votre ordinateur ou sur un ordinateur en réseau.
  3. Veillez à ce que les autres membres de l'équipe copient le fichier du fragment de code dans leurs dossiers Configuration/Snippets respectifs.