Guía del usuario Cancelar

Visualización de registros de bases de datos

  1. Guía del usuario de Dreamweaver
  2. Introducción
    1. Conceptos básicos sobre diseño web adaptable
    2. Novedades de Dreamweaver
    3. Desarrollo web con Dreamweaver: información general
    4. Dreamweaver / Preguntas frecuentes
    5. Métodos abreviados de teclado
    6. Requisitos del sistema para Dreamweaver
    7. Resumen de funciones
  3. Dreamweaver y Creative Cloud
    1. Sincronizar la configuración de Dreamweaver con Creative Cloud
    2. Bibliotecas Creative Cloud en Dreamweaver
    3. Uso de archivos de Photoshop en Dreamweaver
    4. Trabajar con Adobe Animate y Dreamweaver
    5. Extraer archivos SVG optimizados para la Web desde bibliotecas
  4. Espacios de trabajo y vistas de Dreamweaver
    1. El espacio de trabajo de Dreamweaver
    2. Optimización del espacio de trabajo de Dreamweaver para la implementación visual
    3. Buscar archivos por nombre de archivo o contenido | Mac OS
  5. Configuración de sitios
    1. Acerca de los sitios de Dreamweaver
    2. Configuración de una versión local del sitio
    3. Conectar con servidores de publicación
    4. Configuración de un servidor de prueba
    5. Importación y exportación de la configuración de un sitio de Dreamweaver
    6. Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
    7. Funciones de accesibilidad en Dreamweaver
    8. Ajustes avanzados
    9. Configuración de las preferencias de sitio para transferir archivos
    10. Especificación de la configuración del servidor proxy en Dreamweaver
    11. Sincronizar la configuración de Dreamweaver con Creative Cloud
    12. Uso de Git en Dreamweaver
  6. Administrar archivos
    1. Creación y apertura de documentos
    2. Administración de archivos y carpetas
    3. Carga de archivos al servidor y descarga desde el mismo
    4. Desprotección y protección de archivos
    5. Sincronizar archivos
    6. Comparación de archivos para detectar diferencias
    7. Ocultación de archivos y carpetas en el sitio de Dreamweaver
    8. Activación de Design Notes para sitios de Dreamweaver
    9. Prevención de la posible actuación repentina de Gatekeeper
  7. Maquetación y diseño
    1. Usar ayudas visuales al diseñar
    2. Información sobre el uso de CSS para diseñar la página
    3. Diseño de sitios web interactivos con Bootstrap
    4. Creación y uso de consultas de medios en Dreamweaver
    5. Presentación de contenido en tablas
    6. Colores
    7. Diseño interactivo mediante diseños de cuadrícula fluida
    8. Extract en Dreamweaver
  8. CSS
    1. Aspectos básicos de las hojas de estilos en cascada
    2. Diseño de páginas con el Diseñador de CSS
    3. Uso de preprocesadores de CSS en Dreamweaver
    4. Configuración de las preferencias de estilos CSS en Dreamweaver
    5. Mover reglas CSS en Dreamweaver
    6. Conversión de CSS en línea en una regla CSS en Dreamweaver
    7. Uso de etiquetas div
    8. Aplicación de degradados al fondo
    9. Creación y edición de efectos de transición de CSS3 en Dreamweaver
    10. Formatear código
  9. Contenido de página y activos
    1. Definición de las propiedades de la página
    2. Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
    3. Uso de texto
    4. Buscar y reemplazar texto, etiquetas y atributos
    5. Panel DOM
    6. Editar en la Vista en vivo
    7. Codificación de documentos en Dreamweaver
    8. Selección y visualización de elementos de la ventana de documento
    9. Configuración de las propiedades de texto en el inspector de propiedades
    10. Revisión ortográfica de una página web
    11. Uso de las reglas horizontales en Dreamweaver
    12. Añadir y modificar combinaciones de fuentes en Dreamweaver.
    13. Trabajo con activos
    14. Inserción y actualización de fechas en Dreamweaver
    15. Creación y gestión de activos favoritos en Dreamweaver
    16. Insertar y editar imágenes en Dreamweaver
    17. Adición de objetos multimedia
    18. Adición de vídeos en Dreamweaver
    19. Insertar vídeo HTML5
    20. Insertar archivos SWF
    21. Adición de efectos de sonido
    22. Insertar audio HTML5 en Dreamweaver
    23. Trabajar con elementos de bibliotecas
    24. Uso de texto árabe y hebreo en Dreamweaver
  10. Establecimiento de vínculos y navegación
    1. Acerca del establecimiento de vínculos y la navegación
    2. Vinculación
    3. Mapas de imágenes
    4. Vínculos de solución de problemas
  11. Widgets y efectos de jQuery
    1. Uso de interfaz de usuario y widgets móviles de jQuery en Dreamweaver
    2. Uso de efectos jQuery en Dreamweaver
  12. Programación de sitios web
    1. Acerca de la programación en Dreamweaver
    2. Entorno de programación en Dreamweaver
    3. Configuración de las preferencias de programación
    4. Personalización de los colores del código
    5. Escritura y edición de código
    6. Sugerencias de código y completado de código
    7. Contraer y expandir código
    8. Reutilizar código con fragmentos
    9. Depuración de código mediante linting
    10. Optimización del código
    11. Edición de código en Vista de diseño
    12. Trabajo con el contenido de Head para páginas
    13. Inserción del lado del servidor incluida en Dreamweaver
    14. Uso de bibliotecas de etiquetas en Dreamweaver
    15. Importación de etiquetas personalizadas a Dreamweaver
    16. Uso de comportamientos de JavaScript (instrucciones generales)
    17. Aplicación de comportamientos JavaScript incorporados
    18. Acerca de XML y XSLT
    19. Realización de transformaciones XSL del lado del servidor en Dreamweaver
    20. Realización de transformaciones XSL en el lado del cliente en Dreamweaver
    21. Adición de entidades de caracteres para XSLT en Dreamweaver
    22. Formatear código
  13. Flujos de trabajo de varios productos
    1. Instalación y uso de extensiones para Dreamweaver
    2. Actualizaciones integradas en Dreamweaver
    3. Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
    4. Trabajo con Fireworks y Dreamweaver
    5. Edición de contenido en sitios de Dreamweaver con Contribute
    6. Integración de Dreamweaver Business Catalyst
    7. Crear campañas de correo electrónico personalizado
  14. Plantillas
    1. Acerca de las plantillas de Dreamweaver
    2. Reconocimiento de plantillas y documentos basados en plantillas
    3. Crear una plantilla de Dreamweaver
    4. Crear regiones editables en plantillas
    5. Creación de tablas y regiones repetidas en Dreamweaver
    6. Usar regiones opcionales en plantillas
    7. Definición de atributos de etiqueta editables en Dreamweaver
    8. Creación de plantillas anidadas en Dreamweaver
    9. Edición, actualización y eliminación de plantillas
    10. Exportar e importar contenido xml en Dreamweaver
    11. Aplicación o eliminación de una plantilla de un documento existente
    12. Edición de contenido en plantillas de Dreamweaver
    13. Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
    14. Configuración de preferencias de resaltado en regiones de plantillas
    15. Ventajas de usar plantillas en Dreamweaver
  15. Móvil y multipantalla
    1. Creación de consultas de medios
    2. Cambio de la orientación de página para dispositivos móviles
    3. Creación de aplicaciones web para dispositivos móviles con Dreamweaver
  16. Sitios, páginas y formularios web dinámicos
    1. Aspectos básicos de las aplicaciones web
    2. Configuración del ordenador para desarrollo de aplicaciones
    3. Solución de problemas de conexiones a bases de datos
    4. Eliminación de secuencias de comandos de conexión en Dreamweaver
    5. Diseñar páginas dinámicas
    6. Introducción a las fuentes de contenido dinámico
    7. Definir fuentes de contenido dinámico
    8. Añadir contenido dinámico a las páginas
    9. Cambio de contenido dinámico en Dreamweaver
    10. Visualización de registros de bases de datos
    11. Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
    12. Añadir comportamientos de servidor personalizados en Dreamweaver
    13. Crear formularios con Dreamweaver
    14. Uso de formularios para recopilar información de los usuarios
    15. Crear y activar formularios de ColdFusion en Dreamweaver
    16. Crear formularios web
    17. Compatibilidad mejorada con HTML5 para elementos de formulario
    18. Desarrollar un formulario con Dreamweaver
  17. Creación visual de aplicaciones
    1. Creación de las páginas maestra y de detalles en Dreamweaver
    2. Crear páginas de búsqueda y resultados
    3. Crear una página de inserción de registros
    4. Crear una página de actualización de registros en Dreamweaver
    5. Creación de páginas de eliminación de registros en Dreamweaver
    6. Usar comandos ASP para modificar una base de datos en Dreamweaver
    7. Crear una página de registro
    8. Crear una página de inicio de sesión
    9. Creación de una página para acceso exclusivo de usuarios autorizados
    10. Protección de carpetas en ColdFusion con Dreamweaver
    11. Uso de componentes de ColdFusion en Dreamweaver
  18. Prueba, vista previa y publicación de sitios web
    1. Vista previa de páginas
    2. Vista previa de páginas web de Dreamweaver en varios dispositivos
    3. Comprobación del sitio de Dreamweaver
  19. Solución de problemas
    1. Problemas resueltos
    2. Problemas conocidos

 

 

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

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

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

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 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:

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

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

 Adobe

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

¿Nuevo usuario?

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea