Trabajar con elementos de bibliotecas

Última actualización el 20/12/2021

Utilice este tema para aprender a crear elementos de biblioteca en Dreamweaver e insertar y editar elementos de biblioteca en documentos.

Una biblioteca es un archivo especial de Dreamweaver que contiene una colección de recursos individuales o copias de recursos que puedes colocar en tus páginas web. Los activos de una biblioteca se denominan elementos de biblioteca. Los elementos que puedes guardar en una biblioteca incluyen imágenes, tablas, sonidos, y archivos creados con Adobe Flash. Puedes actualizar automáticamente todas las páginas que usan un elemento de biblioteca cada vez que edites el elemento.

Por ejemplo, supón que estás creando un sitio grande para una compañía que quiere que un eslogan aparezca en cada página. Puedes crear un elemento de biblioteca para contener el eslogan y usar ese elemento de biblioteca en cada página. Si el eslogan cambia, puedes cambiar el elemento de biblioteca y actualizar automáticamente cada página que lo use.

Dreamweaver almacena los elementos de biblioteca en una carpeta Library dentro de la carpeta raíz local de cada sitio. Cada sitio tiene su propia biblioteca.

Puedes crear un elemento de biblioteca a partir de cualquier elemento en la sección body de un documento, incluyendo texto, tablas, formularios, applets de Java, complementos, elementos ActiveX, barras de navegación e imágenes.

Para elementos vinculados como imágenes, la biblioteca almacena solo una referencia al elemento. El archivo original debe permanecer en la ubicación especificada para que el elemento de biblioteca funcione correctamente.

Pero puede que aun así resulte útil almacenar una imagen en un elemento de biblioteca. Por ejemplo, podrías almacenar una etiqueta img completa en un elemento de biblioteca, lo que te permitiría cambiar fácilmente el texto alt de la imagen, o incluso su atributo src, en todo el sitio. (No uses esta técnica para cambiar los atributos width y height de una imagen, a menos que también uses un editor de imágenes para cambiar el tamaño real de la imagen.)

Si el elemento de biblioteca contiene vínculos, es posible que éstos no funcionen en el sitio nuevo. Además, las imágenes de un elemento de biblioteca no se copian en el sitio nuevo.

Cuando usas un elemento de biblioteca, Dreamweaver inserta un enlace a él, en lugar del elemento mismo, en la página web. Es decir, Dreamweaver inserta una copia del código fuente HTML para ese elemento en el documento y añade un comentario HTML que contiene una referencia al elemento original externo. Es esta referencia externa la que hace posible la actualización automática.

Cuando creas un elemento de biblioteca que incluye un elemento con un comportamiento de Dreamweaver asociado, Dreamweaver copia el elemento y su controlador de eventos (el atributo que especifica qué evento activa la acción, como onClick, onLoad o onMouseOver, y qué acción se debe ejecutar cuando ocurre el evento) al archivo del elemento de biblioteca.Dreamweaver no copia las funciones JavaScript asociadas al elemento de biblioteca. En su lugar, cuando insertas el elemento de biblioteca en un documento, Dreamweaver automáticamente inserta las funciones JavaScript apropiadas en la sección head de ese documento (si no están ya allí).

Si crea código JavaScript manualmente (es decir, si lo crea sin usar los comportamientos de Dreamweaver), puede incluirlo en un elemento de biblioteca utilizando el comportamiento Llamar JavaScript para ejecutar el código. Si no utiliza un comportamiento de Dreamweaver para ejecutar el código, el código no se conserva como parte del elemento de biblioteca.

Hay requisitos especiales para editar los comportamientos en elementos de biblioteca. Los elementos de biblioteca no pueden contener hojas de estilo, porque el código para esos elementos es parte de la sección head.

Crear un elemento de biblioteca basado en una selección

En la ventana de documento, cambie a la vista de diseño y seleccione una parte de un documento que vaya a guardar como elemento de biblioteca.

Seleccione Modificar > Biblioteca > Añadir objeto a biblioteca.

Escriba un nombre para el nuevo elemento de biblioteca y, a continuación, pulse Intro (Windows) o Retorno (Macintosh).

Dreamweaver guarda cada elemento de biblioteca como un archivo separado (con la extensión .lbi) en la carpeta Library de la carpeta raíz local del sitio.

Crear un elemento de biblioteca vacío

Asegúrate de que no haya nada seleccionado en la ventana Documento.

Si hay algo seleccionado, se colocará en el nuevo elemento de biblioteca.

En el panel Activos, seleccione la categoría Bibliotecas.

Haga clic en el botón Nuevo elemento de biblioteca, situado en la parte inferior del panel.

Mientras el elemento sigue seleccionado, introduce un nombre, luego pulsa Intro (Windows) o Retorno (Macintosh).

Insertar un elemento de biblioteca en un documento

Cuando agregues un elemento de biblioteca a una página, el contenido real se inserta en el documento junto con una referencia al elemento de biblioteca.

Sitúe el punto de inserción en la ventana de documento.

En el panel Activos, seleccione la categoría Bibliotecas.

Siga uno de estos procedimientos:
  • Arrastre un elemento de biblioteca del panel Activos y suéltelo en la ventana del documento.
Nota

Para insertar el contenido de un elemento de biblioteca sin incluir una referencia al elemento en el documento, presione Control (Windows) u Opción (Macintosh) mientras arrastra el elemento fuera del panel Activos. Si inserta un elemento de esta forma, puede editarlo en el documento, pero el documento no se actualizará cuando usted actualice las páginas que utilizan ese elemento de biblioteca.

  • Seleccione un elemento de biblioteca y haga clic en Insertar.

Editar elementos de biblioteca y actualizar documentos

Cuando editas un elemento de biblioteca, puedes actualizar todos los documentos que usen ese elemento. Si eliges no actualizar, los documentos permanecen asociados con el elemento de biblioteca; puedes actualizarlos más tarde.

Puedes cambiar el nombre de los elementos para romper su conexión con documentos o plantillas, eliminar elementos de la biblioteca del sitio, y recrear un elemento de biblioteca que falte.

Editar un elemento de biblioteca

En el panel Activos, seleccione la categoría Bibliotecas.

Seleccione un elemento de biblioteca.

Haga clic en el botón Editar o haga doble clic en el elemento de biblioteca.

Dreamweaver abre una nueva ventana, similar a la ventana Documento, para editar el elemento de biblioteca. El fondo gris indica que estás editando un elemento de biblioteca en lugar de un documento.

Realice los cambios y luego guárdelos.

Indique si deben actualizarse los documentos en el sitio local que utiliza el elemento de biblioteca. Seleccione Actualizar para actualizar de inmediato. Si selecciona No actualizar, los documentos no se actualizarán hasta que elija Herramientas > Biblioteca > Actualizar página actual o Actualizar páginas.

Actualizar el documento actual para usar la versión actual de todos los elementos de biblioteca

Seleccione Herramientas > Biblioteca > Actualizar página actual.

Actualizar todo el sitio o todos los documentos que usen un elemento de biblioteca en particular

Seleccione Herramientas > Biblioteca > Actualizar páginas.

En el menú emergente Buscar en, especifique qué debe actualizarse:
  • Para actualizar todas las páginas del sitio seleccionado para usar la versión actual de todos los elementos de biblioteca, selecciona Sitio completo, luego selecciona el nombre del sitio en el menú emergente adyacente.

  • Para actualizar todas las páginas del sitio actual que usen el elemento de biblioteca, selecciona Archivos que usan, luego selecciona el nombre de un elemento de biblioteca en el menú emergente adyacente.

Asegúrate de que Elementos de biblioteca esté seleccionado en la opción Actualizar.

Para actualizar plantillas al mismo tiempo, seleccione también la opción Plantillas.

Haga clic en Iniciar.

Dreamweaver actualiza los archivos como se indica. Si seleccionaste la opción Mostrar registro, Dreamweaver genera un informe que muestra si los archivos se actualizaron correctamente, junto con otra información.

Cambiar el nombre de un elemento de biblioteca

En el panel Activos, seleccione la categoría Bibliotecas.

Seleccione el elemento de biblioteca, haga una pausa y vuelva a hacer clic. (No haga doble clic, ya que se abriría el elemento para su edición).
Escriba un nuevo nombre.
Haga clic en cualquier lugar o presione la tecla Intro (Windows) o Retorno (Macintosh).
Especifica si actualizar documentos que usen el elemento eligiendo Actualizar o No actualizar.

Eliminar un elemento de una biblioteca

Cuando eliminas un elemento de biblioteca, Dreamweaver lo quita de la biblioteca pero no cambia el contenido de ningún documento que use el elemento.

En el panel Activos, seleccione la categoría Bibliotecas.

Seleccione el elemento de biblioteca.
Haga clic en el botón Eliminar o pulse la tecla Suprimir y, a continuación, confirme que desea eliminar el elemento.

Cuando se elimina un elemento de biblioteca, no se puede emplear el comando Deshacer para recuperarlo. No obstante, podrá volver a crearlo.

Recrear un elemento de biblioteca que falte o se haya eliminado

Seleccionar una instancia del elemento en uno de tus documentos.
Haga clic en el botón Recrear del inspector de Propiedades (Ventana > Propiedades).

Personalizar el resaltado de elementos de biblioteca

Puedes personalizar el color de resaltado de los elementos de biblioteca y mostrar u ocultar el resaltado estableciendo las preferencias de Resaltado.

Cambiar el color de resaltado de los elementos de biblioteca

Seleccione Editar > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).
Seleccione la categoría Resaltado de la lista de la izquierda del cuadro de diálogo Preferencias.
Haga clic en el cuadro de color de Elementos de biblioteca y, a continuación, seleccione un color de resaltado mediante el selector de color (o introduzca el valor de color hexadecimal en el cuadro de texto).
Seleccionar Mostrar para mostrar el color de resaltado en la ventana del documento.
Haga clic en OK.

Para mostrar u ocultar el resaltado en la ventana del documento

Para mostrar el resaltado, seleccione Ver > Opciones de Vista de diseño > Ayudas visuales > Elementos invisibles. Para ocultar el resaltado, anule la selección de Elementos invisibles.

Editar las propiedades de un elemento de biblioteca

Puedes usar el inspector de propiedades para abrir un elemento de biblioteca para editarlo, separar un elemento de biblioteca seleccionado de su archivo fuente o sobrescribir un elemento con el elemento de biblioteca actualmente seleccionado.

Seleccione un elemento de biblioteca en un documento.
Selecciona una de estas opciones en el inspector de Propiedades (Ventana > Propiedades):

Origen

Muestra el nombre del archivo y la ubicación del archivo fuente para el elemento de biblioteca. Esta información no se puede editar.

Abrir

Abre el archivo de origen del elemento de biblioteca para su edición. Esto es equivalente a seleccionar el elemento en el panel Assets y hacer clic en el botón Editar.

Separar del original

Rompe el vínculo entre el elemento de biblioteca seleccionado y su archivo fuente. Puedes editar el elemento separado en el documento, pero ya no es un elemento de biblioteca y no se actualiza cuando cambias el original.

Volver a crear

Sobrescribe el elemento de biblioteca original con la selección actual. Usa esta opción para volver a crear elementos de biblioteca si el elemento de biblioteca original falta o se ha eliminado accidentalmente.

Hacer que los elementos de biblioteca sean editables en un documento

Si has añadido un elemento de biblioteca a tu documento y quieres editar el elemento específicamente para esa página, debes romper el vínculo entre el elemento en el documento y la biblioteca. Una vez que hayas hecho editable una instancia de un elemento de biblioteca, esa instancia no se actualiza cuando el elemento de biblioteca cambia.

Seleccione un elemento de biblioteca en el documento actual.
Haz clic en Separar del Original en el inspector de Propiedades (Ventana > Propiedades).

Editar un comportamiento en un elemento de biblioteca

Para editar un comportamiento en un elemento de biblioteca, primero debes insertar el elemento en un documento, luego hacer el elemento editable en ese documento. Después de haber hecho los cambios, puedes volver a crear el elemento de biblioteca, reemplazando el elemento en la biblioteca con el elemento editado de tu documento.

Abra un documento que contenga el elemento de biblioteca.

Anota el nombre del elemento de biblioteca, así como las etiquetas exactas que contiene. Más adelante necesitará esta información.

Selecciona el elemento de biblioteca, y luego haz clic en Separar del Original en el inspector de Propiedades (Ventana > Propiedades).
Selecciona el elemento que tiene el comportamiento adjunto.
En el panel Comportamientos (Ventana > Comportamientos), haz doble clic en la acción que quieres cambiar.
En el cuadro de diálogo que aparece, realiza los cambios y, a continuación, haz clic en Aceptar.

En el panel Activos, seleccione la categoría Bibliotecas.

Anota el nombre exacto y las mayúsculas del elemento de biblioteca original; selecciónalo, luego haz clic en el botón Eliminar.
En la ventana Documento, selecciona todos los elementos que forman el elemento de biblioteca.

Asegúrese de seleccionar exactamente los mismos elementos que había en el elemento de biblioteca original.

En el panel Activos, haga clic en el botón Nuevo elemento de biblioteca y asigne al nuevo elemento el nombre que tenía el elemento que había eliminado, con la misma ortografía y el mismo uso de mayúsculas y minúsculas.

Para actualizar el elemento de biblioteca en los demás documentos del sitio, elija Herramientas > Biblioteca > Actualizar páginas.

En el menú emergente Buscar en, seleccione Archivos que usan.
En el menú emergente adyacente, selecciona el nombre del elemento de biblioteca que acabas de crear.
En la opción Actualizar, asegúrese de que Elementos de biblioteca esté seleccionado y, a continuación, haga clic en Iniciar.
Cuando finalice la actualización, haga clic en Cerrar.