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

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

Utilisation de calques

Si vous pensez que l'utilisation de tableaux pour positionner les éléments de la page est trop difficile à maîtriser, autant essayer d'utiliser l'avantage des calques. Cliquez sur le panneau des propriétés

, le curseur deviendra une croix et faites-le glisser sur la fenêtre d'édition pour créer un calque. Nous pouvons saisir la plupart des éléments de la page Web sur le calque, tels que des images, du texte, etc. L’avantage des calques est qu’ils peuvent être placés n’importe où sur la page, comme indiqué ci-dessous :

Après avoir sélectionné un calque, le panneau de propriétés correspondant est le suivant :

① ID de couche : le nom de la couche, utilisé pour identifier les différentes couches ;

② L, T : La position du calque, L est la distance depuis le bord gauche de la page, T est la distance depuis le bord supérieur de la page ;
W, H : largeur et hauteur de la couche ;

③ Z-Index : ordre des couches sur l'axe Z ;

④ Bg Image : image de fond du calque ;

⑤ Vis : L'état d'affichage du calque, où Caché masque le calque et le rend invisible ;

⑥ Bg Corlor : La couleur d’arrière-plan du calque ;

⑦ Balise : La méthode de code utilisée par la couche. Généralement, le DIV par défaut peut être utilisé ;

⑧ Débordement S'il y a trop de textes dans le calque, ou si l'image est trop grande et que la taille du calque n'est pas suffisante pour tout afficher, vous pouvez choisir :
visible : La partie dépassée est toujours affichée ;
masqué : la partie excédentaire est masquée ;
scroll : La barre de défilement sera affichée indépendamment du fait qu'elle soit dépassée ou non ;
auto : La barre de défilement apparaîtra uniquement lorsqu'elle dépasse la limite ;
Par exemple, si nous sélectionnons auto, le calque dans l'exemple ci-dessus sera affiché comme suit :

Les avantages des calques sont évidents, mais les inconvénients le sont également. Par exemple, il est difficile de créer une page Web qui s'adapte à différentes résolutions ; lorsqu'une page utilise plusieurs calques, la complexité de la page augmente, ce qui rend l'édition très lourde ; statut d'édition et statut de navigation Il existe des différences assez évidentes dans l'effet réel. Habituellement, les gens utilisent Layer pour la composition, puis convertissent le calque en tableau (Modefy > Convert > Layers to Table). L'opération spécifique ne sera pas décrite ici. Vous pouvez l'essayer vous-même.