Utilisations magiques des tables DreamWeaver - explication détaillée de la production filaire (5)
Auteur：Eve Cole
Date de mise à jour：2009-05-30 18:36:21
4> Réalisation de bordures d'espacement
La « bordure d'espacement » est principalement utilisée pour organiser la liste des éléments de chaque colonne ou canal sur la page Web. Afin de faciliter la compréhension de chacun, l'auteur vous montrera d'abord les rendus une fois la production terminée, comme suit :
Voici le processus de production correspondant (en prenant comme exemple la production d'espacement à trois cadres)
Tout d'abord, insérez un objet tableau avec 1 ligne et 3 colonnes dans la page Web. Pendant le processus d'insertion, définissez directement "Border" sur 0, "CellSpace" sur 2 et "CellPad" sur 1, comme indiqué dans la figure.
Remarque : Les paramètres ici sont tout à fait équivalents à ceux du panneau de propriétés.
Maintenez le bouton gauche de la souris enfoncé et faites glisser sur chaque cellule pour sélectionner 3 objets cellulaires en même temps. Définissez son "Bgcolor" sur "Red" dans le panneau des propriétés. Notez que cette couleur est la couleur de la bordure de la gouttière.
Afin d'obtenir l'effet d'espacement, nous utiliserons ici la réalisation de "tableaux imbriqués". L'auteur vous indique d'abord quelques éléments à prendre en compte lors de la conception de tableaux « imbriqués » Lors de l'insertion d'un tableau dans une cellule, il est préférable de définir les attributs de positionnement du contenu de la cellule « Horz » (position gauche et droite) et « Vert ». " (positions haut et bas) respectivement. Réglez sur "Gauche" et "Haut" pour éviter des problèmes inutiles lors du réglage à nouveau de la taille du tableau imbriqué. Faites simplement glisser le coin inférieur droit pour y parvenir. comme suit
Insérez tour à tour un objet tableau dans trois cellules, définissez "Border", "CellSpace" et "CellPad" sur "0" et définissez la couleur d'arrière-plan de chaque tableau dans le panneau de propriétés sur la même page. La couleur d'arrière-plan est " blanc". Un autre point est de régler à la fois « Largeur » et « Hauteur » sur « 100 % » dans l'état d'affichage proportionnel, afin qu'il puisse remplir automatiquement toute l'unité en fonction de la taille de la grille.
Vous pouvez maintenant prévisualiser l'effet.
Dans la fabrication de la bordure de gouttière, la différence avec la bordure fine est que la largeur de la bordure 1 est obtenue grâce à l'attribut "CellPad" au lieu de l'ancien "CellSpace". Le "CellPad" fait ici référence à la cellule. entre le contenu et la limite de la cellule. Il ne fait aucun doute que les trois autres tableaux que nous avons insérés comme contenu dans cet exemple le sont. Ensuite, l'ajustement de "CellSpace" peut modifier l'espacement entre chaque bordure, comme l'effet de "6" unités
De même, vous pouvez créer des bordures de gouttières verticales de la même manière.
Ci-dessus, nous avons soigneusement analysé le processus de production, les principes et les méthodes d'ajustement de plusieurs types de bordures courants dans les pages Web. Je crois que la forme de comparaison des effets est plus propice à la compréhension par chacun de ses différences respectives, approfondissant ainsi son impression. Bien sûr, j'espère que chacun pourra trouver plus d'effets de frontière selon des idées de conception similaires.
