La création de la table et le formatage dans Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (CS5 Adobe) Dreamweaver prend en charge la création et la mise en forme de tableaux dans votre site web. Quand vous pensez d'un table, penser à une grille, comme un tableur. Vous pouvez changer les couleurs des cellules dans les tableaux, diviser ou empan les cellules (les combiner avec d'autres cellules), et appliquer des bordures à eux.

Dans certains cas, vous ne voyez pas le tableau lui-même parce que vous pouvez placer du contenu en ligne et sous forme de colonne sans montrer la table- dans ce cas, il est juste un outil de formatage. Lorsque vous créez une table, vous pouvez déterminer le nombre de lignes et de colonnes qu'il contient. Vous pouvez également choisir d'étendre lignes et de colonnes pour créer des tableaux uniques.

Une table avec lignes et colonnes fusionné.
Une table avec lignes et colonnes fusionné.
  1. Placez le curseur là où vous souhaitez que le tableau apparaît, assurez-vous que l'onglet Commun sur le panneau Insertion est visible, puis cliquez sur le bouton Tableau.

    Alternativement, vous pouvez choisir Insérez-tableau. Quelle que soit la méthode que vous utilisez, la boîte de dialogue de la table apparaît.

    Définissez les spécifications de table dans la boîte de dialogue de la table.
    Définissez les spécifications de table dans la boîte de dialogue de la table.
  2. Entrez ou sélectionnez les attributs de la table que vous souhaitez créer:

    • Rangées: Dans la boîte de texte Lignes, entrez le nombre de lignes que vous voulez dans le tableau. Lignes superposables peuvent être ajoutés ou supprimés après la création de la table.

    • Colonnes: Dans la zone de texte Colonnes, entrez le nombre de colonnes que vous voulez dans le tableau. Les colonnes sont créés horizontalement sur une table et peuvent être ajoutés ou supprimés après l'avoir créé.

    • Largeur du tableau: Entrez une mesure de largeur dans la zone de texte Largeur de tableau puis sélectionnez une mesure (pixels ou en pourcentage) dans la liste déroulante à droite. Largeur de la table définit la taille par défaut de la table. À 100 pour cent, la table occupe 100 pour cent de votre page Web, changer de taille lorsque la page est redimensionnée. Entrer une valeur de pixel de sorte que la table reste toujours la même taille.

    • Border Epaisseur: Entrez (en pixels) de l'épaisseur que vous voulez pour la largeur de la bordure entourant les cellules et en dehors de la table. Si vous voulez voir aucun formatage de table, tapez 0 dans la zone de texte Epaisseur de bordure. En mode Création, vous voyez toujours une table bordure en pointillés. Vous voyez véritables frontières lorsque vous affichez la page dans un navigateur ou en mode Live.

    • Marge intérieure des cellules: Entrez un nombre dans la zone de texte Marge intérieure des cellules si vous souhaitez créer une marge autour de tout le contenu à l'intérieur de la cellule.

    • Espacement des cellules: Entrez un nombre dans la zone de texte Espacement des cellules si vous voulez pousser les cellules à part.


    • Entête: Sélectionnez le type de tête que vous voulez inclure dans votre table (ou sélectionnez Aucun si vous voulez pas de têtes).

    • Accessibilité: Ajouter une légende qui est pertinent à votre table dans la zone de texte Légende. Dans la zone Résumé, inclure plusieurs lignes de texte à fournir plus d'informations sur l'objet de la table.

    • Cliquez sur OK.

      Votre table est créée.

    Lorsque vous travaillez avec des tables, essayer de profiter de la fonction de table élargi dans Dreamweaver. (Trouvez le bouton élargi dans la section Mise en page du panneau Insertion.) Vue élargi ajoute remplissage des cellules et de l'espacement dans une table et augmente la taille de la frontière pour faciliter la sélection. Pour un aperçu précis, revenir à l'affichage standard (cliquez sur le bouton standard dans la section Mise en page du panneau Insertion) après avoir terminé le montage.


    » » » » La création de la table et le formatage dans Adobe CS5 Dreamweaver