Guía del usuario Cancelar

Diseñar páginas dinámicas

 

 

Diseñe páginas dinámicas en Dreamweaver.

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.

Requisitos previos para la creación de sitios dinámicos

Antes de empezar a crear páginas web dinámicas, hay diversos preparativos que deben realizarse, entre ellos la configuración de un servidor de aplicaciones web y la conexión a una base de datos para aplicaciones Coldfusion, ASP y PHP. Adobe Dreamweaver gestiona las conexiones de las bases de datos de forma diferente en función de la tecnología del servidor.

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.

Dreamweaver y el diseño de páginas dinámicas

Siga estos pasos generales para diseñar y crear correctamente un sitio web dinámico.

  1. Diseñe la página.

    El diseño visual de la página constituye un paso importante a la hora de crear cualquier sitio web, tanto si es estático como si es dinámico. Al añadir elementos dinámicos a una página web, el diseño de la página se convierte en un elemento fundamental para facilitar su uso. Piense detenidamente cómo interactuarán los usuarios con cada una de las páginas y con el sitio web en su conjunto.

    Un método común para incorporar contenido dinámico a una página web consiste en crear una tabla para presentar contenido e importar contenido dinámico en una o varias celdas de la tabla. Con este método puede presentar información de distintos tipos en un formato estructurado.

  2. Cree una fuente de contenido dinámico.

    Los sitios web dinámicos requieren un origen de contenido del que extraer datos antes de mostrarlos en una página web. Antes de utilizar orígenes de contenido en una página web, deberá seguir este procedimiento:

    • Cree una conexión con el origen del contenido dinámico (como una base de datos) y el servidor de aplicaciones que procesa la página. Cree el origen de datos utilizando el panel Vinculaciones; posteriormente, podrá seleccionar e insertar el origen de datos en la página.

    • Especifique qué información de la base de datos desea mostrar o qué variables desea incluir en la página creando un juego de registros. También puede comprobar la consulta desde el cuadro de diálogo Juego de registros y realizar los ajustes necesarios antes de añadirla al panel Vinculaciones.

    • Seleccione e inserte elementos de contenido dinámico en la página seleccionada.

  3. Añada contenido dinámico a una página web.

    Después de definir un juego de registros u otro origen de datos y añadirlos al panel Vinculaciones, puede insertar en la página el contenido dinámico que representa el juego de registros. La interfaz de menús de Dreamweaver permite añadir elementos de contenido dinámico con la misma facilidad que se selecciona una fuente de datos de contenido dinámico en el panel Vinculaciones, e insertarlos en el texto, una imagen o un objeto de formulario de la página actual.

    Al insertar un elemento de contenido dinámico u otro comportamiento del servidor en una página, Dreamweaver inserta un script del lado del servidor en el código de origen de la página. El script indica al servidor que recupere datos de la fuente de datos definida y los muestre en la página web. Para colocar contenido dinámico en una página web, puede seguir uno de estos procedimientos:

    • Colocarlo en el punto de inserción en la vista de Código o Diseño.

    • Sustituir una cadena de texto u otro marcador de posición.

      Insertarlo en un atributo HTML. Por ejemplo, el contenido dinámico puede definir el atributo src de una imagen o el atributo value de un campo de formulario.

  4. Añadir comportamientos del servidor a una página.

    Además de añadir contenido dinámico, puede incorporar lógica de aplicación compleja a las páginas web utilizando comportamientos de servidor. Los comportamientos del servidor son códigos predefinidos del lado del servidor que añaden la lógica de aplicación a las páginas web; de este modo, suministran una mayor interacción y funcionalidad.

    Los comportamientos de servidor de Dreamweaver permiten añadir lógica de aplicación a un sitio web sin necesidad de escribir el código manualmente. Los comportamientos del servidor suministrados con Dreamweaver admiten tipos de documento ColdFusion, ASP y PHP. Los comportamientos del servidor se escriben y comprueban para que sean rápidos, seguros y robustos. Los comportamientos del servidor incorporados ofrecen compatibilidad con páginas web multiplataforma para todos los navegadores.

    Dreamweaver suministra una interfaz de apuntar y hacer clic que permite que aplicar contenido dinámico y comportamientos complejos a una página resulte tan fácil como insertar elementos textuales y de diseño. Estos son los comportamientos del servidor disponibles:

    • Defina un juego de registros a partir de base de datos existente. El juego de registros que defina se almacenará en el panel Vinculaciones.

    • Muestre varios registros en una página. Seleccione toda la tabla o celdas o filas individuales con contenido dinámico, y especifique el número de registros para mostrar en cada vista de página.

    • Cree e inserte una tabla dinámica en una página y asocie la tabla a un juego de registros. Posteriormente podrá modificar tanto el aspecto de las tablas como la región repetida utilizando el inspector de propiedades y el comportamiento del servidor Repetir región, respectivamente.

    • Inserte un objeto de texto dinámico en una página. El objeto de texto que inserte será un elemento de un juego de registros predefinido al que puede aplicar alguno de los formatos de datos.

    • Cree controles de estado y navegación para los registros, páginas maestra/detalle y formularios para actualizar la información de una base de datos.

    • Visualice más de un registro a partir de un registro de la base de datos.

    • Cree vínculos de navegación para juegos de registros que permitan a los usuarios ver los registros anteriores y siguientes de un registro de base de datos.

    • Añada un contador de registros para ayudar a los usuarios a conocer cuántos registros se han devuelto y dónde se encuentran en los resultados devueltos.

    También puede ampliar los comportamientos del servidor de Dreamweaver escribiendo los suyos propios o instalando comportamientos del servidor escritos por otros proveedores.

  5. Compruebe y depure la página.

    Antes de colocar una página dinámica (o un sitio web completo) en la Web, deberá comprobar su funcionalidad. Deberá tener en cuenta también cómo puede afectar la funcionalidad de su aplicación a personas con esas discapacidades.

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

¿Nuevo usuario?