Usos mágicos de las tablas DreamWeaver: explicación detallada de la producción de estructuras alámbricas (5)
Autor:Eve Cole
Fecha de actualización:2009-05-30 18:36:21
4> Fabricación de bordes espaciadores.
El "borde de espacio" se utiliza principalmente para organizar la lista de elementos de cada columna o canal en la página web. Para facilitar la comprensión de todos, el autor primero le mostrará las representaciones una vez completada la producción, de la siguiente manera:
El siguiente es el proceso de producción correspondiente (tomando como ejemplo la producción de espaciado de tres cuadros)
Primero, inserte un objeto de tabla con 1 fila y 3 columnas en la página web. Durante el proceso de inserción, configure directamente "Border" en 0, "CellSpace" en 2 y "CellPad" en 1, como se muestra en la figura.
Nota: La configuración aquí es completamente equivalente a la del panel de propiedades.
Mantenga presionado el botón izquierdo del mouse y arrastre cada celda para seleccionar 3 objetos de celda al mismo tiempo. Establezca su "Bgcolor" en "Rojo" en el panel de propiedades. Tenga en cuenta que este color es el color del borde del canal.
Para lograr el efecto del espaciado, aquí utilizaremos la producción de "tablas anidadas". El autor primero le indica algunas cosas a las que debe prestar atención al diseñar tablas "anidadas". Al insertar una tabla en una celda, es mejor establecer los atributos de posicionamiento del contenido de la celda en "Horz" (posición izquierda y derecha) y "Vert". " (posición arriba y abajo) respectivamente. Establezca en "Izquierda" y "Arriba" para evitar problemas innecesarios al ajustar nuevamente el tamaño de la tabla anidada. Simplemente arrastre la esquina inferior derecha para lograr esto. como sigue
Inserte un objeto de tabla en tres celdas por turno, establezca "Borde", "CellSpace" y "CellPad" en "0" y establezca el color de fondo de cada tabla en el panel de propiedades en la misma página. El color de fondo es " blanco". Otro punto es establecer tanto "Ancho" como "Alto" en "100%" en el estado de visualización proporcional, para que pueda llenar automáticamente toda la unidad de acuerdo con el tamaño.
Ahora puede obtener una vista previa del efecto.
En la producción del borde del canal, la diferencia con el borde de línea delgada es que el ancho del borde 1 se logra mediante el atributo "CellPad" en lugar del anterior "CellSpace". El "CellPad" aquí se refiere a la distancia de la celda. entre el contenido y el límite de la celda. No hay duda de que las otras tres tablas que insertamos como contenido en este ejemplo lo son. Luego, ajustar "CellSpace" puede cambiar el espacio entre cada borde, como el efecto de "6" unidades
Asimismo, puedes crear bordes de canalones verticales de forma similar.
Arriba hemos analizado cuidadosamente el proceso de producción, los principios y los métodos de ajuste de varios tipos de bordes comunes en las páginas web. Creo que la forma de comparación de efectos es más propicia para que todos comprendan sus respectivas diferencias, profundizando así su impresión. Por supuesto, espero que todos puedan encontrar más efectos de borde de acuerdo con ideas de diseño similares.