Tutorial conciso de Dreamweaver 4 (7. Diseño de página web 3)
Autor：Eve Cole
Fecha de actualización：2009-05-30 18:35:47
Uso de capas
Si cree que usar tablas para colocar elementos de la página es demasiado difícil de dominar, también puede intentar usar lo bueno de las capas. Haga clic en el panel de propiedades
, el cursor se convertirá en una cruz y arrástrelo a la ventana de edición para crear una capa. Podemos ingresar la mayoría de los elementos de la página web en la capa, como imágenes, texto, etc. La ventaja de las capas es que se pueden colocar en cualquier lugar de la página, como se muestra a continuación:
Después de seleccionar una capa, el panel de propiedades correspondiente es el siguiente:
① ID de capa: el nombre de la capa, utilizado para identificar diferentes capas;
② L, T: la posición de la capa, L es la distancia desde el borde izquierdo de la página, T es la distancia desde el borde superior de la página;
W, H: ancho y alto de la capa;
③ Índice Z: orden de capas en el eje Z;
④ Imagen Bg: imagen de fondo de la capa;
⑤ Vis: el estado de visualización de la capa, donde Oculto oculta la capa y la hace invisible;
⑥ Bg Corlor: El color de fondo de la capa;
⑦ Etiqueta: el método de código utilizado por la capa. Generalmente, se puede utilizar el DIV predeterminado;
⑧ Desbordamiento Si hay demasiados textos en la capa, o la imagen es demasiado grande y el tamaño de la capa no es suficiente para mostrarlo todo, puede elegir:
visible: La parte excedida todavía se muestra;
oculto: la parte sobrante está oculta;
scrool: la barra de desplazamiento se mostrará independientemente de si se excede;
auto: la barra de desplazamiento aparecerá solo cuando exceda el límite;
Por ejemplo, si seleccionamos automático, la capa en el ejemplo anterior se mostrará como:
Las ventajas de las capas son obvias, pero las desventajas son igualmente obvias. Por ejemplo, es difícil crear una página web que se adapte a diferentes resoluciones; cuando una página usa múltiples capas, la complejidad de la página aumenta, lo que hace que la edición sea muy engorrosa; estado de edición y estado de navegación Hay diferencias bastante obvias en el efecto real. Por lo general, la gente usa Capa para componer y luego convierte la capa en una tabla (Modefy > Convertir > Capas en tabla. La operación específica no se describirá aquí. Puede probarla usted mismo).
