Guía del usuario Cancelar

Añadir contenido dinámico a las páginas

 

 

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.

Acerca de la adición de contenido dinámico

Una vez que haya definido una o varias fuentes de contenido dinámico, podrá utilizarlas para añadir contenido dinámico a la página. Las fuentes de contenido pueden incluir una columna de un juego de registros, un valor enviado por un formulario HTML o el valor contenido en un objeto de servidor, entre otros datos.

En Dreamweaver, puede colocar contenido dinámico prácticamente en cualquier lugar de la página web o de su código fuente HTML. Puede colocar contenido dinámico en el punto de inserción, sustituir una cadena de texto o insertarlo como 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.

Puede añadir contenido dinámico a una página seleccionando una fuente de contenido en el panel Vinculaciones. Dreamweaver inserta un script del lado del servidor en el código de la página para indicar al servidor que transfiera los datos desde la fuente de datos hasta el código HTML de la página cuando un navegador solicite la página.

Normalmente existen varias formas de convertir en dinámico un elemento determinado de una página. Por ejemplo, para hacer que una imagen sea dinámica, puede utilizar el panel Vinculaciones, el inspector de propiedades o el comando Imagen del menú Insertar.

De forma predeterminada, una página HTML solo puede mostrar registros de uno en uno. Para ver los demás registros del juego de registros, puede añadir un vínculo para desplazarse por los registros de uno en uno o crear una región repetida para mostrar más de un registro en una sola página.

Acerca del texto dinámico

El texto dinámico adopta el formato de texto aplicado al texto ya existente o al punto de inserción. Por ejemplo, si un estilo CSS (Hoja de estilos en cascada) afecta al texto seleccionado, el contenido dinámico que lo reemplace también se verá afectado por dicho estilo. También puede añadir o cambiar el formato de texto del contenido dinámico mediante cualquiera de las herramientas de formato de texto de Dreamweaver.

También puede aplicar formato de datos al texto dinámico. Por ejemplo, si los datos son fechas, puede especificar un formato de fecha determinado, como, por ejemplo, 04/17/00 para los visitantes de los Estados Unidos, o 17/04/00 para los visitantes europeos.

Convertir texto en dinámico

Puede reemplazar el texto existente por texto dinámico o colocar texto dinámico en un determinado punto de inserción en la página.

Añadir texto dinámico

  1. En la vista de Diseño, seleccione texto en la página o haga clic en el lugar en el que desea añadir texto dinámico.
  2. En el panel Vinculaciones (Ventana > Vinculaciones), seleccione la fuente de contenido de la lista. Si selecciona un juego de registros, especifique la columna que desea incluir en el juego de registros.

    La fuente de contenido debe contener texto normal (texto ASCII). El texto normal también incluye HTML. Si no aparecen fuentes de contenido en la lista, o si las fuentes de contenido disponibles no se adaptan a sus requisitos, haga clic en el botón de signo más (+) para definir una nueva fuente de contenido.

  3. (Opcional) Seleccione un formato de datos para el texto.
  4. Haga clic en Insertar o arrastre la fuente de contenido hasta la página.

    Aparecerá un marcador de posición de contenido dinámico. (Si ha seleccionado texto en la página, el marcador de posición reemplazará al texto seleccionado). El marcador de posición de contenido de un juego de registros utiliza la sintaxis {RecordsetName.ColumnName}, donde Recordset es el nombre del juego de registros y ColumnName, el nombre de la columna elegida del juego de registros.

    En ocasiones, la longitud de los marcadores de posición de texto dinámico distorsiona el diseño de la página en la ventana de documento. Para resolver el problema, utilice llaves vacías a modo de marcadores de posición, como se describe en el siguiente tema.

Visualización de marcadores de posición para texto dinámico

  1. Seleccione > Preferencias > Elementos invisibles (Windows) o Dreamweaver > Preferencias > Elementos invisibles (Macintosh).
  2. En el menú emergente Mostrar texto dinámico como, elija { } y haga clic en Aceptar.

Convertir imágenes en contenido dinámico

Puede convertir las imágenes de la página en contenido dinámico. Por ejemplo, supongamos que diseña una página que muestra artículos a la venta en una subasta benéfica. Cada página incluiría un texto descriptivo y una fotografía del artículo en cuestión. El diseño general de la página sería el mismo para todos los artículos, mientras que lo único que cambiaría sería la fotografía (y el texto descriptivo).

  1. Con la página abierta en la vista de diseño (Ver > Diseño), sitúe el punto de inserción en el lugar de la página en el que desea que aparezca la imagen y luego seleccione Insertar Imagen.
  2. Seleccione Insertar > Imagen.

    Aparecerá el cuadro de diálogo Seleccionar origen de imagen.

  3. Haga clic en la opción Fuentes de datos (Windows) o en el botón Fuente de datos (Macintosh).

    Aparecerá una lista de fuentes de contenido.

  4. Seleccione una fuente de contenido de la lista y haga clic en Aceptar.

    La fuente de datos debe ser un juego de registros que contenga las rutas de acceso a los archivos de imagen. En función de la estructura de archivos del sitio, las rutas pueden ser absolutas, relativas al documento o relativas a la raíz.

    Nota:

    Dreamweaver no admite actualmente las imágenes binarias almacenadas en bases de datos.

    Si no aparece ningún juego de registros en la lista, o si los conjuntos de registros disponibles no satisfacen sus necesidades, defina un nuevo juego de registros.

Convertir atributos HTML en contenido dinámico

Puede cambiar dinámicamente el aspecto de una página vinculando atributos HTML a los datos. Por ejemplo, puede cambiar la imagen de fondo de una tabla vinculando el atributo background de la tabla a un juego de registros.

Puede vincular atributos HTML con el panel Vinculaciones o con el inspector de propiedades.

Convertir atributos HTML en dinámicos con el panel Vinculaciones

  1. Abra el panel Vinculaciones eligiendo Ventana > Vinculaciones.
  2. Asegúrese de que en el panel Vinculaciones está la fuente de datos que desea utilizar.

    La fuente de contenido debe contener datos adecuados para el atributo HTML que desea vincular. Si no aparecen fuentes de contenido en la lista, o si las fuentes de contenido disponibles no se adaptan a sus requisitos, haga clic en el botón de signo más (+) para definir una nueva fuente de datos.

  3. En la vista de Diseño, seleccione un objeto HTML.

    Por ejemplo, para seleccionar una tabla HTML, haga clic dentro de la tabla y haga clic en la etiqueta <table> en el selector de etiquetas situado en la parte inferior izquierda de la ventana Documento.

  4. En el panel Vinculaciones, seleccione una fuente de contenido de la lista.
  5. En el cuadro Vincular con, seleccione un atributo HTML del menú emergente.
  6. Haga clic en Vincular.

    La próxima vez que se ejecute la página en el servidor de aplicaciones, el valor de la fuente de datos se asignará al atributo HTML.

Convertir atributos HTML en dinámicos con el inspector de propiedades

  1. En la vista de Diseño, seleccione un objeto HTML y abra el inspector de propiedades (Ventana > Propiedades).

    Por ejemplo, para seleccionar una tabla HTML, haga clic dentro de la tabla y haga clic en la etiqueta <table> en el selector de etiquetas situado en la parte inferior izquierda de la ventana Documento.

  2. La manera de vincular una fuente de contenido dinámico al atributo HTML depende de dónde está situada.
    • Si el atributo que desea vincular tiene a su lado un icono de carpeta en el Inspector de propiedades, haga clic en el icono de carpeta para abrir un cuadro de diálogo de selección de archivos; a continuación, haga clic en la opción Fuentes de datos para visualizar una lista de fuentes de datos.

    • Si el atributo que desea vincular no tiene un icono de carpeta a su lado en la vista Estándar, haga clic en la pestaña Lista (la pestaña situada más abajo de las dos) en la parte izquierda del inspector.

      Aparecerá la vista de Lista del inspector de propiedades.

    • Si el atributo que desea vincular no aparece en la vista Lista, haga clic en el botón de signo más (+) y luego introduzca el nombre del atributo o haga clic en el pequeño botón de flecha y seleccione el atributo del menú emergente.

  3. Para hacer que el valor del atributo sea dinámico, haga clic en el atributo y luego en el icono de rayo o icono de carpeta situado al final de la fila del atributo.

    Si ha hecho clic en el icono de rayo, aparecerá una lista de fuentes de datos.

    Si ha hecho clic en el icono de carpeta, aparecerá un cuadro de diálogo de selección de archivo. Seleccione la opción Fuentes de datos para ver una lista de fuentes de contenido.

  4. Seleccione una fuente de contenido en la lista de fuentes de contenido y haga clic en Aceptar.

    La fuente de contenido debe tener datos adecuados para el atributo HTML que desea vincular. Si no aparecen fuentes de contenido en la lista, o si las fuentes de contenido disponibles no satisfacen sus necesidades, defina una nueva fuente de contenido.

    La próxima vez que se ejecute la página en el servidor de aplicaciones, el valor de la fuente de datos se asignará al atributo HTML.

Convertir parámetros de ActiveX, Flash y de otros objetos en contenido dinámico

Puede hacer dinámicos los parámetros de applets de Java y de plug-ins, así como los parámetros de los objetos ActiveX, Flash, Shockwave, Director y Generator.

Antes de comenzar, asegúrese de que los campos del juego de registros contienen datos adecuados para los parámetros del objeto que desea vincular.

  1. En la vista de Diseño, seleccione un objeto en la página y abra el inspector de propiedades (Ventana > Propiedades).
  2. Haga clic en el botón Parámetros.
  3. Si el parámetro deseado no aparece en la lista, haga clic en el botón de signo más (+) e introduzca un nombre de parámetro en la columna Parámetro.
  4. Haga clic en la columna Valor correspondiente al parámetro y luego haga clic en el icono de rayo para especificar un valor dinámico.

    Aparecerá una lista de fuentes de datos.

  5. Seleccione una fuente de datos de la lista y haga clic en Aceptar.

    La fuente de datos debe contener datos adecuados para el parámetro de objeto que desea vincular. Si no aparecen fuentes de datos en la lista, o si las fuentes de datos disponibles no satisfacen sus necesidades, defina una nueva fuente de datos.

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

¿Nuevo usuario?