Tutoriel concis de Dreamweaver 4 (7. Mise en page de page Web)

Auteur：Eve Cole Date de mise à jour：2009-05-30 18:35:53

7. Mise en page des pages Web

Utilisation de tableaux

Les tableaux sont un élément très important des pages Web. Étant donné que le HTML lui-même ne fournit pas davantage de méthodes de mise en page, nous devons souvent utiliser des tableaux pour obtenir une mise en page fine des pages Web. On peut dire que les tableaux constituent la compétence la plus importante dans la production de pages Web. La qualité de leur utilisation reflète directement le niveau des concepteurs Web.

Cliquez sur le panneau d'objet

, vous verrez la boîte de dialogue suivante :

① Lignes : le nombre de lignes dans le tableau ; Colonnes : le nombre de colonnes dans le tableau ;

② Largeur : La largeur du tableau, l'unité peut être le Pixel (nombre de pixels) ou le Pourcentage (pourcentage). La taille du tableau défini en pixels est fixe, tandis que le tableau défini en pourcentages changera en fonction de la taille du navigateur. La différence entre les deux méthodes de définition sera expliquée en détail ultérieurement ;

③ Bordure : largeur de la ligne du tableau ;

④ Remplissage des cellules : espacement des cellules ; Espacement des cellules : marge des cellules. La soi-disant cellule fait référence à chaque petite cellule du tableau.

Après avoir réglé comme indiqué sur la figure, vous obtiendrez le formulaire suivant :

Cliquez sur la ligne du tableau pour sélectionner le tableau entier. Vous pouvez le voir dans le panneau des propriétés :

① Lignes, Cols : lignes et colonnes du tableau ;

② W, H : La largeur et la hauteur de la table Normalement, nous ne définissons pas la hauteur de la table ;

③ CellPad, CellSpace : espacement des cellules et marges des cellules ; Bordure : largeur des lignes du tableau ;

④ Ailgn : Alignement du tableau, vous pouvez déplacer le tableau vers la gauche (Gauche), le centre (Centre) ou la droite (Droite)

⑤

: Supprimer les paramètres de hauteur de rangée ;

: Supprimer les paramètres de largeur de colonne ;

: Convertissez le paramètre de largeur du tableau du pourcentage en pixels ;

: Convertissez le paramètre de largeur du tableau de pixels en pourcentage ;

⑥ Bg Color : définissez la couleur d’arrière-plan du tableau ;

⑦ Brdr Color : définissez la couleur de la ligne du tableau ;

⑧ Image Bg : définissez l'image d'arrière-plan du tableau. Si l'image d'arrière-plan est définie, la couleur d'arrière-plan sera invalide ; cliquez sur le bouton porte-documents à l'arrière pour sélectionner l'image d'arrière-plan ;

Si nous déplaçons le curseur sur l'une des cellules, le panneau de propriétés que nous voyons est différent :

①

: Fusionner les cellules (vous devez d'abord sélectionner les cellules correspondantes à fusionner) ;

: diviser les cellules en plusieurs lignes ou colonnes ;

② Horz : Alignement horizontal dans la cellule, la fonction est la même que

similaire;
Vert : Alignement vertical à l’intérieur de la cellule ;

③ W, H : largeur et hauteur de la cellule ;

④ Bg : image de fond de la cellule ;

⑤ Bg : couleur de fond de cellule ;

⑥ Brdr : couleur de la bordure de la cellule.