- 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 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 las páginas de búsqueda y resultados
Puede utilizar Dreamweaver para crear un juego de páginas que permitan al usuario realizar búsquedas en la base de datos y ver los resultados de las búsquedas.
En la mayoría de los casos necesitará al menos dos páginas para añadir esta función a la aplicación Web. La primera página contendrá un formulario HTML en el que los usuarios deberán introducir los parámetros de búsqueda. Aunque la página realmente no lleva a cabo las búsquedas, se conoce como la página de búsqueda.
La segunda página necesaria es la página de resultados, que realiza la mayor parte del trabajo. La página de resultados realiza las tareas siguientes:
Lee los parámetros de búsqueda enviados por la página de búsqueda.
Conecta con la base de datos y busca registros.
Crea un juego de registros a partir de los registros encontrados.
Muestra el contenido del juego de registros.
Opcionalmente, puede añadir una página detalle. Una página detalle proporciona a los usuarios más información sobre un registro concreto de la página de resultados.
Si solo tiene un parámetro de búsqueda, Dreamweaver le permite añadir prestaciones a la aplicación web sin utilizar consultas ni variables SQL. Solo tendrá que diseñar las páginas y completar varios cuadros de diálogo. Si tiene varios parámetros de búsqueda, tendrá que escribir una declaración SQL y definir múltiples variables para ella.
Dreamweaver inserta la consulta SQL en la página. Cuando se ejecuta la página en el servidor, se comprueba cada registro de la tabla de base de datos. Si el campo especificado en un registro cumple las condiciones de la consulta SQL, el registro se incluirá en un juego de registros. La consulta SQL crea un juego de registros que contiene solamente los resultados de la búsqueda.
Por ejemplo, el personal de ventas puede tener información sobre los clientes de un área concreta que tienen ingresos superiores a un nivel determinado. En un formulario de una página de búsqueda, el socio comercial introduce un área geográfica y un nivel de ingresos mínimo y luego hace clic en el botón Enviar para enviar los dos valores a un servidor. En el servidor, los valores se pasan a la declaración SQL de la página de resultados, que crea un juego de registros solo con los clientes del área especificada con ingresos superiores al nivel especificado.
Crear la página de búsqueda
Una página de búsqueda en la Web normalmente contiene campos de formulario en los que los usuarios introducen parámetros de búsqueda. Como mínimo, la página de búsqueda debe incluir un formulario HTML con un botón Enviar.
Para añadir un formulario HTML a una página de búsqueda, realice el siguiente procedimiento.
-
Abra la página de búsqueda o una página nueva y seleccione Insertar > Formulario > Formulario.
Se creará un formulario vacío en la página. Quizá deba activar los elementos invisibles (Ver > Ayudas visuales > Elementos invisibles) para ver los límites del formulario, que se representan por medio de líneas rojas finas.
-
Añada objetos de formulario para que los usuarios introduzcan sus parámetros de búsqueda eligiendo Formulario del menú Insertar.
Entre los objetos de formulario figuran los campos de texto, los menús, las opciones y los botones de opción. Puede añadir tantos objetos de formulario como desee para ayudar a los usuarios a definir búsquedas precisas. No obstante, recuerde que cuanto mayor sea el número de parámetros de búsqueda de la página de búsqueda, más compleja será la declaración SQL.
-
Añada al formulario un botón Enviar (Insertar > Formulario > Botón).
-
(Opcional) Modifique la etiqueta del botón Enviar seleccionando el botón, abriendo el inspector de propiedades (Ventana > Propiedades) e introduciendo un nuevo valor en el cuadro Valor.
A continuación, deberá indicar al formulario el lugar al que debe enviar los parámetros de búsqueda cuando el usuario haga clic en el botón Enviar.
-
Seleccione el formulario eligiendo la etiqueta <form> en el selector de etiquetas que se encuentra en la parte inferior de la ventana de documento, como se muestra en la siguiente imagen:
-
En el cuadro Acción del inspector de propiedades del formulario, introduzca el nombre del archivo de la página de resultados que llevará a cabo la búsqueda en la base de datos.
-
En el menú emergente Método, elija uno de los siguientes métodos para determinar cómo debe enviar los datos el formulario al servidor.
GET envía los datos del formulario añadiéndolos al URL como una cadena de consulta. Dado que los URL están limitados a 8.192 caracteres, no utilice el método GET con formularios largos.
POST envía los datos del formulario en el cuerpo de un mensaje.
Default usa el método predeterminado del navegador (generalmente, GET).
Ya ha terminado la página de búsqueda.
Crear una página de resultados básica
Cuando el usuario hace clic en el botón Buscar del formulario, se envían los parámetros de búsqueda a la página de resultados residente en el servidor. La página de resultados residente en el servidor, no la página de búsqueda del navegador, es la responsable de recuperar los registros de la base de datos. Si la página de búsqueda envía un único parámetro de búsqueda al servidor, puede crear la página de resultados sin consultas ni variables SQL. Un juego de registros básico se crea con un filtro que excluye registros que no cumplen el parámetro de búsqueda enviado por la página de búsqueda.
Si tiene varias condiciones de búsqueda, deberá utilizar el cuadro de diálogo Juego de registros avanzado para definir el juego de registros (consulte Crear una página de resultados avanzada ).
Crearl juego de registros que contendrá los resultados de la búsqueda
-
Abra la página de resultados en la ventana de documento.
Si aún no dispone de una página de resultados, cree una página dinámica en blanco (Archivo > Nuevo > Página en blanco).
-
Cree un juego de registros; para ello, abra el panel Vinculaciones (Ventana > Vinculaciones), haga clic en el botón de signo más (+) y seleccione Juego de registros en el menú emergente.
-
Asegúrese de que aparezca el cuadro de diálogo Juego de registros sencillo.Nota:
Si aparece la versión avanzada del cuadro de diálogo, cambie a la versión sencilla haciendo clic en el botón Simple.
-
Introduzca un nombre para el juego de registros y elija una conexión.
La conexión debe establecerse con una base de datos que contenga datos en los que desea que el usuario realice búsquedas.
-
En el menú emergente Tabla, seleccione la tabla de la base de datos en la que debe realizarse la búsqueda.Nota:
En una búsqueda con un solo parámetro, puede buscar registros en una única tabla. Para buscar en más de una tabla a la vez, deberá utilizar el cuadro de diálogo Juego de registros avanzado y definir una consulta SQL.
-
Para incluir algunas de las columnas de la tabla en el juego de registros, haga clic en Seleccionado y seleccione las columnas deseadas presionando Control (Windows) o Comando (Macintosh) mientras hace clic en ellas en la lista.
Debe incluir solo las columnas que contengan información que desee mostrar en la página de resultados.
Deje abierto momentáneamente el cuadro de diálogo Juego de registros. Tendrá que utilizarlo a continuación para recuperar los parámetros enviados por la página de búsqueda y crear un filtro de juego de registros para excluir registros que no cumplan los parámetros.
Crear un filtro de juego de registros
-
Desde el primer menú emergente del área Filtro, seleccione una columna de la tabla de la base de datos en la que desee buscar una coincidencia.
Por ejemplo, si el valor enviado por la página de búsqueda es un nombre de una ciudad, seleccione en la tabla la columna que contiene nombres de ciudades.
-
Desde el menú emergente situado junto al primer menú, seleccione el signo igual (que debe ser el predeterminado).
-
En el tercer menú emergente, seleccione Variable de formulario si el formulario de la página de búsqueda utiliza el método POST, o Parámetro de URL si utiliza el método GET.
La página de búsqueda utiliza una variable de formulario o un parámetro de URL para pasar la información a la página de resultados.
-
En el cuarto cuadro, introduzca el nombre del objeto de formulario que aceptará el parámetro de búsqueda en la página de búsqueda.
El nombre del objeto se dobla como nombre de la variable de formulario o parámetro de URL. Puede obtener el nombre cambiando a la página de búsqueda, haciendo clic en el objeto de formulario dentro del formulario para seleccionarlo y comprobando el nombre del objeto en el inspector de propiedades.
Por ejemplo, supongamos que desea crear un juego de registros que incluya solo viajes de aventura a un país concreto. Supongamos que la tabla incluye una columna denominada TRIPLOCATION. Supongamos también que el formulario HTML de la página de búsqueda utiliza el método GET y que contiene un objeto de menú denominado Location que muestra una lista de países. El siguiente ejemplo muestra la apariencia que debe presentar la sección Filtro:
-
(Opcional) Haga clic en Prueba, introduzca un valor de prueba y haga clic en Aceptar para conectar con la base de datos y crear una instancia del juego de registros.
El valor de prueba simula el valor que, de otro modo, habría sido devuelto por la página de búsqueda. Haga clic en OK para cerrar el juego de registros de prueba.
-
Si está satisfecho con el juego de registros, haga clic en Aceptar.
Se inserta en la página un script del lado del servidor que comprueba cada registro de la tabla de la base de datos cuando se ejecuta en el servidor. Si el campo especificado en un registro cumple la condición de filtro, el registro se incluirá en el juego de registros. El script crea un juego de registros que contiene solamente los resultados de la búsqueda.
El siguiente paso consiste en mostrar el juego de registros en la página de resultados. Para más información, consulte Visualización de los resultados de la búsqueda.
Crear una página de resultados avanzada
Si la página de búsqueda envía más de un parámetro de búsqueda al servidor, deberá escribir una consulta SQL para la página de resultados y utilizar los parámetros de búsqueda en las variables SQL.
Si tiene solo una condición de búsqueda, puede utilizar el cuadro de diálogo Juego de registros simple para definir el juego de registros (consulte Crear una página de resultados básica).
-
Abra la página de resultados en Dreamweaver y, a continuación, cree un nuevo juego de registros abriendo el panel Vinculaciones (Ventana > Vinculaciones), haciendo clic en el botón de signo más (+) y seleccionando Juego de registros en el menú emergente).
-
Asegúrese de que aparezca el cuadro de diálogo Juego de registros avanzado.
El cuadro de diálogo avanzado tiene un área de texto para introducir declaraciones SQL. Si aparece la versión sencilla del cuadro de diálogo, cambie a la versión avanzada haciendo clic en el botón Avanzada.
-
Introduzca un nombre para el juego de registros y elija una conexión.
La conexión debe establecerse con una base de datos que contenga datos en los que desea que el usuario realice búsquedas.
-
Introduzca una declaración de selección (Select) en el área de texto SQL.
Asegúrese de que la declaración incluye una cláusula WHERE (donde) con variables que contengan los parámetros de búsqueda. En el siguiente ejemplo, las variables se denominan varLastName y varDept:
SELECT EMPLOYEEID, FIRSTNAME, LASTNAME, DEPARTMENT, EXTENSION FROM EMPLOYEE ¬ WHERE LASTNAME LIKE 'varLastName' ¬ AND DEPARTMENT LIKE 'varDept'
Para reducir la cantidad de datos que debe teclear, puede utilizar el árbol de elementos de la base de datos situado en la parte inferior del cuadro de diálogo Juego de registros avanzado. Para obtener instrucciones, consulte Definir un juego de registros avanzado escribiendo SQL.
Para obtener ayuda sobre la sintaxis SQL, consulte un manual de SQL en www.adobe.com/go/learn_dw_sqlprimer_es.
-
Asigne a las variables SQL los valores de los parámetros de búsqueda haciendo clic en el botón de signo Más (+) en el área Variables e introduciendo el nombre de la variable, el valor predeterminado (el valor que toma la variable si no se devuelve ningún valor de tiempo de ejecución) y un valor de tiempo de ejecución (normalmente, un objeto de servidor que contiene un valor enviado por un navegador, como una variable de petición).
En el siguiente ejemplo ASP, el formulario HTML de la página de búsqueda utiliza el método GET y contiene un campo de texto denominado LastName y otro llamado Department.
En ColdFusion, los valores de tiempo de ejecución serían #LastName# y #Department#. En PHP, los valores de tiempo de ejecución serían $_REQUEST["LastName"] y $_REQUEST["Department"].
-
(Opcional) Haga clic en Prueba para crear una instancia del juego de registros utilizando los valores predeterminados de las variables.
Los valores predeterminados simulan el valor que, de otro modo, habría sido devuelto por la página de búsqueda. Haga clic en OK para cerrar el juego de registros de prueba.
-
Si está satisfecho con el juego de registros, haga clic en Aceptar.
La consulta SQL se inserta en la página.
El siguiente paso consiste en mostrar el juego de registros en la página de resultados.
Visualización de los resultados de la búsqueda
Tras crear un juego de registros que contenga los resultados de la búsqueda, debe mostrar la información en la página de resultados. Para visualizar los registros, solo tendrá que arrastrar columnas individuales desde el panel Vinculaciones hasta la página de resultados. Puede añadir vínculos de navegación para permitir el desplazamiento hacia delante o hacia atrás por el juego de registros, así como crear una región repetida para mostrar más de un registro en la página. También puede añadir vínculos a una página detalle.
Para más información sobre métodos de visualización de contenido dinámico en una página en lugar de la visualización de resultados en una tabla dinámica, consulte Visualización de registros de la base de datos.
-
Sitúe el punto de inserción donde desee que aparezca la tabla dinámica en la página de resultados y seleccione Insertar > Objetos de datos > Datos dinámicos > Tabla dinámica.
-
Complete el cuadro de diálogo Tabla dinámica seleccionando el juego de registros definido para contener los resultados de la búsqueda.
-
Haga clic en OK. En la página de resultados se inserta una tabla dinámica que muestra los resultados de la búsqueda.
Crear una página de detalle para una página de resultados
El juego de páginas de búsqueda y resultados puede incluir una página detalle que muestre información sobre registros concretos de la página de resultados. En esta situación, la página de resultados también se dobla como página maestra en un juego de páginas maestra-detalle.
Crear un vínculo para abrir una página relacionada (ASP)
Puede crear un vínculo que abra una página relacionada y que transfiera parámetros existentes a dicha página. El comportamiento de servidor solo está disponible al utilizar el modelo de servidor ASP.
Antes de añadir a una página un comportamiento de servidor Ir a página Relacionada, compruebe que la página recibe parámetros de formulario o de URL de otra página. La función del comportamiento de servidor consiste en transferir estos parámetros a una tercera página. Por ejemplo, usted puede transferir parámetros de búsqueda recibidos por una página de resultados a otra página para que el usuario no tenga que volver a introducir los parámetros de búsqueda.
Asimismo, puede seleccionar texto o una imagen de la página para que actúen como vínculo con la página relacionada o puede situar el puntero en la página sin seleccionar nada y se insertará el texto del vínculo.
-
En el cuadro Ir a página Relacionada, haga clic en Examinar y localice el archivo de la página relacionada.
Si la página actual envía datos a sí misma, introduzca el nombre de archivo de la página actual.
-
Si los parámetros que desea pasar se han recibido directamente de un formulario HTML empleando el método GET o se encuentran en el URL de la página, seleccione la opción Parámetros de URL.
-
Si los parámetros que desea pasar se recibieron directamente de un formulario HTML empleando el método POST, seleccione la opción Parámetros de formulario.
-
Haga clic en OK.
Cuando se haga clic en el nuevo vínculo, la página pasará los parámetros a la página relacionada empleando una cadena de consulta.