Création d'une table dans Dreamweaver - Factures

Vous pouvez insérer une table en cliquant sur l'icône Table dans le panneau Insertion de mise en page de Dreamweaver ou en utilisant Insérez le menu, comme indiqué dans les instructions étape par étape suivantes.Ne vous souciez pas de perfectionner les paramètres, vous modifiez toutes ces options plus tard (à l'exception des paramètres d'accessibilité, qui peuvent être modifiés uniquement en mode Code après que vous 'a créé une table).

Pour créer une table dans Dreamweaver:

1. Choisissez Insérer → Tableau ou cliquez sur l'icône Tableau dans le panneau Insertion commune ou Mise en page. < La boîte de dialogue Table apparaît

   Dans les champs Lignes et Colonnes, spécifiez respectivement le nombre de lignes et de colonnes que vous voulez dans votre table

   

2. Dans le champ Largeur de table, entrez la largeur de la table et puis sélectionnez Pourcentage ou Pixels dans la liste déroulante

3. Si vous choisissez Pixels, la table sera créée dans une taille fixe. Si vous choisissez Pourcentage, la taille ou la taille de la table augmente en fonction de la taille de la fenêtre du navigateur. Par exemple, si vous créez une table et définissez la taille à 80%, la table remplira 80% de l'espace de la fenêtre du navigateur.

   Dans le champ Epaisseur de la bordure, spécifiez l'épaisseur de la bordure de votre tableau en pixels.

4. Vous pouvez entrer un 0 dans ce champ pour créer une table sans bordure visible.

   Dans les champs Remplissage de cellule et Espacement de cellule, entrez le nombre de pixels de remplissage de cellule et l'espacement de cellule, respectivement, pour votre table.

5. Les champs de remplissage et d'espacement peuvent être laissés vides pour créer une table sans rembourrage ou espacement supplémentaire. Vous pouvez également créer un style CSS qui spécifie l'espacement.

   Choisissez une option En-tête en cliquant sur l'icône représentant la position de l'en-tête souhaitée dans votre tableau.

6. (Facultatif) Dans les champs Accessibilité, ajoutez une légende et un résumé.

7. Ces champs fournissent des informations supplémentaires qui peuvent être utiles aux malentendants et autres personnes qui naviguent sur le Web à l'aide de lecteurs d'écran ou d'autres navigateurs Web qui lisent les pages Web à haute voix.

   Cliquez sur OK.

8. La table est ajoutée à la page dans Dreamweaver et la boîte de dialogue Table se ferme.

   Pour ajouter du texte à une table, cliquez pour placer votre curseur dans une cellule de tableau, puis tapez les données souhaitées dans cette cellule. Répétez pour chaque cellule.

9. Vous pouvez également utiliser Edition → Collage spécial pour insérer des données en colonnes d'un autre programme, tel qu'Excel.

   Pour insérer une image dans une cellule, cliquez pour placer votre curseur dans une cellule de tableau, puis choisissez Insérer → Image → Image. Répétez pour chaque cellule.

10. Vous pouvez également utiliser l'icône Image dans le panneau Insertion commune.

    Appliquez des options de mise en forme, telles que le gras ou l'italique, aux cellules sélectionnées et à leur contenu en choisissant l'option dans l'inspecteur des propriétés.

11. Vous pouvez modifier toutes les options de la table, à l'exception des options Accessibilité, dans l'inspecteur des propriétés après avoir créé une table. Lorsque vous sélectionnez une table ou une cellule en cliquant dessus dans l'espace de travail de Dreamweaver, les attributs apparaissent dans l'inspecteur des propriétés au bas de la zone de travail.

Cliquez sur la bordure d'une table pour sélectionner la table entière, et l'inspecteur des propriétés affiche les options de la table. Pour afficher toutes les options, cliquez sur la flèche d'expansion dans l'angle inférieur droit de l'inspecteur des propriétés.

Crédit: Photo par Janine Warner

Il est parfois difficile de sélectionner la table entière et pas seulement une cellule individuelle. Si vous rencontrez des difficultés pour sélectionner la table, placez simplement votre curseur n'importe où dans le tableau et choisissez Modifier → Tableau → Sélectionner une table.