- Guía del usuario de Dreamweaver
- Introducción
- Dreamweaver y Creative Cloud
- Espacios de trabajo y vistas de Dreamweaver
- Configuración de sitios
- Acerca de los sitios de Dreamweaver
- Configuración de una versión local del sitio
- Conectar con servidores de publicación
- Configuración de un servidor de prueba
- Importación y exportación de la configuración de un sitio de Dreamweaver
- Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
- Funciones de accesibilidad en Dreamweaver
- Ajustes avanzados
- Configuración de las preferencias de sitio para transferir archivos
- Especificación de la configuración del servidor proxy en Dreamweaver
- Sincronizar la configuración de Dreamweaver con Creative Cloud
- Uso de Git en Dreamweaver
- Administrar archivos
- Creación y apertura de documentos
- Administración de archivos y carpetas
- Carga de archivos al servidor y descarga desde el mismo
- Desprotección y protección de archivos
- Sincronizar archivos
- Comparación de archivos para detectar diferencias
- Ocultación de archivos y carpetas en el sitio de Dreamweaver
- Activación de Design Notes para sitios de Dreamweaver
- Prevención de la posible actuación repentina de Gatekeeper
- Maquetación y diseño
- Usar ayudas visuales al diseñar
- Información sobre el uso de CSS para diseñar la página
- Diseño de sitios web interactivos con Bootstrap
- Creación y uso de consultas de medios en Dreamweaver
- Presentación de contenido en tablas
- Colores
- Diseño interactivo mediante diseños de cuadrícula fluida
- Extract en Dreamweaver
- CSS
- Aspectos básicos de las hojas de estilos en cascada
- Diseño de páginas con el Diseñador de CSS
- Uso de preprocesadores de CSS en Dreamweaver
- Configuración de las preferencias de estilos CSS en Dreamweaver
- Mover reglas CSS en Dreamweaver
- Conversión de CSS en línea en una regla CSS en Dreamweaver
- Uso de etiquetas div
- Aplicación de degradados al fondo
- Creación y edición de efectos de transición de CSS3 en Dreamweaver
- Formatear código
- Contenido de página y activos
- Definición de las propiedades de la página
- Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
- Uso de texto
- Buscar y reemplazar texto, etiquetas y atributos
- Panel DOM
- Editar en la Vista en vivo
- Codificación de documentos en Dreamweaver
- Selección y visualización de elementos de la ventana de documento
- Configuración de las propiedades de texto en el inspector de propiedades
- Revisión ortográfica de una página web
- Uso de las reglas horizontales en Dreamweaver
- Añadir y modificar combinaciones de fuentes en Dreamweaver.
- Trabajo con activos
- Inserción y actualización de fechas en Dreamweaver
- Creación y gestión de activos favoritos en Dreamweaver
- Insertar y editar imágenes en Dreamweaver
- Adición de objetos multimedia
- Adición de vídeos en Dreamweaver
- Insertar vídeo HTML5
- Insertar archivos SWF
- Adición de efectos de sonido
- Insertar audio HTML5 en Dreamweaver
- Trabajar con elementos de bibliotecas
- Uso de texto árabe y hebreo en Dreamweaver
- Establecimiento de vínculos y navegación
- Widgets y efectos de jQuery
- Programación de sitios web
- Acerca de la programación en Dreamweaver
- Entorno de programación en Dreamweaver
- Configuración de las preferencias de programación
- Personalización de los colores del código
- Escritura y edición de código
- Sugerencias de código y completado de código
- Contraer y expandir código
- Reutilizar código con fragmentos
- Depuración de código mediante linting
- Optimización del código
- Edición de código en Vista de diseño
- Trabajo con el contenido de Head para páginas
- Inserción del lado del servidor incluida en Dreamweaver
- Uso de bibliotecas de etiquetas en Dreamweaver
- Importación de etiquetas personalizadas a Dreamweaver
- Uso de comportamientos de JavaScript (instrucciones generales)
- Aplicación de comportamientos JavaScript incorporados
- Acerca de XML y XSLT
- Realización de transformaciones XSL del lado del servidor en Dreamweaver
- Realización de transformaciones XSL en el lado del cliente en Dreamweaver
- Adición de entidades de caracteres para XSLT en Dreamweaver
- Formatear código
- Flujos de trabajo de varios productos
- Instalación y uso de extensiones para Dreamweaver
- Actualizaciones integradas en Dreamweaver
- Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
- Trabajo con Fireworks y Dreamweaver
- Edición de contenido en sitios de Dreamweaver con Contribute
- Integración de Dreamweaver Business Catalyst
- Crear campañas de correo electrónico personalizado
- Plantillas
- Acerca de las plantillas de Dreamweaver
- Reconocimiento de plantillas y documentos basados en plantillas
- Crear una plantilla de Dreamweaver
- Crear regiones editables en plantillas
- Creación de tablas y regiones repetidas en Dreamweaver
- Usar regiones opcionales en plantillas
- Definición de atributos de etiqueta editables en Dreamweaver
- Creación de plantillas anidadas en Dreamweaver
- Edición, actualización y eliminación de plantillas
- Exportar e importar contenido xml en Dreamweaver
- Aplicación o eliminación de una plantilla de un documento existente
- Edición de contenido en plantillas de Dreamweaver
- Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
- Configuración de preferencias de resaltado en regiones de plantillas
- Ventajas de usar plantillas en Dreamweaver
- Móvil y multipantalla
- Sitios, páginas y formularios web dinámicos
- Aspectos básicos de las aplicaciones web
- Configuración del ordenador para desarrollo de aplicaciones
- Solución de problemas de conexiones a bases de datos
- Eliminación de secuencias de comandos de conexión en Dreamweaver
- Diseñar páginas dinámicas
- Introducción a las fuentes de contenido dinámico
- Definir fuentes de contenido dinámico
- Añadir contenido dinámico a las páginas
- Cambio de contenido dinámico en Dreamweaver
- Visualización de registros de bases de datos
- Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
- Añadir comportamientos de servidor personalizados en Dreamweaver
- Crear formularios con Dreamweaver
- Uso de formularios para recopilar información de los usuarios
- Crear y activar formularios de ColdFusion en Dreamweaver
- Crear formularios web
- Compatibilidad mejorada con HTML5 para elementos de formulario
- Desarrollar un formulario con Dreamweaver
- Creación visual de aplicaciones
- Creación de las páginas maestra y de detalles en Dreamweaver
- Crear páginas de búsqueda y resultados
- Crear una página de inserción de registros
- Crear una página de actualización de registros en Dreamweaver
- Creación de páginas de eliminación de registros en Dreamweaver
- Usar comandos ASP para modificar una base de datos en Dreamweaver
- Crear una página de registro
- Crear una página de inicio de sesión
- Creación de una página para acceso exclusivo de usuarios autorizados
- Protección de carpetas en ColdFusion con Dreamweaver
- Uso de componentes de ColdFusion en Dreamweaver
- Prueba, vista previa y publicación de sitios web
- Solución de problemas
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.
Páginas maestra y detalle
Las páginas maestra y detalle son juegos de páginas que se utilizan para organizar y mostrar datos de juegos de registros. Estas páginas ofrecen al visitante del sitio una introducción y una vista detallada. La página maestra enumera todos los registros y contiene vínculos con páginas detalle que muestran información adicional sobre cada registro.
Puede crear páginas maestra y detalle insertando un objeto de datos para crear una página maestra y una página detalle en una misma operación, o bien utilizando comportamientos de servidor para crear páginas maestra y detalle de forma más personalizada. Al utilizar comportamientos de servidor para crear páginas maestra y detalle, debe crear primero una página maestra que enumere los registros y, seguidamente, añadir vínculos que lleven de la lista a las páginas detalle.
Creación de una página maestra
Antes de empezar, asegúrese de definir una conexión de base de datos para el sitio.
-
Para crear una página en blanco, seleccione Archivo > Nuevo > Página en blanco, seleccione un tipo de página y haga clic en Crear. Esta página será la página maestra.
-
Defina un juego de registros.
En el panel Vinculaciones (Ventanas > Vinculaciones), haga clic en el botón de signo más (+), seleccione Juego de registros y elija opciones. Si desea trabajar con sus propias declaraciones SQL, haga clic en Avanzado.
Asegúrese de que el juego de registros contiene todas las columnas de la tabla necesarias para crear la página maestra. El juego de registros también debe incluir la columna de la tabla que contiene la clave exclusiva de cada registro, es decir, la columna ID del registro. En el siguiente ejemplo, la columna Code contiene la clave exclusiva de cada registro.
Normalmente, el juego de registros de la página maestra extrae unas pocas columnas de una tabla de una base de datos, mientras que un juego de registros de la página detalle extrae más columnas de la misma tabla para proporcionar información adicional.
El usuario puede definir el juego de registros durante la ejecución. Para obtener más información, consulte Creación de páginas de búsqueda y resultados.
-
Inserte una tabla dinámica que muestre los registros.
Sitúe el punto de inserción en el lugar de la página en el que desea que aparezca la tabla dinámica. Seleccione Insertar > Objetos de datos > Datos dinámicos > Tabla dinámica, establezca las opciones y haga clic en Aceptar.
Si no desea mostrar los ID de registros a los usuarios, puede eliminar la columna de la tabla dinámica. Haga clic en cualquier lugar de la página para entrar en ella. Desplace el cursor cerca de la parte superior de la columna de la tabla dinámica hasta que sus celdas queden resaltadas en rojo y haga clic para seleccionar la columna. Presione la tecla Supr para eliminar la columna de la tabla.
Creación de vínculos con la página detalle
Tras crear la página maestra y añadir el juego de registros, deberá crear vínculos que abran la página detalle. Posteriormente, deberá modificar los vínculos para pasar los IDs de los registros que seleccione el usuario. La página detalle utiliza este ID para buscar el registro solicitado en la base de datos y visualizarlo.
Para crear vínculos con páginas de actualizaciones, deberá seguir el mismo proceso. La página de resultados es similar a una página maestra, mientras que la página de actualización es similar a una página detalle.
Apertura de la página detalle y transferencia de un ID de registro (ColdFusion, PHP)
-
En la tabla dinámica, seleccione el marcador de posición del contenido para el texto que actuará a modo de vínculo.
-
En el inspector de propiedades, haga clic en el icono de carpeta situado junto al cuadro Vínculo.
-
Busque y seleccione la página detalle. La página detalle aparece en el cuadro Vínculo del inspector de propiedades.
En la tabla dinámica, el texto seleccionado aparece vinculado. Cuando la página se ejecuta en el servidor, el vínculo se aplica al texto en cada fila de la tabla.
-
En la página maestra, seleccione el vínculo de la tabla dinámica.
-
(ColdFusion) En el cuadro Vínculo del inspector de propiedades, añada la cadena siguiente al final del URL:
?recordID=#recordsetName.fieldName#
El signo de interrogación indica al servidor que lo que va a continuación es uno o más parámetros de URL. La palabra recordID es el nombre del parámetro de URL (puede utilizar el nombre que desee). Anote el nombre del parámetro de URL, porque más tarde lo utilizará en la página detalle.
La expresión que se indica a continuación del signo igual es el valor del parámetro. En este caso, una expresión de ColdFusion genera el valor y devuelve un ID de registro proveniente del juego de registros. Para cada fila de la tabla dinámica se genera un ID distinto. En la expresión de ColdFusion, sustituya recordsetName por el nombre de su juego de registros, y fieldName por el nombre del campo de su juego de registros que identifique de forma exclusiva cada registro. En la mayoría de los casos, el campo estará formado por un número de ID de registro. En el siguiente ejemplo, el campo consta de códigos de ubicación exclusivos.
locationDetail.cfm?recordID=#rsLocations.CODE#
Al ejecutar la página, los valores del campo CODE del juego de registros se insertan en las filas correspondientes de la tabla dinámica. Por ejemplo, si en Canberra, Australia, la sucursal de alquiler tiene el código CBR, se utilizará el siguiente URL en la fila de Canberra en la tabla dinámica:
locationDetail.cfm?recordID=CBR
-
(PHP) En el campo Vínculo del inspector de propiedades, añada la siguiente cadena al final del URL:
?recordID=<?php echo $row_recordsetName['fieldName']; ?>
El signo de interrogación indica al servidor que lo que va a continuación es uno o más parámetros de URL. La palabra recordID es el nombre del parámetro de URL (puede utilizar el nombre que desee). Anote el nombre del parámetro de URL porque lo utilizará más adelante en la página detalle.
La expresión que se indica a continuación del signo igual es el valor del parámetro. En este caso, el valor lo genera una expresión PHP que devuelve un ID de registro del juego de registros. Para cada fila de la tabla dinámica se genera un ID distinto. En la expresión PHP, sustituya recordsetName por el nombre del juego de registros y sustituya fieldName por el nombre del campo del juego de registros que identifica de forma exclusiva cada registro. En la mayoría de los casos, el campo estará formado por un número de ID de registro. En el siguiente ejemplo, el campo consta de códigos de ubicación exclusivos.
locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>
Al ejecutar la página, los valores del campo CODE del juego de registros se insertan en las filas correspondientes de la tabla dinámica. Por ejemplo, si en Canberra, Australia, la sucursal de alquiler tiene el código CBR, se utilizará el siguiente URL en la fila de Canberra en la tabla dinámica:
locationDetail.php?recordID=CBR
-
Guarde la página.
Apertura de la página detalle y transferencia de un ID de registro (ASP)
-
Seleccione el contenido dinámico que servirá de vínculo.
-
En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de signo más (+) y seleccione Ir a página Detalle en el menú emergente.
-
En el cuadro Página Detalle, haga clic en Examinar y localice la página.
-
Especifique el valor que desea pasar a la página detalle seleccionando un juego de registros y una columna de los menús emergentes Juego de registros y Columna. Normalmente, el valor es exclusivo del registro, como, por ejemplo, el ID de clave exclusiva del registro.
-
Si lo desea, transfiera parámetros de una página existente a la página detalle seleccionando las opciones Parámetros de URL o Parámetros de formulario.
-
Haga clic en Aceptar.
Un vínculo especial rodea el texto seleccionado. Cuando el usuario hace clic en el vínculo, el comportamiento de servidor Ir a página Detalle transfiere un parámetro de URL que contiene el ID del registro a la página detalle. Por ejemplo, si el parámetro de URL se denomina id y la página detalle se denomina customerdetail.asp, el URL presentará esta apariencia cuando el usuario haga clic en el vínculo:
http://www.mysite.com/customerdetail.asp?id=43
La primera parte del URL, http://www.mysite.com/customerdetail.asp, abre la página detalle. La segunda parte, ?id=43, es el parámetro de URL. Dicho parámetro indica a la página detalle qué registro debe localizar y mostrar. El término id es el nombre del parámetro de URL y 43 es su valor. En este ejemplo, el parámetro de URL contiene el número de ID del registro, 43.
Búsqueda y visualización del registro solicitado en la página detalle
Para mostrar el registro solicitado por la página maestra, debe definir un juego de registros que contenga un único registro y vincular las columnas del juego de registros a la página detalle.
-
Cambie a la página detalle. Si aún no dispone de una página detalle, cree una página en blanco (Archivo > Nuevo).
-
En el panel Vinculaciones (Ventana > Vinculaciones), haga clic en el botón de signo más (+) y seleccione Juego de registros (consulta) o Conjunto de datos (consulta) en el menú emergente.
Aparecerá el cuadro de diálogo Juego de registros o Conjunto de datos sencillo. Si aparece el cuadro de diálogo avanzado, haga clic en Simple.
-
Asigne un nombre al juego de registros y elija una fuente de datos y la tabla de base de datos que proporcionará datos al juego de registros.
-
En el área Columnas, seleccione las columnas de la tabla que deben incluirse en el juego de registros.
El juego de registros puede ser igual o distinto del juego de registros de la página maestra. Generalmente, el juego de registros de una página detalle incluye más columnas para mostrar más información.
Si los juegos de registros son distintos, asegúrese de que la página detalle contiene como mínimo una columna en común con el juego de registros de la página maestra. La columna común suele ser la columna de ID del registro, aunque también puede ser el campo de unión de las tablas relacionadas.
Para incluir algunas de las columnas de la tabla en el juego de registros, haga clic en Seleccionado y elija las columnas deseadas presionando Control (Windows) o Comando (Macintosh) mientras hace clic en ellas en la lista.
-
Complete la sección Filtro para localizar y mostrar el registro especificado en el parámetro de URL proporcionado por la página maestra:
En el primer menú emergente del área Filtro, seleccione la columna del juego de registros que contiene valores que coinciden con el valor del parámetro de URL que ha facilitado la página maestra. Por ejemplo, si el parámetro de URL contiene un número de ID de registro, seleccione la columna que contiene números de ID de registros. En el ejemplo tratado en la sección anterior, la columna de juego de registros denominada CODE contiene los valores que coinciden con el valor del parámetro de URL que ha facilitado la página maestra.
En el menú emergente situado junto al primer menú, seleccione el signo igual (ya debe estar seleccionado).
En el tercer menú emergente, seleccione Parámetro de URL. La página maestra utiliza un parámetro de URL para pasar información a la página detalle.
En el cuarto cuadro, introduzca el nombre del parámetro de URL que ha facilitado la página maestra.
-
Haga clic en Aceptar. El juego de registros aparecerá en el panel Vinculaciones.
-
Vincule las columnas del juego de registros a la página detalle seleccionando las columnas del panel Vinculaciones (Ventana > Vinculaciones) y arrastrándolas hasta la página.
Después de cargar las páginas maestra y detalle en el servidor puede abrir la página maestra en un navegador. Después de hacer clic en un vínculo de detalle en la página maestra, se abre la página detalle con más información sobre el registro seleccionado.
Búsqueda de un registro específico y visualización en una página (ASP)
Puede añadir un comportamiento de servidor que encuentre un registro específico en un juego de registros de manera que pueda mostrar los datos del registro en la página. El comportamiento de servidor sólo está disponible al utilizar el modelo de servidor ASP.
-
Cree una página con los siguientes requisitos previos:
Un ID de registro incluido en un parámetro de URL que otra página ha facilitado a la página actual. Puede crear parámetros de URL en la otra página con hipervínculos HTML o con un formulario HTML. Para obtener más información, consulte Uso de formularios para recopilar información de los usuarios.
Un juego de registros definido para la página actual. El comportamiento de servidor extrae los datos del registro de dicho juego de registros. Para obtener instrucciones, consulte Definición de un juego de registros sin escribir SQL o Definición de un juego de registros avanzado escribiendo SQL.
Columnas de juego de registro vinculadas a la página. El registro específico debe mostrarse en la página. Para obtener más información, consulte Conversión de texto en dinámico.
-
Añada el comportamiento de servidor para encontrar el registro especificado por el parámetro URL haciendo clic en el botón de signo más (+) del panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y seleccionando Paginación de juego de registros > Mover a un registro concreto.
-
En el menú emergente Mover a registro en, seleccione el juego de registros definido en la página.
-
En el menú emergente Donde la columna, seleccione la columna que contiene el valor transferido por la otra página.
Por ejemplo, si la otra página transfiere un número de ID de registro, elija la columna que contiene números de ID de registros.
-
En el cuadro Coincide con parámetro de URL, introduzca el nombre del parámetro de URL que la otra página ha transferido.
Por ejemplo, si el URL utilizado por la otra página para abrir la página detalle es id=43, introduzca id en el cuadro Coincide con parámetro de URL.
-
Haga clic en Aceptar.
La próxima vez que un navegador solicite la página, el comportamiento de servidor leerá el ID del registro en el parámetro de URL transferido por la otra página y se desplazará al registro especificado en el juego de registros.
Creación de páginas maestra y detalle en una operación
Al desarrollar aplicaciones Web, puede crear rápidamente páginas maestra-detalle utilizando el objeto de datos Juego de páginas Maestro-Detalle.
-
Para crear una página dinámica en blanco, seleccione Archivo > Nuevo > Página en blanco, seleccione una página dinámica de la lista Tipo de página y haga clic en Crear.
Esta página será la página maestra.
-
Defina un juego de registros para la página.
Asegúrese de que el juego de registros contiene, no sólo todas las columnas necesarias para la página maestra, sino también todas las columnas necesarias para la página detalle. Normalmente, el juego de registros de la página maestra extrae unas pocas columnas de una tabla de una base de datos, mientras que un juego de registros de la página detalle extrae más columnas de la misma tabla para proporcionar información adicional.
-
Abra la página maestra en la vista de Diseño y elija Insertar > Objetos de datos > Juego de páginas Maestro-Detalle.
-
En el menú emergente Juego de registros, asegúrese de que está elegido el juego de registros que contiene los registros que desea visualizar en la página maestra.
-
En el área Campos de página Maestro, seleccione las columnas del juego de registros que deben visualizarse en la página maestra.
De forma predeterminada, se seleccionan todas las columnas del juego de registros. Si el juego de registros contiene una columna de clave exclusiva como, por ejemplo, recordID, selecciónela y haga clic en el botón de signo menos (-) para que no aparezca en la página.
-
Para cambiar el orden en el que aparecen las columnas en la página maestra, seleccione una columna de la lista y haga clic en la flecha arriba o abajo.
En la página maestra, las columnas del juego de registros están dispuestas horizontalmente en una tabla. Al hacer clic en la flecha arriba, se desplaza la columna hacia la izquierda; al hacer clic en la flecha abajo, se desplaza la columna hacia la derecha.
-
En el menú emergente Vincular con detalle desde, elija la columna del juego de registros que mostrará un valor que también servirá como vínculo con la página detalle.
Por ejemplo, si desea que cada nombre de producto de la página maestra tenga un vínculo con la página detalle, elija la columna del juego de registros que contiene los nombres de los productos.
-
En el menú emergente Pasar clave exclusiva, elija la columna del juego de registros que contiene valores que identifican a los registros.
Normalmente, la columna elegida es la que contiene el número de ID. Este valor se pasa a la página detalle para que pueda identificar el registro elegido por el usuario.
-
Desactive la opción Numérico si la columna de clave exclusiva no es numérica.Nota:
Esta opción aparece activada de manera predeterminada y no aparece para todos los modelos de servidor.
-
Especifique el número de registros que deben mostrarse en la página maestra.
-
En el cuadro Nombre de página detalle, haga clic en Examinar y localice el archivo de página detalle que ha creado o introduzca un nombre para que el objeto de datos la cree automáticamente.
-
En el área Campos de página Detalle, seleccione las columnas que deben visualizarse en la página detalle.
De forma predeterminada, se seleccionan todas las columnas del juego de registros de la página maestra. Si el juego de registros contiene una columna de clave exclusiva, como por ejemplo recordID, selecciónela y haga clic en el botón de signo menos (-) para que no aparezca en la página detalle.
-
Para cambiar el orden en el que aparecen las columnas en la página detalle, seleccione una columna de la lista y haga clic en la flecha arriba o abajo.
En la página detalle, las columnas del juego de registros están dispuestas verticalmente en una tabla. Al hacer clic en la flecha arriba, se desplaza la columna hacia arriba; al hacer clic en la flecha abajo, se desplaza la columna hacia abajo.
-
Haga clic en Aceptar.
El objeto de datos crea una página detalle (si no la ha creado usted antes) y añade contenido dinámico y comportamientos de servidor tanto a la página maestra como a la página detalle.
-
Personalice el diseño de las páginas maestra y detalle de acuerdo con sus necesidades.
Puede personalizar totalmente el diseño de cada página utilizando las herramientas de diseño de páginas de Dreamweaver. También puede editar los comportamientos de servidor haciendo doble clic en ellos en el panel Comportamientos del servidor.
Después de crear páginas maestra y detalle con el objeto de datos, utilice el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) para modificar los diferentes elementos que el objeto de datos inserta en las páginas.
Páginas relacionadas
- Acerca de las páginas de búsqueda y resultados
- Definición de un juego de registros sin escribir SQL
- Definición de un juego de registros avanzado escribiendo SQL
- Creación de una tabla dinámica
- Creación de una página de actualización de registros
- Configuración de un servidor de prueba
- Edición del contenido dinámico
- Definición de fuentes de contenido dinámico