Aprenda a usar activos como imágenes, películas, colores, scripts, vínculos y elementos de biblioteca en Dreamweaver.
Acerca de los activos
Puedes usar Adobe Dreamweaver para realizar un seguimiento y obtener una vista previa de los recursos almacenados en tu sitio, como imágenes, películas, colores, scripts y vínculos.También puedes arrastrar un recurso directamente para insertarlo en una página del documento actual.
Los activos pueden obtenerse de distintas fuentes. Por ejemplo, podrías crear recursos en una aplicación como Adobe® Fireworks® o Adobe® Flash®, recibirlos de un compañero de trabajo o copiarlos de un CD de imágenes prediseñadas o un sitio web de gráficos.
Dreamweaver también proporciona acceso a dos tipos especiales de recursos: bibliotecas y plantillas. Ambos son recursos vinculados: cuando editas un elemento de biblioteca o plantilla, Dreamweaver actualiza todos los documentos que usan esos recursos.Los elementos de biblioteca generalmente representan recursos de diseño pequeños, como un logotipo del sitio o copyright. Para controlar un área de diseño más grande, usa una plantilla en su lugar.
Acerca de los elementos de biblioteca
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 almacenar 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, supongamos que estás creando un sitio grande para una compañía que quiere que aparezca un eslogan 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 automáticamente actualizar 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 cuerpo 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. (Sin embargo, 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, los vínculos pueden no funcionar en el nuevo sitio. Además, las imágenes de un elemento de biblioteca no se copian al nuevo sitio.
Cuando usas un elemento de biblioteca, Dreamweaver inserta un enlace a él, en lugar del elemento en sí, en la página web. Es decir, Dreamweaver inserta una copia del código fuente HTML para ese elemento en el documento y agrega 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 crees un elemento de biblioteca que incluye un elemento con un comportamiento de Dreamweaver adjunto, 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 llamar cuando se produce el evento) al archivo del elemento de biblioteca. Dreamweaver no copia las funciones JavaScript asociadas al elemento de biblioteca. En su lugar, cuando insertes el elemento de biblioteca en un documento, Dreamweaver insertará automáticamente las funciones JavaScript apropiadas en la sección head de ese documento (si no están ya ahí).
Si codificas JavaScript manualmente (es decir, si lo creas sin usar comportamientos de Dreamweaver), puedes hacerlo parte de un elemento de biblioteca si usas el comportamiento Llamar JavaScript para ejecutar el código. Si no usas un comportamiento de Dreamweaver para ejecutar el código, el código no se conserva como parte del elemento de biblioteca.
Existen requisitos especiales para editar los comportamientos en elementos de biblioteca. Los elementos de biblioteca no pueden contener hojas de estilos, porque el código de esos elementos forma parte de la sección head.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
