Saiba como usar ativos como imagens, filmes, cores, scripts, links e itens de biblioteca no Dreamweaver.

Sobre os ativos

É possível usar o Adobe Dreamweaver para controlar e visualizar os ativos do armazenados no site como, por exemplo, imagens, filmes, cores, scripts e links. Você também pode arrastar diretamente um ativo para inseri-lo em uma página do documento atual.

Você obtém os ativos de várias origens. Você pode, por exemplo, criar ativos em um aplicativo como o Adobe® Fireworks® ou o Adobe® Flash®, recebê-los de um colaborador ou copiá-los de um CD com clip-arts ou de um site de gráficos.

O Dreamweaver também oferece acesso a dois tipos especiais de ativos: bibliotecas e modelos. Ambos são ativos vinculados: quando você edita um item de biblioteca ou modelo, o Dreamweaver atualiza todos os documentos que usam esses ativos. Os itens de biblioteca geralmente representam pequenos ativos de design como, por exemplo, o logotipo de um site ou os direitos autorais. Para controlar uma área de design maior, use um modelo.

Sobre os itens de biblioteca

Uma biblioteca é um arquivo especial do Dreamweaver que contém um conjunto de ativos individuais ou cópias de ativos que você pode colocar nas páginas da Web. Os ativos de uma biblioteca são chamados de itens de biblioteca. Entre os itens que você pode armazenar em uma biblioteca estão imagens, tabelas, sons e arquivos criados com o Adobe Flash. Você pode atualizar automaticamente todas as páginas que usam um item de biblioteca sempre que você editá-lo.

Por exemplo, suponhamos que você esteja criando um grande site para uma empresa que deseja que um slogan apareça em todas as páginas. Você pode criar um item de biblioteca de forma que ele contenha o slogan e usar esse item em todas as páginas. Caso o slogan mude, você pode alterar o item de biblioteca e atualizar, automaticamente, todas as páginas em que ele é usado.

O Dreamweaver armazena os itens de biblioteca em uma pasta Biblioteca dentro da pasta raiz local de cada site. Cada site tem sua própria biblioteca.

É possível criar um item de biblioteca usando qualquer elemento da seção body de um documento, inclusive textos, tabelas, formulários, applets Java, plug-ins, elementos ActiveX, barras de navegação e imagens.

No caso de itens vinculados como, por exemplo, imagens, a biblioteca armazena apenas uma referência ao item. Para que o item de biblioteca funcione corretamente, o arquivo original deve permanecer no local especificado.

Porém, ainda assim, talvez seja útil armazenar uma imagem em um item de biblioteca. Por exemplo, você poderia armazenar uma tag img completa em um item de biblioteca, o que permitiria alterar facilmente o texto alt da imagem, ou até mesmo seu atributo src, em todo o site. (Entretanto, não use essa técnica para alterar os atributos width e height de uma imagem, a menos que você use um editor de imagens para alterar o tamanho real da imagem.)

Observação:

caso o item de biblioteca contenha links, eles podem não funcionar no novo site. Além disso, as imagens em uma biblioteca não são copiadas para o novo site.

Quando você usa um item de biblioteca, o Dreamweaver insere um link para ele, e não o próprio item, na página da Web. Ou seja, o Dreamweaver insere uma cópia do código-fonte HTML do item no documento e adiciona um comentário em HTML contendo uma referência para o item original, externo. É essa referência externa que possibilita a atualização automática.

Quando você cria um item de biblioteca que inclui um elemento com um comportamento do Dreamweaver relacionado, o Dreamweaver copia o elemento e seu manipulador de evento (o atributo que especifica o evento que dispara a ação como, por exemplo, onClick, onLoad ou onMouseOver e a ação a ser chamada quando o evento ocorre) para o arquivo do item de biblioteca. O Dreamweaver não copia as funções JavaScript associadas para o item de biblioteca. Na verdade, quando você insere o item de biblioteca em um documento, o Dreamweaver insere automaticamente as funções JavaScript apropriadas na seção head do documento (caso elas ainda não estejam lá).

Observação:

caso codifique manualmente o JavaScript (ou seja, o crie usando os comportamentos do Dreamweaver), você poderá fazer dele parte de um item de biblioteca, se estiver usando o comportamento Chamar JavaScript para executar o código. Caso você não use um comportamento do Dreamweaver para executar o código, este não será mantido como parte do item de biblioteca.

Há requisitos especiais para a edição dos comportamentos em itens de biblioteca. Os itens de biblioteca não podem conter folhas de estilos porque o código desses elementos faz parte da seção head.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online