En la vista Diseño, coloca el punto de inserción en la
ubicación de la página donde quieres que aparezca la barra de navegación.
Última actualización el
25-04-2024
Nota
La interfaz de usuario se ha simplificado en Dreamweaver y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver y versiones posteriores. Para obtener más información, consulte este artículo.
Acerca de los registros de la base de datos
Mostrar registros de base de datos implica recuperar información almacenada en una base de datos u otra fuente de contenido, y presentar esa información en una página web.Dreamweaver proporciona muchos métodos para mostrar contenido dinámico, y ofrece varios comportamientos de servidor integrados que le permiten tanto mejorar la presentación del contenido dinámico, como permitir a los usuarios buscar más fácilmente y navegar por la información devuelta desde una base de datos.
Las bases de datos y otras fuentes de contenido dinámico le proporcionan mayor potencia y flexibilidad para buscar, ordenar y visualizar grandes tiendas web de información. Usar una base de datos para almacenar contenido para sitios web tiene sentido cuando necesitas almacenar grandes cantidades de información, y luego recuperar y mostrar esa información de manera significativa.Dreamweaver te proporciona varias herramientas y comportamientos prediseñados para ayudarte a recuperar y mostrar eficazmente información almacenada en una base de datos.
Comportamientos de servidor y elementos de formato
Dreamweaver proporciona los siguientes comportamientos de servidor y elementos de formato para mejorar la visualización de datos dinámicos:
Formatos
te permiten aplicar diferentes tipos de valores numéricos, monetarios, de fecha/hora y de porcentaje al texto dinámico.
Por ejemplo, si el precio de un artículo en un conjunto de registros muestra 10.989, puedes mostrar el precio en la página como $10.99 seleccionando el formato "Moneda - 2 decimales" de Dreamweaver. Este formato muestra un número con dos decimales. Si el número tiene más de dos decimales, el formato de datos redondea el número al decimal más cercano. Si el número no tiene decimales, el formato de datos añade un punto decimal y dos ceros.
Repetir región
los comportamientos de servidor te permiten mostrar múltiples elementos devueltos desde una consulta de base de datos, y especificar el número de registros a mostrar por página.
Navegación de juego de registros
los comportamientos del servidor te permiten insertar elementos de navegación que permiten a los usuarios moverse al siguiente conjunto de registros o al anterior devuelto por el conjunto de registros.Por ejemplo, si eliges mostrar 10 registros por página usando el objeto de servidor Región repetitiva, y el conjunto de registros devuelve 40 registros, puedes navegar a través de 10 registros a la vez.
Estado de navegación de juego de registros
Los comportamientos del servidor te permiten incluir un contador que muestra a los usuarios dónde se encuentran dentro de un conjunto de registros en relación con el número total de registros devueltos.
Mostrar región
Los comportamientos del servidor te permiten elegir mostrar u ocultar elementos en la página en función de la relevancia de los registros mostrados actualmente.Por ejemplo, si un usuario ha navegado al último registro de un conjunto de registros, puedes ocultar el enlace Siguiente y mostrar solo el enlace Anterior.
Aplicar elementos tipográficos y de diseño de página a datos dinámicos
Una característica poderosa de Dreamweaver es la capacidad de presentar datos dinámicos dentro de una página estructurada, y aplicar formato tipográfico usando HTML y CSS.Para aplicar formatos a datos dinámicos en Dreamweaver, da formato a las tablas y marcadores de posición de los datos dinámicos mediante las herramientas de formato de Dreamweaver.Cuando los datos se insertan desde su fuente de datos, adoptan automáticamente la fuente, párrafo y formato de tabla que especificaste.
Navegar por los resultados del conjunto de registros de la base de datos
Los enlaces de navegación del conjunto de registros permiten a los usuarios moverse de un registro al siguiente, o de un conjunto de registros al siguiente.Por ejemplo, después de diseñar una página para mostrar cinco registros a la vez, podrías querer agregar enlaces como Siguiente o Anterior que permiten a los usuarios mostrar los cinco registros siguientes o anteriores.
Puedes crear cuatro tipos de enlaces de navegación para moverte a través de un conjunto de registros: Primero, Anterior, Siguiente y Último.Una sola página puede contener cualquier cantidad de estos vínculos, siempre que todos funcionen en un solo conjunto de registros. No puedes agregar vínculos para moverte por un segundo conjunto 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 registros.
Texto o imágenes en la página en los que se puede hacer clic para que sirvan como barra de navegación
Un conjunto de comportamientos del servidor Mover a registro para navegar por el conjunto de registros
Puedes agregar los dos últimos elementos usando el objeto del servidor Barra de navegación de registros, o puedes agregarlos por separado usando las herramientas de diseño y el panel Comportamientos del servidor.
Crear una barra de navegación de juego de registros
Puedes crear una barra de navegación del conjunto de registros en una sola operación usando el comportamiento del servidor Recordset Navigation Bar.El objeto del servidor agrega los siguientes componentes 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:
Antes de colocar la barra de navegación en la página, asegúrese de que ésta 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.
Mostrar el cuadro de diálogo Barra de navegación del conjunto de registros (Insertar > Objetos de datos > Paginación del conjunto de registros > Barra de navegación del conjunto de registros).
Selecciona el conjunto de registros por el que quieres navegar desde el menú
emergente Conjunto de registros.
En la sección Mostrar usando, selecciona el formato para
mostrar los vínculos de navegación en la página y haz 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 usa sus propios archivos de imagen. Puedes reemplazar estas imágenes con archivos de imagen propios después de colocar la barra en la página.
Barras de navegación de juego de registros personalizadas
Puedes crear tu propia barra de navegación del conjunto de registros que use estilos de diseño y formato más complejos que la tabla simple creada por el objeto de servidor Barra de navegación del conjunto 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
Esta sección describe cómo asignar comportamientos individuales del servidor a los vínculos de navegación.
Crear y asignar comportamientos del servidor a un vínculo de navegación
En la vista Diseño, selecciona la cadena de texto
o imagen en la página que quieres usar como vínculo de navegación de registros.
Abre el panel Comportamientos del servidor (Ventana >
Comportamientos del servidor) y haz clic en el botón Más (+).
Selecciona Paginación del conjunto de registros del menú emergente; luego selecciona
un comportamiento del servidor apropiado para ese vínculo de los comportamientos del
servidor listados.
Si el conjunto de registros contiene un gran número de registros, el comportamiento del servidor Mover al último registro puede tardar mucho tiempo en ejecutarse cuando el usuario hace clic en el enlace.
En el menú emergente Conjunto de registros, selecciona el conjunto de registros que
contiene los registros y haz clic en Aceptar.
El comportamiento de servidor se asigna al vínculo de navegación.
Configurar las opciones del cuadro de diálogo Mover a (comportamiento del servidor)
Agregar vínculos que permitan al Usuario navegar por los registros en un conjunto de registros.
Si no seleccionaste nada en la página, selecciona
un vínculo del menú emergente.
Selecciona el conjunto de registros que contiene los registros por los que
paginar y haz clic en Aceptar.
Nota
Si el conjunto de registros contiene un gran número de registros, el comportamiento del servidor Mover al último registro puede tardar mucho tiempo en ejecutarse cuando el usuario hace clic en el enlace.
Tareas de diseño de la barra de navegación
Al crear una barra de navegación personalizada, comience por crear su representación visual utilizando las herramientas de diseño de páginas de Dreamweaver.No tienes que crear un enlace para la cadena de texto o imagen, Dreamweaver crea uno automáticamente.
La página para la que crees la barra de navegación debe contener un conjunto de registros para navegar.Una barra de navegación simple de conjunto de registros podría verse así, con botones de enlace creados a partir de imágenes u otros elementos de contenido:
Después de haber agregado un conjunto de registros a una página y haber creado una barra de navegación, debes aplicar comportamientos del servidor individuales a cada elemento de navegación.Por ejemplo, una barra de navegación típica de conjunto de registros contiene representaciones de los siguientes enlaces combinados con el comportamiento correspondiente:
|
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 |
Mostrar y ocultar regiones según los resultados del conjunto de registros
También puedes especificar que una región se muestre u oculte según si el conjunto de registros está vacío.Si un conjunto de registros está vacío (por ejemplo, no se encontraron registros que coincidan con la consulta), puedes mostrar un mensaje informando al usuario que no se devolvieron registros.Esto es especialmente útil al crear páginas de búsqueda que dependen de términos de búsqueda introducidos por el usuario para ejecutar consultas.De manera similar, puedes mostrar un mensaje de error si hay un problema al conectarse a una base de datos, o si el nombre de usuario y la contraseña no coinciden con los reconocidos por el servidor.
Los comportamientos de servidor de 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
En la vista Diseño, selecciona la región de la página
que deseas mostrar u ocultar.
En el panel Comportamientos del servidor (Ventana > Comportamientos del
servidor), haz clic en el botón Más (+).
Seleccione Mostrar región del menú emergente, seleccione uno de los comportamientos del servidor enumerados y haga clic en Aceptar.
Visualización de varios resultados de juego de registros
El comportamiento del servidor Región repetida te permite mostrar múltiples registros de un conjunto de registros dentro de una página.Cualquier selección de datos dinámicos se puede convertir en una región repetida.Sin embargo, las regiones más comunes son una tabla, una fila de tabla o una serie de filas de tabla.
En la vista Diseño, selecciona una región que contenga
contenido dinámico.
La selección puede ser cualquier cosa, incluyendo una tabla, una fila de tabla o incluso un párrafo de texto.
Para seleccionar una región en la página con precisión, puedes usar el selector de etiquetas en la esquina izquierda de la ventana del documento.Por ejemplo, si la región es una fila de tabla, haz clic dentro de la fila en la página, luego haz clic en la etiqueta <tr> más a la derecha en el selector de etiquetas para seleccionar la fila de tabla.
Selecciona Ventana > Comportamientos del servidor para mostrar
el panel Comportamientos del servidor.
Haz clic en el botón Más (+) y selecciona Región
repetida.
Selecciona el nombre del conjunto de datos que quieras utilizar desde el menú emergente.
Selecciona el número de registros que quieres mostrar por página y haz clic en Aceptar.
En la ventana de documento, aparece un contorno gris, con pestañas y delgado alrededor de la región repetida.
Modificar regiones repetidas en el inspector de propiedades
Modificar la región repetida seleccionada cambiando cualquiera de las siguientes opciones:
El nombre de la región repetida.
El conjunto de datos que proporciona los registros para la región repetida.
El número de registros mostrados.
Cuando seleccionas una nueva opción, Dreamweaver actualiza la página.
Reutilización de juegos de registros PHP
Para un tutorial sobre cómo reutilizar conjuntos de datos PHP, consulta el tutorial de David Powers, ¿Cómo reutilizo un conjunto de datos PHP en más de una región repetida?
Creación de una tabla dinámica
El siguiente ejemplo ilustra cómo se aplica el comportamiento del servidor Región repetida a una fila de tabla y especifica que se muestran nueve registros por página.La propia fila muestra cuatro registros diferentes: ciudad, estado, dirección y código postal.
Para crear una tabla como la del ejemplo anterior, debes crear una tabla que contenga contenido dinámico y aplicar el comportamiento del servidor Región repetida a la fila de tabla que contiene el contenido dinámico.Cuando la página es procesada por el servidor de la aplicación, la fila se repite el número de veces especificado en el objeto servidor Región repetida, con un registro diferente insertado en cada nueva fila.
Siga uno de estos procedimientos para insertar una tabla dinámica:
Selecciona Insertar > Objetos de datos > Datos dinámicos > Tabla dinámica para mostrar el cuadro de diálogo Tabla dinámica.
Desde la categoría Datos del panel Insertar, haz clic en el botón Datos dinámicos y selecciona el icono Tabla dinámica desde el menú emergente.
Seleccione el juego de registros del menú emergente Juego de registros.
Seleccione el número de registros que desea mostrar por página.
(Opcional) Introduce valores para el borde de la tabla, el relleno de celdas y el espaciado de celdas.
El cuadro de diálogo Tabla dinámica conserva los valores que introduces para bordes de tabla, relleno de celdas y espaciado de celdas.
Nota
Si estás trabajando en un proyecto que requiere varias tablas dinámicas con la misma apariencia, introduce los valores de diseño de tabla, lo que simplifica aún más el desarrollo de páginas.Puedes ajustar estos valores después de insertar la tabla usando el inspector de Propiedades de tabla.
Haga clic en OK.
Se insertan en la página una tabla y marcadores de posición para el contenido dinámico definido en su conjunto de datos asociado.
En este ejemplo, el conjunto de datos contiene cuatro columnas: AUTHORID, FIRSTNAME, LASTNAME y BIO.La fila de encabezado de la tabla se rellena con los nombres de cada columna.Puedes editar los encabezados usando cualquier texto descriptivo o reemplazarlos con imágenes representativas.
Creación de contadores de registros
Los contadores de registros proporcionan a los usuarios un punto de referencia cuando navegan por un conjunto de registros.Normalmente, los contadores de registros muestran el número total de registros devueltos y los registros actuales que se están visualizando.Por ejemplo, si un conjunto de registros devuelve 40 registros y se muestran 8 registros por página, el contador de registros en la primera página indicaría «Mostrando registros 1‑8 de 40».
Antes de crear un contador de registros para una página, debes crear un conjunto de registros para la página, un diseño de página apropiado para contener el contenido dinámico y, luego, una barra de navegación del conjunto de registros.
Creación de contadores de registros simples
Los contadores de registros permiten que los usuarios sepan dónde se encuentran dentro de un conjunto determinado de registros en relación con el número total de registros devueltos.Por esta razón, los contadores de registros son un comportamiento útil que puede mejorar significativamente la usabilidad de una página web.
Crear un contador de registros sencillo mediante el objeto de servidor Estado de navegación del conjunto de registros.Este objeto de servidor crea una entrada de texto en la página para mostrar el estado actual del registro.Puedes personalizar el contador de registros usando las herramientas de diseño de página de Dreamweaver.
Coloca el punto de inserción donde quieras insertar
el contador de registros.
Selecciona Insertar > Objetos de datos >
Mostrar recuento de registros > Estado de navegación del conjunto de registros,
selecciona el conjunto de registros del menú emergente Conjunto de registros y haz clic en Aceptar.
El objeto de servidor Estado de navegación del conjunto de registros inserta un contador de registros de texto que aparece similar al siguiente ejemplo:
Cuando se ve en la vista Live, el contador aparece similar al siguiente ejemplo:
Generar y añadir el contador de registros a la página
En el cuadro de diálogo Insertar estado de navegación del conjunto de registros,
selecciona el conjunto de registros a seguir y haz clic en Aceptar.
Creación de contadores de registros personalizados
Se utilizan comportamientos de recuento de registros individuales para crear contadores de registros personalizados.Crear un contador de registros personalizado te permite crear un contador de registros más allá de la tabla simple de una sola fila insertada por el objeto de servidor Estado de navegación del conjunto de registros.Puedes organizar elementos de diseño de varias maneras creativas y aplicar un comportamiento de servidor apropiado a cada elemento.
Los comportamientos de servidor de 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, primero debes crear un conjunto de registros para la página, un diseño de página apropiado para contener el contenido dinámico y una barra de navegación del conjunto de registros.
Este ejemplo crea un contador de registros que se parece al ejemplo de "Contadores de registros simples". En este ejemplo, el texto en fuente sans-serif representa los marcadores de posición de recuento de registros que se insertarán en la página.El contador de registros en este ejemplo aparece como sigue:
Mostrando registros StartRow hasta EndRow de RecordSet.RecordCount.
En la vista Diseño, introduce el texto del contador en la
página.Puede elegir el texto que desee, por ejemplo:
Mostrando registros hasta de .
Sitúe el punto de inserción al final de la cadena de texto.
Abrir el panel Comportamientos del servidor (Ventana > Comportamientos del servidor).
Haz clic en el botón Más (+) en la esquina superior izquierda y
haz clic en Mostrar recuento de registros.En este submenú, selecciona Mostrar
Total de registros. El comportamiento Mostrar total de registros se inserta en
la página y se inserta un marcador de posición donde estaba el punto de
inserción. La cadena de texto aparecerá ahora como:
Mostrando registros hasta de {Recordset1.RecordCount}.
Coloca el punto de inserción después de la palabra registros,
y selecciona Mostrar número de recuento de registros iniciales desde Comportamientos del servidor
> botón Más (+) > Recuento de registros panel. La cadena de texto aparecerá ahora como:
Mostrando registros {StartRow_Recordset1} hasta de {Recordset1.RecordCount}.
Ahora coloca el punto de inserción entre las palabras hasta y de,
y selecciona Mostrar número de recuento de registros iniciales desde Comportamientos del servidor
> botón Más (+) > Recuento de registros panel. La cadena de texto aparecerá ahora como:
Mostrando registros {StartRow_Recordset1} hasta {EndRow_Recordset1} de {Recordset1.RecordCount}.
Confirma que el contador funcione correctamente visualizando
la página en vista en vivo; el contador es similar al siguiente ejemplo:
Mostrando registros del 1 al 8 de 40.
Si la página de resultados tiene un enlace de navegación para pasar al siguiente conjunto de registros, al hacer clic en el enlace se actualiza el contador de registros para que se lea de la siguiente manera:
Mostrando registros del 9 al 16 de 40.
Usar formatos de datos predefinidos
Dreamweaver incluye varios formatos de datos predefinidos que puedes aplicar a elementos de datos dinámicos. Los estilos de formato de datos incluyen formatos de fecha y hora, moneda, numéricos y de porcentaje.
Aplicación de formatos de datos al contenido dinámico
Seleccione el marcador de posición de contenido dinámico en la ventana Documento.
Seleccione Ventana > Vínculos para mostrar el panel Vínculos.
Haga clic en el botón de flecha abajo en la columna Formato.
Si la flecha abajo no es visible, amplíe el panel.
En el menú emergente Formato, selecciona la categoría de formato de datos
que deseas.
Asegúrate de que el formato de datos sea apropiado para el tipo de datos que estás formateando. Por ejemplo, los formatos de moneda funcionan solo si los datos dinámicos consisten en datos numéricos. Ten en cuenta que no puedes aplicar más de un formato a los mismos datos.
Verifica que el formato se haya aplicado correctamente previsualizando
la página en vista en vivo.
Personalización de un formato de datos
Abrir una página que contenga datos dinámicos en vista Diseño.
Selecciona los datos dinámicos para los que deseas 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.
En el panel Vínculos, haz clic en la flecha hacia abajo en la columna Formato para expandir el menú emergente de formatos de datos disponibles.
Si la flecha abajo no está visible, amplíe un poco más el panel Vinculaciones.
Seleccione Editar lista de formatos en el menú emergente.
Completa el cuadro de diálogo y haz clic en Aceptar.
a. Seleccione el formato de la lista y haga clic en Editar.
b. Cambie cualquiera de los siguientes parámetros en los cuadros de diálogo Moneda, Número o Porcentaje, y haga clic en Aceptar.
- 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, haz clic en el formato de la lista y haz clic en el botón Menos (-).
Crear un formato de datos (solo ASP)
Abrir una página que contenga datos dinámicos en Vista Diseño.
Seleccione los datos dinámicos para los que desea crear un formato personalizado.
Seleccione Ventana > Enlaces para mostrar el
panel Enlaces, y haga clic en la Flecha abajo de la columna Formato. Si la Flecha abajo
no está visible, expanda el panel.
Seleccione Editar lista de formatos en el menú emergente.
Haga clic en el botón de signo más (+) y seleccione un tipo de formato.
Defina el formato y haga clic en Aceptar.
Introduzca un nombre para el nuevo formato en la columna Nombre, y
haga clic en Aceptar.
Nota
Aunque Dreamweaver solo admite la creación de formatos de datos para páginas ASP, los usuarios de ColdFusion y PHP pueden descargar formatos que otros desarrolladores crearon, o crear formatos de servidor y publicarlos en Dreamweaver Exchange. Para obtener más información sobre la API de Server Format, consulte Extending Dreamweaver(Ayuda > Extending Dreamweaver > Server Formats).
Temas similares
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
