Création et mise en forme de tableaux dans Adobe CS5 Dreamweaver - mannequins

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver prend en charge la création et le formatage de tableaux dans votre site Web. Quand vous pensez à une table , pensez à une grille, comme une feuille de calcul. Vous pouvez changer les couleurs des cellules dans les tables, diviser ou span les cellules (les combiner avec d'autres cellules), et leur appliquer des bordures.

Dans certains cas, vous ne voyez pas la table elle-même, car vous pouvez placer le contenu dans la ligne et la colonne sans afficher la table; dans ce cas, c'est juste un outil de formatage. Lorsque vous créez une table, vous pouvez déterminer le nombre de lignes et de colonnes qu'elle contient. Vous pouvez également choisir d'étendre les lignes et les colonnes pour créer des tables uniques.

Une table avec des lignes et des colonnes fusionnées.

1. Placez le curseur à l'endroit où vous souhaitez que la table apparaisse, 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.

   

   Définissez les spécifications du tableau dans la boîte de dialogue Table.

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 la 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 définit la taille par défaut de la table. À 100%, la table occupe 100% de votre page Web et change de taille lorsque la page est redimensionnée. Entrez une valeur de pixel pour vous assurer que la table reste toujours de la même taille.

   • É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 formatage de table, tapez 0 dans la zone de texte Épaisseur de la bordure. En mode Création, vous voyez toujours une bordure de tableau en pointillés. Vous voyez les vraies bordures lorsque vous affichez la page dans un navigateur ou en mode Live.

   • Remplissage de la cellule: Entrez un nombre dans la zone de texte Remplissage de la cellule si vous souhaitez 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 séparer les cellules.

   • En-tête: Sélectionnez le type d'en-tête que vous voulez inclure dans votre tableau (ou sélectionnez Aucun si vous ne voulez pas d'en-tête).

   • Accessibilité: 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 l'objectif de la table.

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