Guia do Usuário Cancelar

Trabalhar com itens da biblioteca

Pesquisar
Dreamweaver

Dreamweaver

Abrir aplicativo
  1. Guia do usuário do Dreamweaver
  2. Introdução
    1. Noções básicas de web design responsivo
    2. Novidades do Dreamweaver
    3. Desenvolvimento Web com o Dreamweaver – Visão geral
    4. Dreamweaver/Perguntas frequentes
    5. Atalhos de teclado
    6. Requisitos de sistema do Dreamweaver
    7. Resumo dos recursos
  3. Dreamweaver e Creative Cloud
    1. Sincronizar as configurações do Dreamweaver com a Creative Cloud
    2. Bibliotecas da Creative Cloud no Dreamweaver
    3. Uso de arquivos do Photoshop no Dreamweaver
    4. Trabalhe com o Adobe Animate e o Dreamweaver
    5. Extraia das Bibliotecas arquivos SVG otimizados para a Web
  4. Áreas de trabalho e exibições do Dreamweaver
    1. Espaço de trabalho do Dreamweaver
    2. Otimizar espaço de trabalho no Dreamweaver para desenvolvimento visual
    3. Pesquisa de arquivos baseada no nome de arquivo ou no conteúdo | Mac OS
  5. Configurar sites
    1. Sobre sites do Dreamweaver
    2. Configurar uma versão local do site
    3. Conectar-se a um servidor de publicação
    4. Configurar um servidor de teste
    5. Importar e exportar configurações de site do Dreamweaver
    6. Trazer sites existentes de um servidor remoto para a raiz do site local
    7. Recursos de acessibilidade do Dreamweaver
    8. Configurações avançadas
    9. Definir preferências de site para transferência de arquivos
    10. Especificar configurações do servidor proxy no Dreamweaver
    11. Sincronizar as configurações do Dreamweaver com a Creative Cloud
    12. Como usar o Git no Dreamweaver
  6. Gerenciar arquivos
    1. Criar e abrir arquivos
    2. Gerenciamento de arquivos e pastas
    3. Obter e colocar arquivos no servidor
    4. Devolver e retirar arquivos
    5. Sincronizar arquivos
    6. Comparar arquivos em busca de diferenças
    7. Encobrir arquivos e pastas em seu site do Dreamweaver
    8. Ativar as Design Notes para sites do Dreamweaver
    9. Impedir possível ataque ao Gatekeeper
  7. Layout e design
    1. Usar auxílios visuais para layout
    2. Sobre usar o CSS para criar o layout da página
    3. Criar sites responsivos usando o Bootstrap
    4. Criar e usar consultas de mídia no Dreamweaver
    5. Apresentar conteúdo em tabelas
    6. Cores
    7. Design responsivo usando layouts de grade fluida
    8. Extract no Dreamweaver
  8. CSS
    1. Noções sobre as folhas de estilos em cascata
    2. Aplicar layout às páginas usando o CSS Designer
    3. Usar pré-processadores de CSS no Dreamweaver
    4. Como definir preferências de estilo CSS no Dreamweaver
    5. Mover regras de CSS no Dreamweaver
    6. Converter CSS inline em uma regra de CSS no Dreamweaver
    7. Trabalhar com tags div
    8. Aplicação de degradês ao fundo
    9. Criar e editar efeitos de transição do CSS3 no Dreamweaver
    10. Formatar código
  9. Conteúdo e ativos de página
    1. Definir propriedades da página
    2. Configurar propriedades de cabeçalho e propriedades de link de CSS
    3. Trabalhar com texto
    4. Localizar e substituir texto, tags e atributos
    5. Painel DOM
    6. Editar na Visualização dinâmica
    7. Codificar documentos do Dreamweaver
    8. Selecionar e exibir os elementos na janela Documento
    9. Definir propriedades de texto no Inspetor de propriedades
    10. Verificar ortografia de uma página Web
    11. Usar regras horizontais no Dreamweaver
    12. Adicionar e modificar combinações de fontes no Dreamweaver
    13. Trabalhar com ativos
    14. Inserir e atualizar datas no Dreamweaver
    15. Criar e gerenciar ativos favoritos no Dreamweaver
    16. Inserir e editar imagens no Dreamweaver
    17. Adicionar objetos de mídia
    18. Adição de vídeos no Dreamweaver
    19. Inserir vídeo HTML5
    20. Inserir arquivos SWF
    21. Adicionar efeitos de áudio
    22. Inserir áudio HTML5 no Dreamweaver
    23. Trabalhar com itens da biblioteca
    24. Usar texto em árabe e hebraico no Dreamweaver
  10. Vinculação e navegação
    1. Sobre vinculação e navegação
    2. Vinculação
    3. Mapas de imagem
    4. Solucionar problemas com links
  11. Efeitos e widgets do jQuery
    1. Usar widgets de interface e para dispositivos móveis do jQuery no Dreamweaver
    2. Usar efeitos do jQuery no Dreamweaver
  12. Programar sites
    1. Sobre codificação no Dreamweaver
    2. Ambiente de codificação no Dreamweaver
    3. Definir preferências de codificação
    4. Personalizar codificação por cores
    5. Escrever e editar código
    6. Dicas de código e preenchimento de código
    7. Recolher e expandir código
    8. Reutilizar código com snippets
    9. Linting de código
    10. Otimizar código
    11. Editar código na Visualização de design
    12. Trabalhar com conteúdo do cabeçalho das páginas
    13. Inserir inclusões de servidor no Dreamweaver
    14. Usar bibliotecas de tags no Dreamweaver
    15. Importar tags personalizadas para o Dreamweaver
    16. Usar comportamentos JavaScript (instruções gerais)
    17. Aplicar comportamentos internos do JavaScript
    18. Sobre XML e XSLT
    19. Executar transformações XSL do servidor no Dreamweaver
    20. Executar transformações XSL do cliente no Dreamweaver
    21. Adicionar entidades de caracteres para XSLT no Dreamweaver
    22. Formatar código
  13. Fluxos de trabalho entre produtos
    1. Instalar e usar extensões no Dreamweaver
    2. Atualizações dentro do aplicativo no Dreamweaver
    3. Inserir documentos do Microsoft Office no Dreamweaver (somente Windows)
    4. Trabalho com o Fireworks e o Dreamweaver
    5. Editar conteúdo em sites do Dreamweaver usando o Contribute
    6. Integração do Business Catalyst ao Dreamweaver
    7. Criar campanhas de email personalizadas
  14. Modelos
    1. Sobre os modelos do Dreamweaver
    2. Reconhecimento de modelos e documentos baseados em modelo
    3. Criar um modelo do Dreamweaver
    4. Criar regiões editáveis nos modelos
    5. Criar regiões e tabelas repetitivas no Dreamweaver
    6. Usar regiões opcionais em modelos
    7. Definir atributos de tag editáveis no Dreamweaver
    8. Como criar modelos aninhados no Dreamweaver
    9. Editar, atualizar e excluir modelos
    10. Exportar e importar conteúdo xml no Dreamweaver
    11. Aplicar ou remover um modelo em um documento
    12. Editar conteúdo em modelos do Dreamweaver
    13. Regras de sintaxe para tags de modelo no Dreamweaver
    14. Definir preferências de realce para regiões de modelo
    15. Vantagens de usar modelos no Dreamweaver
  15. Dispositivo móvel e multitela
    1. Criar consultas de mídia
    2. Alterar a orientação de página para dispositivos móveis
    3. Criar aplicativos Web para dispositivos móveis usando o Dreamweaver
  16. Sites dinâmicos, páginas e formulários Web
    1. Noções sobre aplicativos Web
    2. Configurar o computador para desenvolvimento de aplicativos
    3. Solucionar problemas de conexões de banco de dados
    4. Remover scripts de conexão no Dreamweaver
    5. Criar páginas dinâmicas
    6. Visão geral das fontes de conteúdo dinâmico
    7. Definir origens de conteúdo dinâmico
    8. Adicionar conteúdo dinâmico a páginas
    9. Alterar conteúdo dinâmico no Dreamweaver
    10. Exibir registros de banco de dados
    11. Fornecer e solucionar problemas de live data no Dreamweaver
    12. Adicionar comportamentos personalizados de servidor no Dreamweaver
    13. Criar formulários usando o Dreamweaver
    14. Usar formulários para reunir informações de usuários
    15. Criar e ativar formulários do ColdFusion no Dreamweaver
    16. Criar formulários Web
    17. Suporte aprimorado a HTML5 para elementos de formulário
    18. Desenvolver um formulário usando o Dreamweaver
  17. Criação visual de aplicativos
    1. Criar páginas mestre e detalhadas no Dreamweaver
    2. Criar páginas de pesquisa e de resultados
    3. Criar uma página de inserção de registro
    4. Criar uma página de registro de atualização no Dreamweaver
    5. Criar páginas de exclusão de registro no Dreamweaver
    6. Usar comandos ASP para modificar um banco de dados no Dreamweaver
    7. Criar uma página de registro
    8. Criar uma página de logon
    9. Criar uma página que apenas usuários autorizados podem acessar
    10. Proteger pastas no ColdFusion usando o Dreamweaver
    11. Usar componentes do ColdFusion no Dreamweaver
  18. Testar, visualizar e publicar sites
    1. Visualizar páginas
    2. Visualizar páginas Web do Dreamweaver em vários dispositivos
    3. Testar seu site do Dreamweaver
  19. Solução de problemas
    1. Problemas corrigidos
    2. Problemas conhecidos

 

 

Use este tópico para saber como criar itens de biblioteca no Dreamweaver e inserir e editar itens de biblioteca em documentos.

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.

Criar um item de biblioteca com base em uma seleção

  1. Na janela Documento, mude para a Visualização de design e selecione a parte de um documento a ser salva como um item de biblioteca.

  2. Selecione Ferramentas > Biblioteca > Adicionar objeto à biblioteca.

  3. Digite um nome para o novo item de biblioteca e pressione Enter (Windows) ou Return (Macintosh).

    O Dreamweaver salva cada um dos itens de biblioteca como um arquivo separado (com a extensão .lbi) na pasta Biblioteca da pasta raiz local do site.

Criar um item de biblioteca vazia

  1. Verifique se não há nada selecionado na janela Documento.

    Se algo estiver selecionado, ele será colocado no novo item de biblioteca.

  2. No painel Ativos, selecione a categoria Biblioteca.

  3. Clique no botão Novo item de biblioteca na parte inferior do painel.

  4. Ainda com o item selecionado, digite um nome para ele e pressione Enter (Windows) ou Return (Macintosh).

Inserir um item de biblioteca em um documento

Quando você adiciona um item de biblioteca a uma página, o conteúdo real é inserido no documento com uma referência para o item de biblioteca.

  1. Coloque o ponto de inserção na janela Documento.

  2. No painel Ativos, selecione a categoria Biblioteca.

  3. Siga um destes procedimentos:
    • Arraste um item de biblioteca do painel Ativos para a janela Documento.
    Observação:

    para inserir o conteúdo de um item de biblioteca sem incluir uma referência para ele no documento, pressione Control (Windows) ou Option (Macintosh) enquanto estiver arrastando um item para fora do painel Ativos. Se inserir um item dessa forma, você poderá editar o item no documento, mas ele não será atualizado quando você atualizar as páginas que usam esse item de biblioteca.

    • Selecione um item de biblioteca e clique em Inserir.

Editar itens de biblioteca e atualizar documentos

Ao editar um item de biblioteca, você pode atualizar todos os documentos que usam esse item. Caso você opte por não atualizar, os documentos permanecem associados ao item de biblioteca; é possível atualizá-los posteriormente.

Você pode renomear os itens para quebrar a conexão com documentos ou modelos, excluir itens da biblioteca do site e recriar um item de biblioteca ausente.

Editar um item de biblioteca

  1. No painel Ativos, selecione a categoria Biblioteca.

  2. Selecione um item de biblioteca.

  3. Clique no botão Editar ou clique duas vezes no item de biblioteca.

    O Dreamweaver abre uma nova janela, semelhante à janela Documento, para edição do item de biblioteca. O fundo cinza indica que você está editando um item de biblioteca, e não um documento.

  4. Faça e salve as alterações.

  5. Especifique se você deseja atualizar os documentos no site local que usam o item de biblioteca. Selecione Atualizar para atualizar imediatamente. Se você selecionar Não atualizar, os documentos não serão atualizados até que você escolha Ferramentas > Biblioteca > Atualizar esta página ou Atualizar páginas.

Atualizar o documento atual para usar a versão atual de todos os itens de biblioteca

  1. Selecione Ferramentas > Biblioteca > Atualizar esta página.

Atualizar todo o site ou todos os documentos que usam um determinado item de biblioteca

  1. Selecione Ferramentas > Biblioteca > Atualizar páginas.

  2. No menu pop-up Pesquisar, especifique o que você deseja atualizar:

    • Para atualizar todas as páginas no site selecionado de forma a usar a versão atual de todos os itens de biblioteca, selecione Site inteiro e, em seguida, o nome do site no menu pop-up adjacente.

    • Para atualizar todas as páginas do site atual que usam o item de biblioteca, selecione Arquivos que usam e, em seguida, o nome de um item de biblioteca no menu pop-up adjacente.

  3. Verifique se Itens de biblioteca está selecionado na opção Atualizar.
    Observação:

    para atualizar os modelos simultaneamente, também selecione Modelos.

  4. Clique em Iniciar.

    O Dreamweaver atualiza os arquivos conforme indicado. Caso você tenha selecionado a opção Mostrar registro, o Dreamweaver gerará um relatório mostrando se os arquivos foram atualizados com êxito, além das demais informações.

Renomear um item de biblioteca

  1. No painel Ativos, selecione a categoria Biblioteca.

  2. Selecione o item de biblioteca, faça uma pausa e clique nele novamente. (Não clique duas vezes. Isso abre o item para edição.)
  3. Digite um novo nome.
  4. Clique em qualquer outro lugar ou pressione Enter (Windows) ou Return (Macintosh).
  5. Especifique se você deseja atualizar documentos que usam o item escolhendo Atualizar ou Não atualizar.

Excluir um item de uma biblioteca

Quando você exclui um item de biblioteca, o Dreamweaver o remove da biblioteca, embora não altere o conteúdo de nenhum documento que usa o item.

  1. No painel Ativos, selecione a categoria Biblioteca.

  2. Selecione o item de biblioteca.
  3. Clique no botão Excluir ou pressione a tecla Delete e confirme se você deseja excluir o item.
    Observação:

    caso exclua um item de biblioteca, você não pode usar Desfazer para recuperá-lo. No entanto, talvez você consiga recriá-lo.

Recriar um item de biblioteca ausente ou excluído

  1. Selecione uma ocorrência do item em um dos documentos.
  2. Clique no botão Recriar no Inspetor de propriedades (Janela > Propriedades).

Personalizar o realce dos itens de biblioteca

Você pode personalizar a cor de realce dos itens de biblioteca e mostrar ou ocultar o realce configurando as preferências de realce.

Alterar a cor de realce dos itens de biblioteca

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).
  2. Selecione a categoria Realce na lista à esquerda da caixa de diálogo Preferências.
  3. Clique na caixa de cores Itens de biblioteca e selecione uma cor de realce usando o seletor de cores (ou digite o valor da cor hexadecimal na caixa de texto).
  4. Selecione Mostrar para exibir a cor de realce na janela Documento.
  5. Clique em OK.

Mostrar ou ocultar o realce na janela Documento

  1. Para mostrar o realce, selecione Exibir > Opções da visualização de design > Auxílios visuais > Elementos invisíveis. Para ocultar o realce, desmarque a seleção de Elementos invisíveis.

Editar as propriedades de um item de biblioteca

É possível usar o Inspetor de propriedades para abrir um item de biblioteca para edição, desanexar um item de biblioteca selecionado do arquivo de origem ou substituir um item pelo item de biblioteca selecionado atualmente.

  1. Selecione um item de biblioteca em um documento.
  2. Selecione uma destas opções no Inspetor de propriedades (Janela > Propriedades):

    Origem

    Exibe o nome de arquivo e o local do arquivo de origem do item de biblioteca. Você não pode editar essas informações.

    Aberto

    Abre o arquivo de origem do item de biblioteca para edição. Isso é o equivalente à seleção do item no painel Ativos e ao clique no botão Editar.

    Separar do original

    Rompe o link entre o item de biblioteca selecionado e seu arquivo de origem. Você pode editar o item desanexado no documento, embora ele não seja mais um item de biblioteca e não seja atualizado quando você altera o original.

    Recriar

    Substitui o item de biblioteca original pela seleção atual. Use essa opção para recriar itens de biblioteca caso o item original esteja ausente ou tenha sido excluído acidentalmente.

Tornar itens de biblioteca editáveis em um documento

Caso tenha adicionado um item de biblioteca ao documento e queira editá-lo especificamente para a página, você deve romper o link dentre o item no documento e a biblioteca. Assim que você tornar uma ocorrência de um item de biblioteca editável, essa ocorrência não será atualizada quando o item for alterado.

  1. Selecione um item de biblioteca no documento atual.
  2. Clique em Separar do original no Inspetor de propriedades (Janela > Propriedades).

Editar um comportamento em um item de biblioteca

Para editar um comportamento em um item de biblioteca, você deve inicialmente inserir o item em um documento e torná-lo editável nesse documento. Depois de fazer as alterações, você pode recriar o item de biblioteca, substituindo o item da biblioteca pelo item editado no documento.

  1. Abra um documento que contenha o item de biblioteca.

    Observe o nome do item de biblioteca, bem como as tags exatas que ele contém. Você precisará dessas informações mais tarde.

  2. Selecione o item de biblioteca e clique em Separar do original no Inspetor de propriedades (Janela > Propriedades).
  3. Selecione o elemento que apresenta o comportamento anexado a ele.
  4. No painel Comportamentos (Janela > Comportamentos), clique duas vezes na ação que você deseja alterar.
  5. Na caixa de diálogo exibida, faça as alterações e clique em OK.

  6. No painel Ativos, selecione a categoria Biblioteca.

  7. Anote o nome exato e o uso de maiúsculas e minúsculas do item de biblioteca original, selecione-o e clique no botão Excluir.
  8. Na janela Documento, selecione todos os elementos que formam o item de biblioteca.

    Tome cuidado para selecionar exatamente os mesmos elementos que estavam no item de biblioteca original.

  9. No painel Ativos, clique no botão Novo item de biblioteca e dê ao novo item o mesmo nome do item excluído, usando a mesma ortografia e capitalização.

  10. Para atualizar o item de biblioteca nos demais documentos do site, selecione Ferramentas > Biblioteca > Atualizar páginas.

  11. No menu pop-up Pesquisar, selecione Arquivos que usam.
  12. No menu pop-up próximo, selecione o nome do item de biblioteca que você criou há pouco.
  13. Na opção Atualizar, verifique se Itens de biblioteca está selecionado e clique em Iniciar.
  14. Quando as atualizações estiverem concluídas, clique em Fechar.

Artigos relacionados

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Links rápidos

Veja todos os seus planos Gerenciar seus planos
Ver links rápidos
Ocultar links rápidos

Avisos legais    |    Política de privacidade online