Guía del usuario Cancelar

Creación de tablas y regiones repetidas en Dreamweaver

 

 

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 repetida es una sección de una plantilla que se puede duplicar muchas veces en una página basada en plantilla. Generalmente, las regiones repetidas suelen utilizarse con tablas. Sin embargo, también es posible definir una región repetida para otros elementos de la página.

Las regiones repetidas permiten controlar el diseño de la página mediante la repetición de determinados elementos, como un elemento de catálogo y un diseño de descripción, o la repetición de una fila de datos como una lista de elementos.

Puede utilizar dos objetos de plantilla de región repetida: región repetida y tabla repetida.

Creación de una región repetida en una plantilla

Las regiones repetidas permiten a los usuarios de las plantillas duplicar una región especificada en una plantilla tantas veces como deseen. Una región repetida no tiene por qué ser necesariamente una región editable.

Para convertir en editable el contenido de una región repetida (por ejemplo, para que un usuario pueda introducir texto en una celda de la tabla en un documento basado en una plantilla), deberá insertar una región editable en la región repetida.

  1. En la ventana de documento, siga uno de estos procedimientos:
    • Seleccione el texto o el contenido que desea definir como región repetida.

    • Sitúe el punto de inserción en el documento en el que desea insertar la región repetida.

  2. Siga uno de estos procedimientos:
    • Elija Insertar > Plantilla > Región repetida.

    • En la categoría Plantillas del panel Insertar, seleccione Región repetida.

  3. En el cuadro de texto Nombre, introduzca un nombre exclusivo para la región. (No se puede usar el mismo nombre para más de una región repetida en una plantilla).
    Nota:

    No utilice caracteres especiales al asignar un nombre a una región.

  4. Haga clic en Aceptar.

Inserción de una tabla repetida

Puede utilizar una tabla repetida para crear una región editable (en formato de tabla) con filas repetidas. Puede definir atributos de tabla y establecer qué celdas de la tabla son editables.

  1. En la ventana de documento, sitúe el punto de inserción en el documento donde desea insertar la tabla de repetición.
  2. Siga uno de estos procedimientos:
    • Seleccione Insertar > Plantilla > Tabla repetida.

    • En la categoría Plantillas del panel Insertar, seleccione Tabla repetida.

  3. Especifique las opciones siguientes y haga clic en OK.

    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 misma.

    Espacio entre celdas

    Determina el número de píxeles entre celdas de tabla contiguas.

    Nota:

    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 porcentaje del ancho de la ventana del navegador.

    Borde

    Especifica el ancho en píxeles de los bordes de la tabla.

    Nota:

    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 región repetida.

    Fila inicial

    Establece el número de fila introducido como primera fila para incluir en la región repetida.

    Fila final

    Establece el número de fila introducido como última fila para incluir en la región repetida.

    Nombre de la región

    Permite establecer un nombre exclusivo para la región repetida.

    Creación de tablas repetidas
    Creación de tablas repetidas

Configuración de colores de fondo alternativos en una tabla repetida

Después de insertar una tabla repetida en una plantilla, puede personalizarla alternando el color de fondo de las filas de la tabla.

  1. En la ventana de documento, seleccione una fila en la tabla repetida.
  2. Haga clic en el botón Mostrar vista de código o el botón Mostrar vistas de código y diseño de la barra de herramientas Documento para acceder al código de la fila de la tabla seleccionada.
  3. En la vista de Código, edite la etiqueta <tr> para incluir el código siguiente:
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">

    Puede sustituir los valores hexadecimales #FFFFFF y #CCCCCC por otras opciones de color.

  4. Guarde la plantilla.

    A continuación se muestra un ejemplo de código de tabla que incluye colores de fondo alternativos para las filas de una tabla:

    <table width="75%" border="1" cellspacing="0" cellpadding="0">
    <tr><th>Name</th><th>Phone Number</th><th>Email Address</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>
    <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr><th>Name</th><th>Phone Number</th><th>Email Address</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>
    <table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
    <tr><th>Name</th><th>Phone Number</th><th>Email Address</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>

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?