Nota:

la interfaz de usuario se ha simplificado en Dreamweaver CC y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver CC y versiones posteriores. Para obtener más información, consulte este artículo.

Acerca de los registros de la base de datos

Cuando se muestran registros de la base de datos se recupera la información almacenada en una base de datos o en otra fuente de contenido y se presenta esa información en una página web. Dreamweaver ofrece numerosos métodos para mostrar contenido dinámico y proporciona varios comportamientos del servidor incorporados que permiten mejorar la presentación del contenido dinámico y facilitan a los usuarios la búsqueda y el desplazamiento por la información que devuelve la base de datos.

Las bases de datos y otras fuentes de contenido dinámico proporcionan mayor control y flexibilidad para buscar, ordenar y visualizar grandes cantidades de información. Almacenar contenido para sitios web en una base de datos resulta lógico cuando es necesario almacenar grandes cantidades de información y, a continuación, se debe recuperar y visualizar dicha información de un modo comprensible. Dreamweaver ofrece varias herramientas y comportamientos incorporados para ayudarle a recuperar y a visualizar de forma eficaz la información almacenada en una base de datos.

Comportamientos del servidor y los elementos de formato

Dreamweaver proporciona los siguientes comportamientos del servidor y elementos de formato que mejoran la visualización de los datos dinámicos:

Formatos

permiten aplicar distintos tipos de valores numéricos, monetarios y de porcentaje al texto dinámico.

Por ejemplo, si el precio de un artículo de un juego de registros es 10,989, puede mostrarlo en la página como €10,99 seleccionando el formato “Divisa: 2 decimales” de Dreamweaver. Este formato muestra un número con dos decimales. Si el número consta de más de dos decimales, el formato de datos redondea el número al decimal más cercano. Si no tiene decimales, el formato de datos añade el separador decimal y dos ceros.

Repetir región

son comportamientos del servidor que le permiten mostrar múltiples elementos devueltos por una consulta de base de datos, así como especificar el número de registros que se muestran por página.

Navegación de juego de registros

son comportamientos del servidor que le permiten insertar elementos de navegación para que los usuarios puedan pasar al juego de registros siguiente o anterior. Por ejemplo, si elige mostrar 10 registros por página utilizando el objeto de servidor Región repetida y el juego de registros devuelve 40 registros, podrá navegar por los registros de diez en diez.

Estado de navegación de juego de registros

son comportamientos del servidor que permiten incluir un contador que muestra a los usuarios dónde se encuentran dentro un juego de registros en relación con el número total de registros devueltos.

Mostrar región

son comportamientos del servidor que permiten mostrar u ocultar los elementos de la página según la relevancia de los registros mostrados actualmente. Por ejemplo, si un usuario ha accedido al último registro de un juego de registros, puede ocultar el vínculo siguiente y mostrar únicamente el vínculo anterior.

Aplicación de elementos tipográficos y de diseño de página a datos dinámicos

Dreamweaver ofrece amplias posibilidades para presentar datos dinámicos en una página estructurada y aplicar formato tipográfico utilizando HTML y CSS. Para aplicar formatos a los datos dinámicos de Dreamweaver, formatee tablas y marcadores de posición para los datos dinámicos utilizando las herramientas de formato de Dreamweaver. Cuando se inserten los datos procedentes de su fuente, adoptarán automáticamente el formato de fuente, párrafo y tabla que haya especificado.

Los vínculos de navegación por conjuntos de registros permiten al usuario desplazarse de un registro al siguiente o de un juego de registros al siguiente. Por ejemplo, después de diseñar una página para que muestre cinco registros a la vez, puede añadir vínculos como Siguiente o Anterior para permitir que los usuarios vean los cinco registros anteriores o siguientes.

Puede crear cuatro tipos de vínculos de navegación para desplazarse por un juego de registros: Primero, Anterior, Siguiente y Último. Una página puede contener un número cualquiera de estos vínculos, siempre y cuando todos se refieran a un único juego de registros. No puede añadir vínculos para desplazarse por un segundo juego de registros en la misma página.

Los vínculos de navegación por conjuntos de registros requieren los siguientes elementos dinámicos:

  • Un juego de registros por donde navegar.

  • Contenido dinámico en la página para mostrar el registro o los registros.

  • Texto o imágenes en la página que sirvan como barra de navegación en la que hacer clic.

  • Un conjunto de comportamientos de servidor Mover a registro para desplazarse por el juego de registros.

    Puede añadir los dos últimos elementos empleando el objeto de servidor Barra de navegación por registros o añadirlos por separado utilizando las herramientas de diseño y el panel Comportamientos del servidor.

Creación de una barra de navegación de juego de registros

Puede crear una barra de navegación por el juego de registros en una sola operación utilizando el comportamiento del servidor Barra de navegación de juego de registros. El objeto de servidor añade los siguientes elementos a la página:

  • Una tabla HTML con vínculos de texto o imágenes.

  • Un conjunto de comportamientos de servidor Mover a.

  • Un conjunto de comportamientos de servidor Mostrar región.

    La versión de texto de Barra de navegación de juego de registros tiene este aspecto:

Versión de texto de Barra de navegación de juego de registros
Versión de texto de Barra de navegación de juego de registros

Barra de navegación de juego de registros
Barra de navegación de juego de registros

Antes de colocar la barra de navegación en la página, asegúrese de que esta contiene un juego de registros por donde navegar y un diseño de página para mostrar los registros.

Después de situar la barra de navegación en la página, puede utilizar las herramientas de diseño para personalizar la barra según sus gustos. También puede editar los comportamientos del servidor Mover a y Mostrar región haciendo doble clic en ellos en el panel Comportamientos del servidor.

Dreamweaver crea una tabla que contiene los vínculos de texto o imágenes que permiten al usuario desplazarse por el juego de registros seleccionado al hacer clic en ellos. Cuando aparece el primer registro del juego de registros, quedarán ocultos los vínculos o imágenes Primero y Anterior. Cuando aparece el último registro del juego de registros, quedarán ocultos los vínculos o imágenes Siguiente y Último.

Puede personalizar el diseño de la barra de navegación utilizando las herramientas de diseño y el panel Comportamientos del servidor.

  1. En la vista de Diseño, sitúe el punto de inserción en el lugar de la página donde desea que aparezca la barra de navegación.
  2. Abra el cuadro de diálogo Barra de navegación de juego de registros (Insertar > Objetos de datos > Paginación de juego de registros > Barra de navegación de juego de registros).
  3. Seleccione el juego de registros por el que desea navegar en el menú emergente Juego de registros.
  4. En la sección Mostrar utilizando, seleccione el formato para mostrar los vínculos de navegación en la página y haga clic en Aceptar.

    Texto

    Coloca vínculos de texto en la página.

    Imágenes

    Incluye imágenes gráficas a modo de vínculos. Dreamweaver utiliza sus propios archivos de imagen. Puede reemplazar estas imágenes por sus propios archivos de imagen después de colocar la barra en la página.

Barras de navegación de juego de registros personalizadas

Puede crear su propia barra de navegación de juego de registros que utilice estilos de diseño y formato más complejos que los de la tabla sencilla creada por el objeto de servidor Barra de navegación de juego de registros.

Para crear su propia barra de navegación de juego de registros, debe:

  • Crear vínculos de navegación en texto o imágenes

  • Situar los vínculos en la página en la Vista de diseño

  • Asignar comportamientos de servidor individuales a cada vínculo de navegación

En esta sección se describe cómo asignar comportamientos de servidor individuales a los vínculos de navegación.

  1. En la vista de Diseño, seleccione la cadena de texto o imagen de la página que desea utilizar como vínculo de navegación por el juego de registros.
  2. Abra el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y haga clic en el botón de signo más (+).
  3. Seleccione Paginación de juego de registros en el menú emergente y, a continuación, seleccione entre los comportamientos del servidor mostrados uno que sea adecuado para ese vínculo.

    Si el juego de registros contiene un gran número de registros, el comportamiento del servidor Mover al último registro puede tardar bastante tiempo en ejecutarse cuando el usuario haga clic en el vínculo

  4. En el menú emergente Juego de registros, seleccione el juego de registros que contiene los registros y haga clic en Aceptar.

    El comportamiento de servidor se asigna al vínculo de navegación.

Configuración de las opciones del cuadro de diálogo Mover a (comportamiento de servidor)

Añada vínculos que permitan al usuario navegar por los registros de un juego de registros.

  1. Si no ha seleccionado nada en la página, seleccione un vínculo en el menú emergente.
  2. Seleccione el juego de registros que contiene los registros que desea recorrer y haga clic en Aceptar.

    Nota:

    Si el juego de registros contiene un gran número de registros, el comportamiento del servidor Mover al último registro puede tardar bastante tiempo en ejecutarse cuando el usuario haga clic en el vínculo.

Para crear una barra de navegación personalizada, comience creando su representación visual con las herramientas de diseño de páginas de Dreamweaver. No es preciso que cree un vínculo para la cadena de texto o la imagen, ya que Dreamweaver lo crea automáticamente.

La página para la que crea la barra de navegación debe contener un juego de registros por donde navegar. Una barra de navegación de juego de registros podría tener este aspecto, con los botones de vínculos creados con imágenes u otros elementos de contenido.

Barra de navegación de juegos de registros sencilla
Barra de navegación de juegos de registros sencilla

Después de añadir un juego de registros a la página y de crear una barra de navegación, deberá aplicar comportamientos individuales de servidor a cada elemento de navegación. Por ejemplo, una barra de navegación de juego de registros contiene representaciones de los siguientes vínculos enlazados con el comportamiento adecuado:

Vínculo de navegación

Comportamiento del servidor

Ir a la primera página

Mover a la primera página

Ir a la página anterior

Mover a la página anterior

Ir a la siguiente página

Mover a la siguiente página

Ir a la última página

Mover a la última página

Visualización y ocultación de registros según los resultados del juego de registros

También puede especificar que una región se muestre u oculte en función de si el juego de registros está vacío. Si un juego de registros está vacío (por ejemplo, no se han encontrado registros que coincidan con la consulta), puede mostrar un mensaje que informe al usuario sobre esta circunstancia. Este mensaje puede resultar especialmente útil si crea páginas de búsqueda que se basen en los términos de búsqueda introducidos por el usuario para volver a ejecutar consultas. Del mismo modo, puede mostrar un mensaje de error si se produce un problema al conectar con una base de datos o si el nombre y la contraseña de un usuario no coinciden con los que reconoce el servidor.

Los comportamientos del servidor Mostrar región son:

  • Mostrar si el juego de registros está vacío

  • Mostrar si el juego de registros no está vacío

  • Mostrar si es la primera página

  • Mostrar si no es la primera página

  • Mostrar si es la última página

  • Mostrar si no es la última página

  1. En la vista de Diseño, seleccione en la página la región que se debe mostrar u ocultar.
  2. En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de signo más (+).
  3. Seleccione Mostrar región en el menú emergente, seleccione uno de los comportamientos del servidor incluidos en la lista y haga clic en Aceptar.

Visualización de varios resultados de juego de registros

El comportamiento del servidor Repetir región permite mostrar múltiples registros de un juego en una página. Cualquier selección de datos dinámicos puede convertirse en una región repetida. Sin embargo, las regiones más habituales son una tabla, una fila o una serie de filas de tabla.

  1. En la vista de Diseño, seleccione una región que incluya contenido dinámico.

    La selección puede ser una tabla, una fila de una tabla o incluso un párrafo de texto.

    Para seleccionar de forma precisa una región de la página, puede utilizar el selector de etiquetas que se encuentra en la esquina izquierda de la ventana de documento. Por ejemplo, si la región es una fila de una tabla, haga clic dentro de la fila en la página y luego haga clic en la etiqueta <tr> situada en el extremo derecho del selector de etiquetas para seleccionar la fila de la tabla.

  2. Seleccione Ventana > Comportamientos del servidor para mostrar el panel Comportamientos del servidor.
  3. Haga clic en el botón de signo Más (+) y seleccione Repetir región.
  4. Seleccione el nombre del juego de registros que desea utilizar en el menú emergente.
  5. Seleccione el número de registros que desea mostrar por página y haga clic en Aceptar.

    En la ventana de documento, aparecerá un contorno delgado delimitado con tabulaciones de color gris alrededor de la región repetida.

Modificación de las regiones repetidas en el inspector de propiedades

  1. Modifique la región repetida seleccionada cambiando cualquiera de las siguientes opciones:
    • El nombre de la región repetida.

    • El juego de registros que proporciona los registros para la región repetida.

    • El número de registros mostrados.

      Al seleccionar una nueva opción, Dreamweaver actualiza la página.

Reutilización de juegos de registros PHP

Para ver un tutorial sobre la reutilización de juegos de registros PHP, consulte el tutorial de David Powers, How Do I Reuse a PHP Recordset in More Than One Repeat Region? (¿Cómo se reutiliza un juego de registros PHP en más de una región repetida?)

Creación de una tabla dinámica

El ejemplo siguiente ilustra cómo se aplica el comportamiento del servidor Repetir región a la fila de una tabla y especifica que se muestren nueve registros por página. La fila muestra cuatro registros distintos: ciudad, estado, dirección y código postal.

Comportamiento del servidor Repetir región aplicado a una fila de una tabla
Comportamiento del servidor Repetir región aplicado a una fila de una tabla

Para crear una tabla como la mostrada en el ejemplo anterior, deberá crear una tabla con contenido dinámico y aplicar el comportamiento del servidor Repetir región a la fila de la tabla con contenido dinámico. Cuando el servidor de aplicaciones procesa la página, la fila se repite el número de veces especificado en el objeto de servidor Repetir región con un registro distinto insertado en cada nueva fila.

  1. Siga uno de estos procedimientos para insertar una tabla dinámica:
    • Seleccione Insertar > Objetos de datos > Datos dinámicos > Tabla dinámica para mostrar el cuadro de diálogo Tabla dinámica.

    • En la categoría Datos del panel Insertar, haga clic en el botón Datos dinámicos y seleccione el icono Tabla dinámica del menú emergente.

  2. Seleccione el juego de registros del menú emergente Juego de registros.
  3. Seleccione el número de registros que desea mostrar por página.
  4. (Opcional) Introduzca valores para el borde de la tabla y el relleno y espaciado de celdas.

    El cuadro de diálogo Tabla dinámica conserva los valores introducidos para los bordes de la tabla y el relleno y el espaciado de las celdas.

    Nota:

    Si trabaja en un proyecto que requiere varias tablas dinámicas con el mismo aspecto, introduzca los valores de diseño de la tabla, lo que simplifica aun más el desarrollo de las páginas. Puede ajustar estos valores después de insertar la tabla utilizando el inspector de propiedades de tablas.

  5. Haga clic en Aceptar.

    Se insertarán en la página una tabla y los marcadores de posición del contenido dinámico definido en su juego de registros asociado.

    Una tabla y los marcadores de posición para el dinámico contenido
    Una tabla y los marcadores de posición para el contenido dinámico en un juego de registros

    En este ejemplo, el juego de registros contiene cuatro columnas: AUTHORID, FIRSTNAME, LASTNAME y BIO. La fila de encabezado de la tabla se llena con los nombres de cada columna. Puede editar los encabezados utilizando el texto descriptivo que desee o reemplazarlos por imágenes representativas.

Creación de contadores de registros

Los contadores de registros dan a los usuarios un punto de referencia cuando navegan por una serie de registros. Los contadores de registros suelen mostrar el número total de registros devuelto y los registros actuales que se están viendo. Por ejemplo, si un juego de registros devuelve 40 registros individuales y se muestran ocho registros por página, el contador de registros de la primera página indicará “Mostrando registros 1-8 de 40”.

Antes de crear un contador de registros para una página deberá crear un juego de registros para la página, un diseño de página adecuado para el contenido dinámico y después una barra de navegación de juego de registros.

Creación de contadores de registros simples

Los contadores de registros permiten a los usuarios saber en qué posición se encuentran en un juego de registros con relación al número total de registros devueltos. Por esta razón, los contadores de registros son un comportamiento útil que puede facilitar significativamente el uso de una página web.

Puede crear un contador de registros simple utilizando el objeto de servidor Estado de navegación de juego de registros. Este objeto de servidor crea una entrada de texto en la página para mostrar el estado del registro actual. Puede personalizar el contador de registros utilizando las herramientas de diseño de páginas de Dreamweaver.

  1. Coloque el punto de inserción donde desee insertar el contador de registros.
  2. Seleccione Insertar > Objetos de datos > Mostrar recuento de registros > Estado de navegación de juego de registros, seleccione el juego de registros del menú emergente Juego de registros y haga clic en Aceptar.

    El objeto del servidor Estado de navegación de juego de registros inserta un contador de registros de texto similar al del siguiente ejemplo:

    El objeto de servidor Estado de navegación de juego de registros

    Cuando se muestra en la Vista en vivo, el contador es similar al del siguiente ejemplo.

    Estado de navegación de juegos de registros en Vista en vivo

Creación y adición del contador de registros a la página

  1. En el cuadro de diálogo Insertar estado de navegación por juego de registros, seleccione el juego de registros que debe controlarse y haga clic en Aceptar.

Creación de contadores de registros personalizados

Puede utilizar los comportamientos individuales de contadores de registros para crear contadores de registros personalizados. Estos contadores de registros ofrecen posibilidades más avanzadas que la sencilla tabla de una fila que inserta el objeto del servidor Estado de navegación de juego de registros. Puede organizar los elementos de diseño de varias formas creativas y aplicar un comportamiento del servidor adecuado a cada elemento.

Los comportamientos del servidor Recuento de registros son:

  • Mostrar el número de registro inicial

  • Mostrar el número de registro final

  • Mostrar el total de registros

Antes de crear un contador de registros personalizado para una página deberá crear primero un juego de registros para la página, un diseño de página adecuado para el contenido dinámico y una barra de navegación de juego de registros.

Este ejemplo crea un contador de registros similar al del ejemplo para “Contadores de registros simples”. En este ejemplo, el texto en fuente sans-serif representa los marcadores de posición de los contadores de registros que se insertarán en la página. El contador de registros de este ejemplo aparecerá de este modo:

Mostrando registros StartRow a través de EndRow of RecordSet.RecordCount.

  1. En la vista de Diseño, introduzca el texto del contador en la página. Puede elegir el texto que desee, por ejemplo:
    Displaying records thru of .
  2. Sitúe el punto de inserción al final de la cadena de texto.
  3. Abra el panel Comportamientos del servidor (Ventana > Comportamientos del servidor).
  4. Haga clic en el botón de signo más (+) de la esquina superior izquierda y, a continuación, haga clic en Mostrar recuento de registros. En este submenú, seleccione Mostrar el total de registros. El comportamiento Mostrar el total de registros se inserta en la página y un marcador de posición se inserta donde estaba el punto de inserción. La cadena de texto aparecerá ahora como:
    Displaying records thru of {Recordset1.RecordCount}.
  5. Sitúe el punto de inserción después de la palabra records y seleccione Mostrar el número de registros inicial en el panel Comportamientos del servidor > botón de signo más (+) > Recuento de registros. La cadena de texto aparecerá ahora como:
    Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
  6. Ahora sitúe el punto de inserción después de la palabra thru y of y seleccione Mostrar el número de registros inicial en el panel Comportamientos del servidor > botón de signo más (+) > Recuento de registros. La cadena de texto aparecerá ahora como:
    Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
  7. Compruebe que el contador funciona correctamente viendo la página en la Vista en vivo. El contador es similar al del ejemplo siguiente:
    Displaying records 1 thru 8 of 40.

    Si la página de resultados tiene un vínculo de navegación para desplazarse al siguiente juego de registros, haga clic en el vínculo para actualizar el contador de registros, que ofrecerá la siguiente lectura:

    Showing records 9 thru 16 of 40.

Uso de formatos de datos predefinidos

Dreamweaver incorpora varios formatos de datos predefinidos que puede aplicar a elementos de datos dinámicos. Los estilos de formato de datos incluyen formatos de fecha y hora, moneda, número y porcentaje.

Aplicación de formatos de datos al contenido dinámico

  1. Seleccione el marcador de posición de contenido dinámico en la ventana de documento.
  2. Elija Ventana > Vinculaciones para mostrar el panel Vinculaciones.
  3. Haga clic en el botón de flecha abajo en la columna Formato.

    Si la flecha abajo no es visible, amplíe el panel.

  4. En el menú emergente Formato, seleccione la categoría de formato de datos que desee.

    Asegúrese de que el formato de datos es adecuado para el tipo de datos que está formateando. Por ejemplo, los formatos de divisa solo funcionan con datos dinámicos compuestos por números. Asimismo, no podrá aplicar más de un formato a los mismos datos.

  5. Compruebe que el formato se haya aplicado correctamente obteniendo una vista previa de la página en la Vista en vivo.

Personalización de un formato de datos

  1. Abra una página que contenga datos dinámicos en la vista de Diseño.

  2. Seleccione los datos dinámicos para los que desea crear un formato personalizado.

    Se resaltará el elemento de datos vinculado cuyo texto dinámico ha seleccionado en el panel Vinculaciones (Ventana > Vinculaciones). El panel muestra dos columnas para el elemento seleccionado: Vinculación y Formato. Si la columna Formato no está visible, amplíe el panel Vinculaciones para mostrarla.

  3. En el panel Vinculaciones, haga clic en la flecha abajo en la columna Formato para ampliar el menú emergente de formatos de datos disponibles.

    Si la flecha abajo no está visible, amplíe un poco más el panel Vinculaciones.

  4. Seleccione Editar lista de formatos en el menú emergente.

  5. Rellene el cuadro de diálogo y haga clic en OK.

    a. Seleccione el formato de la lista y haga clic en Editar.

    b. Cambie cualquiera de los siguientes parámetros en el cuadro de diálogo Divisa, Número o Porcentaje y haga clic en OK.

    • El número de dígitos que se muestran detrás de la coma decimal
    • Si se inserta un cero delante de las fracciones
    • Si se utilizan paréntesis o un signo menos para valores negativos
    • Si se agrupan los dígitos

    c. Para eliminar un formato de datos, selecciónelo en la lista y, a continuación, haga clic en el botón de signo menos (–).

Creación de un formato de datos (solo ASP)

  1. Abra una página que contenga datos dinámicos en la vista de Diseño.
  2. Seleccione los datos dinámicos para los que desea crear un formato personalizado.

  3. Seleccione Ventana > Vinculaciones para mostrar el panel Vinculaciones y haga clic en la flecha abajo en la columna Formato. Si la flecha abajo no está visible, amplíe el panel.
  4. Seleccione Editar lista de formatos en el menú emergente.
  5. Haga clic en el botón de signo más (+) y seleccione un tipo de formato.
  6. Defina el formato y haga clic en Aceptar.
  7. Escriba un nombre en el nuevo formato en la columna Nombre y haga clic en Aceptar (Windows) o en OK (Mac OS).

    Nota:

    Aunque solo admite la creación de formatos de datos como páginas ASP, los usuarios de ColdFusion y PHP pueden descargar formatos creados por otros desarrolladores o crear formatos de servidor y publicarlos en Dreamweaver Exchange. Para obtener más información sobre la API de formato de servidor, consulte Ampliación de Dreamweaver (Ayuda > Ampliación de Dreamweaver > Formatos de servidor).

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea