PDF (adobe.com)

Définition du mode d’exportation des tables HTML

Le découpage définit la présentation de la structure de la table HTML lorsqu’un document Fireworks est exporté pour être utilisé sur le Web.

Lorsque vous exportez au format HTML un document Fireworks découpé, le document est assemblé à l’aide d’une table HTML. Chaque élément découpé du document Fireworks occupe une cellule de la table. Une fois exportée, une tranche Fireworks correspond à une cellule de la table dans le code HTML. Vous pouvez spécifier la méthode de reconstruction d’une table Fireworks dans un navigateur (en précisant si vous souhaitez utiliser des espaces ou des tables imbriquées).

  • Les séparateurs sont des images permettant d’aligner correctement les cellules d’un tableau lorsqu’elles sont affichées dans un navigateur.

  • Une table imbriquée est littéralement une table figurant dans une autre table. Les tables imbriquées ne comportent pas de séparateurs. Elles peuvent mettre plus de temps à être chargées dans les navigateurs mais, dans la mesure où elles ne comportent pas de séparateurs, il est plus simple de modifier leur code HTML.

    1. Choisissez Fichier > Configuration HTML ou cliquez sur le bouton Options de la boîte de dialogue Exporter.

    2. Cliquez sur l’onglet Table.

    3. Dans le menu contextuel Espace avec, sélectionnez une option d’espacement :

      Tables imbriquées — Pas de séparateurs
      Permet de créer une table imbriquée sans séparateur.

      Table unique — pas de séparateur
      Permet de créer une seule table sans séparateur. Cette option risque d’entraîner un affichage incorrect dans certains cas.

      Espace transparent de 1 pixel
      Permet d’utiliser une image GIF transparente de 1 pixel sur 1 pixel comme séparateur, lequel peut ensuite être redimensionné, si nécessaire, dans le code HTML. Cela génère une ligne de 1 pixel de hauteur dans la partie supérieure de la table et une colonne de 1 pixel de largeur dans la partie droite de la table.

    4. Sélectionnez une couleur de cellule pour les tranches HTML :

      Remarque : si vous sélectionnez une couleur dans la fenêtre contextuelle des couleurs, elle est appliquée aux tranches HTML uniquement. Les tranches d’image conservent la couleur de la zone de travail.
    5. Dans le menu contextuel Contenu, sélectionnez les éléments à insérer dans les cellules vides :

      Aucun
      Laisse les cellules vides.

      Image d’espacement
      Place une petite image transparente appelée spacer.gif dans les cellules vides.

      Espace insécable
      Place une balise d’espacement HTML dans les cellules vides. Cette cellule est d’aspect creux.
      Remarque : des cellules vides ne sont ajoutées que si vous avez désélectionné Inclure les zones sans tranches dans la boîte de dialogue Exporter pendant l’exportation.

    6. Cliquez sur OK.

      Remarque : pour appliquer les paramètres par défaut à tous les nouveaux documents, vous pouvez spécifier des paramètres d’exportation de table pour chaque document, ou utiliser le bouton Paramètres par défaut (dans l’onglet Propre au document de la boîte de dialogue Configuration HTML).