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

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

7. Mise en page des pages Web

Utilisation des tableaux 2

Sur la base du tableau ci-dessus et des paramètres de cellule, nous pouvons créer le tableau suivant :

Ce qui précède est un tableau 3×2. La largeur du tableau est de 350 pixels. La largeur de chaque cellule est de 33 %, ce qui représente un tiers du tableau. Les marges des cellules, l'espacement des cellules et le tableau sont fusionnés. la largeur des lignes est de 10 ; la couleur d'arrière-plan du tableau est grise, la couleur de la bordure de la cellule 5 est rouge et la couleur d'arrière-plan de la cellule 6 est verte ;

Dans l'exemple ci-dessus, nous définissons la largeur de ligne du tableau sur 0. Dans l'état d'édition, le tableau que nous voyons est :

Une ligne de bordure d'une largeur de 0 sera représentée par une ligne pointillée dans l'état d'édition, et l'effet de navigation réel est :

On voit qu'une ligne de tableau d'une largeur de 0 ne sera pas affichée dans le navigateur. En fait, ce qu'on appelle l'utilisation de tableaux pour la composition consiste à utiliser des tableaux avec une ligne de tableau de 0 pour diviser la page en plusieurs zones afin d'obtenir l'effet de positionnement de la composition. De plus, les tableaux et les tableaux peuvent être imbriqués. Par exemple, dans le tableau ci-dessus, insérez un autre tableau dans la cellule 2 avec une largeur de tableau de 100 % et une largeur de ligne de tableau de 0, et définissez différentes couleurs d'arrière-plan pour les cellules ①②③ respectivement. vous pouvez voir en état d'édition :

L'effet de navigation réel est :

L'imbrication de tableaux est souvent utilisée dans la production de pages Web, en particulier dans les sites Web portails tels que Sina, Sohu et NetEase. Afin d'afficher clairement une grande quantité d'informations devant les spectateurs, l'imbrication de tableaux est le plus fréquemment utilisée. L'image ci-dessous montre la page d'accueil de goEway.com en mode édition. Vous pouvez voir que la page est densément couverte de lignes de tableau :