Cree regiones y tablas repetidas y configure las propiedades de tabla en Dreamweaver para controlar el diseño de la página.
Una región repetitiva es una sección de una plantilla que se puede duplicar muchas veces en una página basada en plantilla.Normalmente, las zonas repetitivas se usan con tablas, pero puedes definir una zona repetitiva para otros elementos de página.
Las zonas repetitivas te permiten controlar el diseño de la página repitiendo ciertos elementos, como un elemento de catálogo y el diseño de descripción, o una fila para datos como una lista de elementos.
Hay dos objetos de plantilla de región repetitiva que puedes usar: región repetitiva y tabla repetitiva.
Crear una zona repetitiva en una plantilla
Las zonas repetitivas permiten a los usuarios de plantilla duplicar una zona específica en una plantilla tantas veces como deseen. Una región repetida no tiene por qué ser necesariamente una región editable.
Para hacer que el contenido en una zona repetitiva sea editable (por ejemplo, para permitir que un usuario introduzca texto en una celda de tabla en un documento basado en plantilla), debe insertar una zona editable en la zona repetitiva.
Selecciona el texto o contenido que quieres establecer como una zona repetitiva.
Coloca el punto de inserción en el documento donde quieras insertar la zona repetitiva.
Elija Insertar > Plantilla > Región repetida.
En la categoría Plantillas del panel Insertar, seleccione Región repetida.
No utilice caracteres especiales al asignar un nombre a una región.
Inserción de una tabla repetida
Puedes usar una tabla repetitiva para crear una zona editable (en formato de tabla) con filas repetitivas. Puedes definir atributos de tabla y establecer qué celdas de tabla son editables.
Seleccione Insertar > Plantilla > Tabla repetida.
En la categoría Plantillas del panel Insertar, seleccione Tabla repetida.
Filas
Determina el número de filas de la tabla.
Columnas
Determina el número de columnas de la tabla.
Relleno de celda
Determina el número de píxeles entre el contenido de una celda y los límites de la celda.
Espacio entre celdas
Determina el número de píxeles entre celdas de tabla contiguas.
Si no se especifican los valores de espaciado y relleno de celda, la mayoría de los navegadores mostrará la tabla como si el relleno de celda estuviera configurado en 1 y el espaciado de celda estuviera configurado en 2. Para garantizar que los navegadores muestren la tabla sin relleno ni espaciado, establezca Relleno de celda y Espacio entre celdas con el valor 0.
Ancho
Especifica el ancho de la tabla en píxeles, o como un porcentaje del ancho de la ventana del explorador.
Borde
Especifica el ancho en píxeles de los bordes de la tabla.
Si no se especifica un valor para el borde, la mayoría de los navegadores mostrará la tabla como si el borde estuviera configurado en 1. Para garantizar que los navegadores muestren la tabla sin borde, establezca Borde en 0.
Para ver los límites de las celdas y la tabla cuando el borde sea 0, seleccione Ver > Opciones de vista de diseño > Ayudas visuales. Esta opción solo está disponible en la vista de diseño.
Repetir filas de la tabla
Especifica qué filas de la tabla se incluyen en la zona repetitiva.
Fila inicial
Establece el número de fila introducido como la primera fila a incluir en la zona repetitiva.
Fila final
Establece el número de fila introducido como la última fila a incluir en la zona repetitiva.
Nombre de la región
Permite establecer un nombre exclusivo para la región repetida.
Establecer colores de Fondo alternos en una tabla repetitiva
Después de insertar una tabla repetitiva en una plantilla, puedes personalizarla alternando el color de fondo de las filas de la tabla.
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Puedes reemplazar los valores hexadecimales #FFFFFF y #CCCCCC con otras opciones de color.
El siguiente es un ejemplo de código de una tabla que incluye filas de tabla con colores de fondo alternos:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Nombre</th><th>Número de teléfono</th><th>Dirección de correo electrónico</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Temas similares
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.