Diseñar páginas dinámicas

Diseñe la página.

Un paso clave en el diseño de cualquier sitio web, ya sea estático o dinámico, es el diseño visual de la página. Al agregar elementos dinámicos a una página web, el diseño de la página se vuelve crucial para su usabilidad. Se debe considerar cuidadosamente cómo los usuarios interactuarán con las páginas individuales y el sitio web en su conjunto.

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

Cree una fuente de contenido dinámico.

Los sitios web dinámicos requieren una fuente de contenido de la cual extraer datos antes de poder mostrarlos en una página web. Antes de poder usar fuentes de contenido en una página web, es necesario hacer lo siguiente:

• Crear una conexión a la fuente de contenido dinámico (como una base de datos) y el servidor de aplicaciones que procesa la página. Crear la fuente de datos usando el panel Bindings; luego puede seleccionar e insertar la fuente de datos en la página.

• Especificar qué información de la base de datos desea mostrar, o qué variables incluir en la página creando un conjunto de registros. También puede probar la consulta desde el diálogo Recordset y realizar los ajustes necesarios antes de agregarlo al panel Bindings.

• Seleccionar e insertar elementos de contenido dinámico en la página seleccionada.

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

Después de definir un conjunto de registros u otra fuente de datos y agregarlo al panel Bindings, puede insertar el contenido dinámico que representa el conjunto de registros en la página. La interfaz basada en menús de Dreamweaver hace que agregar elementos de contenido dinámico sea tan fácil como seleccionar una fuente de contenido dinámico del panel Bindings e insertarla en un objeto de texto, imagen o formulario apropiado dentro de la página actual.

Cuando inserta 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 fuente de la página. Este script instruye al servidor a recuperar datos de la fuente de datos definida y procesarlos dentro de la página web. Para colocar contenido dinámico dentro de una página web, puede hacer una de las siguientes opciones:

• Colocarlo en el punto de inserción en la vista 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.

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

Además de agregar contenido dinámico, puede incorporar lógica de aplicación compleja en páginas web usando comportamientos del servidor. Los comportamientos del servidor son fragmentos predefinidos de código del lado del servidor que agregan lógica de aplicación a las páginas web, proporcionando mayor interacción y funcionalidad.

Los comportamientos del servidor de Dreamweaver le permiten agregar lógica de aplicación a un sitio web sin tener que escribir el código usted mismo. Los comportamientos del servidor suministrados con Dreamweaver admiten tipos de documento ColdFusion, ASP y PHP. Los comportamientos del servidor están escritos y probados para ser rápidos, seguros y robustos. Los comportamientos del servidor integrados admiten páginas web en plataformas múltiples para todos los exploradores.

Dreamweaver proporciona una interfaz de apuntar y hacer clic que hace que aplicar contenido dinámico y comportamientos complejos a una página sea tan fácil como insertar elementos textuales y de diseño. Los siguientes comportamientos del servidor están disponibles:

• Definir un conjunto de registros desde una base de datos existente. El conjunto de registros que defina se almacena entonces en el panel Enlaces.

• Muestre varios registros en una página. Selecciona una tabla completa o celdas o filas individuales que contengan contenido dinámico, y especifica el número de registros que se mostrarán en cada vista de página.

• Crear e insertar una tabla dinámica en una página y asociar la tabla con un conjunto de registros. Posteriormente puede modificar tanto la apariencia de la tabla como el área geográfica repetida usando el inspector de Propiedad y el Comportamiento del servidor de área geográfica repetida, respectivamente.

• Inserte un objeto de texto dinámico en una página. El objeto de texto que inserta es un elemento de un conjunto de registros predefinido, al cual puede aplicar cualquiera de los formatos de datos.

• Crear controles de navegación y estado de registros, páginas maestro/detalle y formularios para actualizar información en 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 del conjunto de registros que permitan a los usuarios ver los registros anteriores o siguientes de un registro de base de datos.

• Agregue un contador de registros para ayudar a los usuarios a realizar un seguimiento de cuántos registros se devolvieron, y dónde se encuentran en el resultado devuelto.

También puede extender los comportamientos del servidor de Dreamweaver escribiendo los suyos propios, o instalando comportamientos del servidor escritos por terceros.

Compruebe y depure la página.

Antes de publicar una página dinámica o un sitio web completo en la web, debe probar su funcionalidad. También debe considerar cómo la funcionalidad de su aplicación podría afectar a personas con discapacidad.