Trabajar con elementos de bibliotecas

Una biblioteca es un archivo especial de Dreamweaver que contiene un conjunto de activos individuales o copias de activos que puede colocar en las páginas web. Los activos de una biblioteca se denominan elementos de biblioteca. Entre los elementos que puede almacenar en una biblioteca se encuentran imágenes, tablas, sonidos y archivos creados con Adobe Flash. Puede actualizar automáticamente todas las páginas que utilizan un elemento de biblioteca cada vez que modifique el elemento.

Por ejemplo, supongamos que está creando un sitio de gran tamaño para una empresa que desea que aparezca un eslogan en todas las páginas. Puede crear un elemento de biblioteca que contenga el eslogan y utilizar dicho elemento de biblioteca en todas las páginas. Si el eslogan cambia, puede cambiar el elemento de biblioteca y actualizar automáticamente todas las páginas que lo utilizan.

Dreamweaver almacena los elementos de biblioteca en una carpeta llamada Library dentro de la carpeta raíz local del sitio en cuestión. Cada sitio dispone de una biblioteca propia.

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

En el caso de elementos vinculados como imágenes, la biblioteca solamente almacena 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, puede almacenar una etiqueta img completa en un elemento de biblioteca, lo que le permitiría cambiar fácilmente el texto alt de la imagen o incluso su atributo src en todo el sitio. (No utilice esta técnica para cambiar los atributos width y height de la imagen, a no ser que utilice además un editor de imágenes para cambiar el tamaño real de la imagen).

Cuando se utiliza un elemento de biblioteca, Dreamweaver inserta en la página web un vínculo con este en lugar del elemento de biblioteca propiamente dicho. Es decir, Dreamweaver inserta una copia del código fuente HTML para dicho elemento en el documento y añade un comentario HTML que contiene una referencia al elemento externo original. Esta referencia externa es la que hace posible la actualización automática.

Cuando cree un elemento de la biblioteca que incluya un elemento con el comportamiento de Dreamweaver asociado a él, Dreamweaver copia el elemento y el controlador de evento (el atributo que especifica qué evento activa la acción, como onClick, onLoad o onMouseOver, y qué acción invocar cuando se produzca el evento) en el archivo del elemento de la biblioteca. Dreamweaver no copia las funciones de JavaScript asociadas en el elemento de la biblioteca. Cuando se inserta un elemento de biblioteca en un documento, Dreamweaver inserta automáticamente las funciones JavaScript correspondientes en la sección head de ese documento (si no se encontraban allí).

Se deben tener en cuenta requisitos especiales al editar los comportamientos de los elementos de biblioteca. Los elementos de biblioteca no pueden contener hojas de estilos, ya que el código de dichos elementos forma parte de la sección head.

Crear un elemento de biblioteca vacío

Insertar un elemento de biblioteca en un documento

Cuando añada un elemento de biblioteca a una página, se insertará el contenido en el documento junto con una referencia al elemento de biblioteca.

Editar elementos de biblioteca y actualizar documentos

Al editar un elemento de biblioteca, se pueden actualizar todos los documentos que lo utilizan. Aunque decida no actualizarlos, los documentos siguen asociados al elemento de biblioteca y, por tanto, podrá actualizarlos más adelante.

Puede cambiar el nombre de los elementos para desvincularlos de documentos o plantillas, eliminar elementos de la biblioteca del sitio y volver a crear un elemento de biblioteca perdido.

Editar un elemento de biblioteca

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

Actualizar el sitio completo o todos los documentos que usen un elemento de biblioteca concreto

Cambiar el nombre de un elemento de biblioteca

Eliminar un elemento de una biblioteca

Al eliminar un elemento de biblioteca, Dreamweaver lo elimina de la biblioteca, pero no cambia el contenido de los documentos que lo utilizan.

Recrear un elemento de biblioteca que falta o se ha eliminado

Personalizar el resaltado de elementos de biblioteca

Puede personalizar el color de resaltado de los elementos de biblioteca y mostrar u ocultar el resaltado configurando las preferencias de Resaltando.

Cambiar el color de resaltado de los elementos de biblioteca

Para mostrar u ocultar resaltados en la ventana de documento

Editar las propiedades de un elemento de biblioteca

El Inspector de propiedades se puede utilizar para abrir un elemento de biblioteca con el objeto de editarlo, separar un elemento de biblioteca determinado de su archivo fuente o sobrescribir un elemento con el elemento de biblioteca actualmente seleccionado.

Convertir elementos de biblioteca en editables en un documento

Si ha añadido un elemento de biblioteca al documento y desea editar el elemento concretamente para dicha página, deberá romper el vínculo existente entre el elemento del documento y la biblioteca. Una vez convertida una instancia del elemento de biblioteca en editable, dicha instancia no se actualiza cuando se modifica el elemento de biblioteca.

Editar un comportamiento en un elemento de biblioteca

Para editar un comportamiento en un elemento de biblioteca, el elemento debe insertarse previamente en un documento, y luego convertir el elemento en editable en ese documento. Una vez realizados los cambios, se puede volver a crear el elemento de biblioteca, sustituyendo el elemento de la biblioteca con el elemento editado desde el documento.