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 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).

Nota:

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 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í).

Nota:

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.

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.

Creación de un elemento de biblioteca basado en una selección

  1. En la ventana de documento, seleccione una parte de un documento que vaya a guardar como elemento de biblioteca.
  2. Seleccione Modificar > Biblioteca > Añadir objeto a biblioteca.

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

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

Creación de un elemento de biblioteca vacío

  1. Compruebe que no hay nada seleccionado en la ventana de documento.

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

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

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

  4. Con el elemento aún seleccionado, escríbale un nombre y presione Intro (Windows) o Retorno (Macintosh).

Inserción de 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.

  1. Sitúe el punto de inserción en la ventana de documento.
  2. En el panel Activos, seleccione la categoría Bibliotecas.

  3. 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.

Edición de elementos de biblioteca y actualización de 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.

Edición de un elemento de biblioteca

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

  2. Seleccione un elemento de biblioteca.
  3. Haga clic en el botón Editar o haga doble clic en el elemento de biblioteca.

    Dreamweaver abrirá una nueva ventana similar la ventana de documento para que edite el elemento de biblioteca. El fondo gris indica que está editando un elemento de biblioteca y no un documento.

  4. Realice los cambios y luego guárdelos.
  5. 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.

Actualización del documento actual para que utilice la versión actual de todos los elementos de biblioteca

  1. Seleccione Herramientas > Biblioteca > Actualizar página actual.

Actualización del sitio completo o de todos los documentos que usen un elemento de biblioteca concreto

  1. Seleccione Herramientas > Biblioteca > Actualizar páginas.

  2. En el menú emergente Buscar en, especifique qué debe actualizarse:
    • Para actualizar todas las páginas del sitio seleccionado, utilice la versión actual de todos los elementos de biblioteca, seleccione Todo el sitio y, a continuación, seleccione el nombre del sitio en el menú emergente adyacente.

    • Para actualizar todas las páginas del sitio actual que utilizan el elemento de biblioteca, seleccione Archivos que usan y, a continuación, seleccione el nombre de un elemento de biblioteca en el menú emergente adyacente.

  3. Asegúrese de que Elementos de biblioteca está seleccionado en la opción Actualizar.

    Nota:

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

  4. Haga clic en Iniciar.

    Dreamweaver actualiza los archivos como se ha indicado. Si selecciona la opción Mostrar registro, Dreamweaver generará un informe en el que se muestra si los archivos se han actualizado correctamente, entre otra información.

Cambio del nombre de un elemento de biblioteca

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

  2. 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).
  3. Escriba un nuevo nombre.
  4. Haga clic en cualquier lugar o presione la tecla Intro (Windows) o Retorno (Macintosh).
  5. Especifique si deben actualizarse los documentos que utilizan el elemento eligiendo Actualizar o No actualizar.

Eliminación de 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.

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

  2. Seleccione el elemento de biblioteca.
  3. Haga clic en el botón Eliminar o presione la tecla Supr y confirme que desea eliminar el elemento.

    Nota:

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

Recreación de un elemento de biblioteca que falta o se ha eliminado

  1. Seleccione una instancia del elemento en uno de los documentos.
  2. Haga clic en el botón Volver a crear del inspector de propiedades (Ventana > Propiedades).

Personalización del 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.

Cambio del color de resaltado de los elementos de biblioteca

  1. Seleccione Editar > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).
  2. Seleccione la categoría Resaltando de la lista de la izquierda del cuadro de diálogo Preferencias.
  3. Haga clic en el cuadro de color de Elementos de biblioteca y seleccione un color de resaltado con el selector de color (o introduzca el valor hexadecimal correspondiente al color en el cuadro de texto).
  4. Seleccione Mostrar para ver el color de resaltado en la ventana de documento.
  5. Haga clic en Aceptar.

Para mostrar u ocultar resaltados en la ventana de documento

  1. 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.

Edición de 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.

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

    Origen

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

    Abrir

    Abre el archivo de origen del elemento de biblioteca para su edición. Esta acción equivale a seleccionar el elemento en el panel Activos y hacer clic en el botón Editar.

    Separar del original

    Rompe el vínculo existente entre el elemento de biblioteca seleccionado y su archivo de origen. Puede editar el elemento separado en el documento, pero deja de ser un elemento de biblioteca y no se actualiza cuando se modifica el original.

    Volver a crear

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

Conversión de 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.

  1. Seleccione un elemento de biblioteca en el documento actual.
  2. Haga clic en Separar del original en el inspector de propiedades (Ventana > Propiedades).

Edición de 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.

  1. Abra un documento que contenga el elemento de biblioteca.

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

  2. Seleccione el elemento de biblioteca y haga clic en Separar del original en el inspector de propiedades (Ventana > Propiedades).
  3. Seleccione el elemento que tiene el comportamiento adjunto.
  4. En el panel Comportamientos (Ventana > Comportamientos), haga doble clic en la acción que desea cambiar.
  5. En el cuadro de diálogo que aparece, realice los cambios y haga clic en Aceptar.
  6. En el panel Activos, seleccione la categoría Bibliotecas.

  7. Anote el nombre exacto y el uso de mayúsculas y minúsculas en el elemento de biblioteca original; selecciónelo y haga clic en el botón Eliminar.
  8. En la ventana de documento, seleccione todos los elementos que representan al elemento de biblioteca.

    Tenga cuidado de seleccionar exactamente los mismos elementos que había en el elemento de biblioteca original.

  9. 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.

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

  11. En el menú emergente Buscar en, seleccione Arch. que usan.
  12. En el menú emergente que aparece al lado, elija el nombre del elemento de biblioteca que acaba de crear.
  13. En la opción Actualizar, compruebe que está seleccionado Elementos de biblioteca y luego haga clic en Iniciar.
  14. Cuando finalice la actualización, haga clic en Cerrar.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea