Utilisation de tableaux dans Adobe Dreamweaver CS6 - Témoin

Lorsque vous pensez à un tableau dans Adobe Dreamweaver CS6 , pense à une grille contenant plusieurs cellules, beaucoup comme une feuille de calcul. Les tableaux sont utilisés dans les pages HTML afin que les éléments et les données puissent être contenus et positionnés dans des cellules spécifiques d'une série de lignes et de colonnes.

Vous pouvez changer les couleurs des cellules dans les tableaux, diviser ou étendre les cellules (les combiner avec d'autres cellules) et leur appliquer des bordures.

Lorsque vous créez une table, vous pouvez déterminer le nombre de lignes et de colonnes qu'elle contient, ainsi que définir des largeurs fixes ou échelonnables pour les lignes et les colonnes si nécessaire. Vous pouvez également choisir de fusionner lignes et colonnes pour créer des tables uniques.

Pour créer une table dans Dreamweaver, procédez comme suit:

1. Placez le curseur à l'emplacement souhaité, assurez-vous que l'onglet Commun du panneau Insertion est visible, puis cliquez sur le bouton Table.

   Vous pouvez également choisir Insérer → Tableau. Quelle que soit la méthode utilisée, la boîte de dialogue Table s'affiche.

   

2. Entrez ou sélectionnez les attributs de la table que vous souhaitez créer:

   • Lignes: Dans la zone de texte Lignes, entrez le nombre de lignes que vous souhaitez dans la table. Les lignes s'empilent verticalement et peuvent être ajoutées ou supprimées après la création de la table.

   • Colonnes: Dans la zone de texte Colonnes, entrez le nombre de colonnes souhaité dans la table. Les colonnes sont créées horizontalement sur une table et peuvent être ajoutées ou supprimées après leur création.

   • Largeur de table: Entrez une mesure de largeur dans la zone de texte Largeur de table, puis sélectionnez une mesure (Pixels ou Pourcent) dans la liste déroulante située à droite. La largeur de la table est un attribut important car elle définit la taille par défaut de la table.

   • Épaisseur de la bordure: Entrez (en pixels) l'épaisseur souhaitée pour la largeur de la bordure entourant les cellules et à l'extérieur de la table. Si vous ne souhaitez pas voir de mise en forme de la table, tapez 0 dans la zone de texte Épaisseur de la bordure. Remarque: En mode Création, vous voyez toujours une bordure de tableau en pointillés - ce n'est qu'une aide visuelle.

   • Rembourrage de la cellule: Entrez un nombre dans la zone de texte Remplissage de la cellule si vous souhaitez utiliser un remplissage pour créer une marge autour de tout le contenu de la cellule.

   • Espacement des cellules: Entrez un nombre dans la zone de texte Espacement des cellules si vous souhaitez modifier l'espacement pour séparer les cellules.

   • En-tête: La case à cocher En-tête convertit la ligne supérieure de la table d'une ligne standard en un en-tête défini (en utilisant la balise ). Cela renforce que la première ligne et son contenu définissent l'en-tête de la table.

   • Options d'accessibilité: Vous pouvez fournir des informations supplémentaires pour aider les utilisateurs malvoyants à comprendre le contenu de votre tableau.Ajoutez une légende pertinente à votre tableau dans la zone de texte Légende. Dans la zone Résumé, incluez plusieurs lignes de texte pour fournir plus d'informations sur le but de la table et son contenu.

3. Cliquez sur OK.

   Votre tableau est créé.

Lorsque vous travaillez avec des tables, essayez de tirer parti de la fonction de table développée dans Dreamweaver. (Vous trouverez le bouton Développé dans la section Mise en page du panneau Insertion.) La vue développée ajoute un remplissage et un espacement dans une table et augmente la taille de la bordure pour faciliter la sélection des cellules et du contenu.

Pour un aperçu précis, revenez en mode Standard (cliquez sur le bouton Standard dans la section Mise en page du panneau Insertion) une fois la modification terminée.