Como criar e usar itens da biblioteca do dreamweaver

Se você estiver usando o Dreamweaver, é útil saber como para criar um item de biblioteca, adicionar um para uma página, e editar e atualizar um item de biblioteca em várias páginas. Para essas etapas para funcionar corretamente, você deve fazê-las em ordem. Antes de criar ou usar itens da biblioteca, você deve primeiro configurar o site e abri-lo no painel Arquivos.

Como criar um item de biblioteca no Dreamweaver

Para criar um item de biblioteca que você pode usar em várias páginas em seu site, siga estes passos:

1. Abrir qualquer arquivo existente que tenha imagens, texto ou outros elementos na página que você deseja salvar como um item de biblioteca.

2. A partir desta página, selecione um elemento ou conjunto de elementos que você deseja salvar como um item de biblioteca, tais como as informações de direitos autorais que aparece na parte inferior da página.

   Video: BIBLIOTECA HOVER.CSS / INTERAGINDO BOTÕES (CSS3/HTML5)

3. Escolha Modificar → Biblioteca → Adicionar objeto à Biblioteca.

   O painel de propriedades da biblioteca é aberta e exibe todos os itens da biblioteca existentes. Seu novo item de biblioteca aparece como Sem título.

4. Selecione Untitled e substituí-lo digitando um novo nome como você gostaria nomear qualquer arquivo no Explorer em um PC ou do Finder no Mac.

   Quando você cria um item de biblioteca, o Dreamweaver salva-lo automaticamente para a biblioteca. Naming itens da biblioteca torna mais fáceis de identificar quando você quiser usá-los. Você pode então aplicar facilmente itens da biblioteca para qualquer página nova ou existente em seu site.

Como adicionar um item de biblioteca a uma página no Dreamweaver

Você pode facilmente adicionar elementos da biblioteca para suas páginas simplesmente arrastando-os a partir do painel Assets para a página. Quando você adiciona um item de biblioteca, o conteúdo é inserido no documento e uma conexão é estabelecida.

Esta ligação é importante porque permite que você edite o item de biblioteca mais tarde e aplicar as alterações a todas as páginas onde o item aparece, mas isso também significa que você não pode editar o item na página onde ele está inserido.

Para adicionar um item de biblioteca a uma página, siga estes passos:

1. Criar um novo documento no Dreamweaver ou abrir qualquer arquivo existente.

2. No painel de arquivos, clique na guia Recursos e, em seguida, clique no ícone Library.

   A biblioteca abre no painel Ativos.

   

3. Arraste um item da biblioteca para a janela do documento.

   Alternativamente, você pode selecionar um item na biblioteca e clique no botão Inserir. O item aparece automaticamente na página. Depois de inserir um item de biblioteca em uma página, você pode usar qualquer um dos recursos de formatação do Dreamweaver para posicioná-la na página.

Como destacar itens da biblioteca do Dreamweaver

Os itens de biblioteca são destacados para distingui-los de outros elementos em uma página. Na caixa de diálogo Preferências, você pode personalizar a cor de destaque para os itens da biblioteca, bem como mostrar ou ocultar a cor de destaque. Para alterar ou ocultar o realce da biblioteca, siga estes passos:

Escolha Editar → Preferências (Windows) ou Dreamweaver → Preferências (Mac).

A caixa de diálogo Preferências é exibida.

Como fazer mudanças globais no Dreamweaver com itens da biblioteca

O recurso de biblioteca Dreamweaver economiza tempo porque você pode fazer alterações em itens da biblioteca e automaticamente aplicar essas alterações a qualquer ou todas as páginas onde o item de biblioteca aparece. Para editar um item de biblioteca, siga estes passos:

1. No painel de arquivos, clique na guia Recursos e, em seguida, clique no ícone Library.

   Video: Criando site com Dreamweaver - 05 - Criando os botões

   A biblioteca abre no painel Ativos.

2. Clique duas vezes em qualquer item listado na biblioteca para abrir o item.

   Dreamweaver abre uma nova janela onde você pode editar o item de biblioteca.

   O item de biblioteca não terá um tag em que para especificar as cores de fundo, link ou texto. O item de biblioteca adquire os ajustes corretos dos tags na página onde você inseri-lo.

3. Alterar o item de biblioteca como se fosse editar qualquer elemento no Dreamweaver.

   Por exemplo, você pode alterar um link, edite o texto de texto, alterar a fonte ou tamanho, e até mesmo adicionar imagens, texto, e outros elementos.

4. Escolha Arquivo → Salvar para salvar as alterações no item original.

   A caixa de diálogo Itens Atualizar Biblioteca é aberta, exibindo uma lista de todas as páginas em que o item de biblioteca aparece.

5. Para aplicar as alterações feitas no item de biblioteca em todas as páginas listadas, clique no botão Update.

   Se você não deseja aplicar as alterações em todas as páginas onde o item de biblioteca aparece, clique no Não botão Update.

   Se você clicou no botão Update, a caixa de diálogo Update Pages aparece e mostra o andamento da atualização. Você pode parar a atualização a partir desta caixa de diálogo, se necessário.

Como editar uma instância de um item de biblioteca no Dreamweaver

Se você quiser alterar um item de biblioteca em uma página específica ou em algumas páginas, você pode substituir o recurso de biblioteca automatizado destacando-lo, ou quebrar a ligação entre o item original na biblioteca e o item inserido na página.

Depois de quebrar uma ligação, você não pode mais atualizar item de biblioteca que da página automaticamente.

Para retirar uma instância de um item de biblioteca para que ele possa ser editados independentemente, siga estes passos:

1. Abra qualquer arquivo que contém um item de biblioteca e selecione o item de biblioteca.

   O inspetor de propriedades exibe as opções de itens da biblioteca.

   

2. Clique no botão Desanexar do original.

   Uma mensagem de aviso é exibida, permitindo que você saiba que se você continuar com destacando o item de biblioteca a partir do original, você não pode atualizar esta ocorrência de que quando o original é editado.

3. Clique em OK para retirar o item da biblioteca.