Tutorial conciso de Dreamweaver 4 (7. Diseño de página web)

Autor：Eve Cole Fecha de actualización：2009-05-30 18:35:53

7. Diseño de página web

uso de tablas

Las tablas son un elemento muy importante de las páginas web. Debido a que HTML en sí no proporciona más métodos de diseño, a menudo necesitamos usar tablas para lograr un diseño fino de las páginas web. Se puede decir que las tablas son la habilidad más importante en la producción de páginas web. El buen uso de las tablas refleja directamente el nivel de los diseñadores web.

Haga clic en el panel de objetos

, verá el siguiente cuadro de diálogo:

① Filas: el número de filas de la tabla; Columnas: el número de columnas de la tabla;

② Ancho: El ancho de la tabla, la unidad puede ser Píxeles (número de píxeles) o Porcentaje (porcentaje). El tamaño de la tabla definida en píxeles es fijo, mientras que la tabla definida en porcentajes cambiará según el tamaño del navegador. La diferencia entre los dos métodos de definición se explicará en profundidad más adelante;

③ Borde: ancho de la línea de la tabla;

④ Relleno de celda: espacio entre celdas; Espaciado entre celdas: margen de celda. La llamada celda se refiere a cada celda pequeña de la tabla.

Después de configurar como se muestra en la figura, obtendrá el siguiente formulario:

Haga clic en la línea de la tabla para seleccionar la tabla completa. Puede ver esto en el panel de propiedades:

① Filas, Cols: filas y columnas de la tabla;

② W, H: El ancho y alto de la mesa. Normalmente, no definimos el alto de la mesa;

③ CellPad, CellSpace: espaciado de celdas y márgenes de celdas: ancho de las líneas de la tabla;

④ Ailgn: Alineación de la mesa, puede mover la mesa hacia la izquierda (Izquierda), centro (Centro) o derecha (Derecha)

⑤

: Elimina la configuración de altura de fila;

: Eliminar la configuración del ancho de columna;

: convierte la configuración del ancho de la tabla de porcentaje a píxeles;

: convierte la configuración del ancho de la tabla de píxeles a porcentaje;

⑥ Color de fondo: establece el color de fondo de la tabla;

⑦ Brdr Color: establece el color de la línea de la tabla;

⑧ Imagen de fondo: establezca la imagen de fondo de la tabla. Si la imagen de fondo está configurada, el color de fondo no será válido; haga clic en el botón del maletín en la parte posterior para seleccionar la imagen de fondo;

Si movemos el cursor a una de las celdas, el panel de propiedades que vemos es diferente:

①

: Fusionar celdas (primero debe seleccionar las celdas correspondientes a fusionar);

: dividir celdas en varias filas o columnas;

② Horz: Alineación horizontal dentro de la celda, la función es la misma que

similar;
Vert: Alineación vertical dentro de la celda;

③ W, H: ancho y alto de la celda;

④ Bg: imagen de fondo de la celda;

⑤ Bg: color de fondo de la celda;

⑥ Brdr: color del borde de la celda.