Creación de una región repetida de InContext Editing

Una región repetida de InContext Editing consiste en un par de etiquetas HTML que incluye el atributo ice:repeating en la etiqueta de apertura. La región repetida define el área de la página que el usuario puede “repetir” y en la que puede añadir contenido si se edita en un navegador. Por ejemplo, si tiene un encabezado y un párrafo de texto que le sigue, puede transformar estos elementos en una región repetida que el usuario puede duplicar en otra página.

Regiones repetidas tal y como se muestran en una ventana de navegador editable de InContext Editing. Se selecciona la región inferior y se puede duplicar de nuevo, eliminar o desplazar hacia arriba y abajo.

Además de añadir regiones repetidas basadas en la región original, también puede permitir al usuario eliminar regiones, añadir regiones completamente nuevas (no basadas en el contenido de la región original) y desplazar regiones hacia arriba o abajo.

Cuando crea una región repetida, Dreamweaver la envuelve en otro contenedor que se llama grupo de regiones repetidas. Este contenedor (etiqueta div con el atributo ice:repeatinggroup añadido a la etiqueta de apertura) actúa como contenedor de todas las regiones repetidas editables que el usuario puede añadir al grupo. No puede mover regiones repetidas fuera de sus contenedores de grupo de regiones repetidas. Además, no deberá añadir manualmente a la página etiquetas de grupo de regiones repetidas. Dreamweaver las añade automáticamente cuando son necesarias.

Nota: Al crear una región repetida de una fila de tabla (etiqueta tr), Dreamweaver aplica el atributo de grupo de región repetida a la etiqueta padre (por ejemplo, la etiqueta table) y no inserta ninguna etiqueta div.

Si está trabajando en una página que ya contiene un grupo de regiones repetidas e intenta añadir una región repetida inmediatamente después del grupo existente, Dreamweaver detectará que hay un grupo de regiones repetidas que precede a la región que está intentando añadir y le ofrecerá la posibilidad de añadir la nueva región al grupo existente. Puede optar por añadir la nueva región repetida al grupo existente o crear un grupo de regiones repetidas totalmente nuevo.

Nota: Si añade una región repetida de InContext Editing a una página basada en una plantilla de Dreamweaver, la nueva región repetida de InContext Editing deberá estar dentro de una región que ya sea editable.

Para crear una región editable en Dreamweaver, siga estos pasos.

  1. Siga uno de estos procedimientos:

    • Seleccione la etiqueta que desee transformar en una región repetida. La lista de etiquetas posibles es extensa: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul y var.

      Nota: Las etiquetas div son las únicas que pueden contener atributos de regiones editables y regiones repetidas simultáneamente.

    • Coloque el punto de inserción donde desee insertar la nueva región repetida en la página.

    • Seleccione exactamente una región repetida en una plantilla de Dreamweaver (archivo DWT).

    • Seleccione el contenido de la página que desee repetir (por ejemplo, un encabezado o un bloque de texto).

  2. Seleccione Insertar > InContext Editing > Crear región repetida.

  3. Las opciones varían en función de la selección realizada.

    • Si ha seleccionado una etiqueta transformable, Dreamweaver transformará la etiqueta en una región repetida sin necesidad de ejecutar ningún otro paso.

    • Si desea insertar una región repetida nueva en blanco, realice una de las acciones siguientes.

      • Seleccione Insertar nueva región repetida en el punto de inserción actual y haga clic en Aceptar.

      • Seleccione Transformar la etiqueta padre en una región repetida si desea que Dreamweaver convierta la etiqueta padre de la selección en el elemento contenedor de la región. Sólo algunas etiquetas HTML son transformables: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul y var.

        Nota: Esta segunda opción sólo está disponible cuando el nodo padre cumple exactamente los criterios de transformación. Por ejemplo, debe ser una de las etiquetas transformables enumeradas y no debe estar sujeta a ninguno de los errores indicados en Mensajes de error de InContext Editing.

    • Si ha seleccionado una región repetida de una plantilla de Dreamweaver, haga clic en Aceptar en el cuadro de diálogo Crear región repetida. Dreamweaver envuelve la región repetida de la plantilla con una etiqueta div que actúa a modo de contenedor para la nueva región repetida de InContext Editing.

    • Si ha seleccionado otro contenido que desea repetir, realice una de las siguientes acciones:

      • Seleccione Envolver la selección actual con una etiqueta DIV y transformarla después si desea envolver la selección realizada con una etiqueta div y convertirla en una región repetida. La etiqueta div con la que Dreamweaver envuelve el contenido actúa como contenedor de la región repetida.

      • Seleccione Transformar la etiqueta padre en una región repetida si desea que Dreamweaver convierta la etiqueta padre de la selección en el elemento contenedor de la región repetida. Sólo algunas etiquetas HTML son transformables: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul y var.

  4. En la vista Diseño, haga clic en la etiqueta azul de la región repetida para seleccionarla si no se hubiera seleccionado aún. Fíjese en que Dreamweaver le obliga a seleccionar la etiqueta del grupo de regiones repetidas. El motivo es que todas las regiones repetidas existen dentro de un grupo de regiones repetidas y debe definir opciones para las regiones repetidas definiendo opciones para el grupo entero.

  5. Seleccione las opciones que desee, o anule su selección, en el inspector de propiedades del grupo de regiones repetidas. Hay dos opciones disponibles: Reordenar y Añadir/quitar. Cuando se selecciona Reordenar, los usuarios puede desplazar regiones repetidas hacia arriba o abajo en el navegador. Cuando se selecciona Añadir/quitar, los usuarios pueden añadir o quitar regiones repetidas en el navegador. Ambas opciones están seleccionadas de manera predeterminada y siempre debe haber al menos una seleccionada.

  6. Guarde la página.

    Si es la primera vez que añade la funcionalidad InContext Editing a una página, Dreamweaver le informa de que está añadiendo archivos de compatibilidad con InContext Editing en el sitio: ice.conf.js, ice.js e ide.html. Asegúrese de cargar los archivos en el servidor cuando cargue la página; de lo contrario, la funcionalidad InContext Editing no funcionará en el navegador.