No painel Ativos (Janela > Ativos), selecione o ícone Modelos à esquerda do painel.
- Guia do usuário do Dreamweaver
- Introdução
- Dreamweaver e Creative Cloud
- Áreas de trabalho e exibições do Dreamweaver
- Configurar sites
- Sobre sites do Dreamweaver
- Configurar uma versão local do site
- Conectar-se a um servidor de publicação
- Configurar um servidor de teste
- Importar e exportar configurações de site do Dreamweaver
- Trazer sites existentes de um servidor remoto para a raiz do site local
- Recursos de acessibilidade do Dreamweaver
- Configurações avançadas
- Definir preferências de site para transferência de arquivos
- Especificar configurações do servidor proxy no Dreamweaver
- Sincronizar as configurações do Dreamweaver com a Creative Cloud
- Como usar o Git no Dreamweaver
- Gerenciar arquivos
- Criar e abrir arquivos
- Gerenciamento de arquivos e pastas
- Obter e colocar arquivos no servidor
- Devolver e retirar arquivos
- Sincronizar arquivos
- Comparar arquivos em busca de diferenças
- Encobrir arquivos e pastas em seu site do Dreamweaver
- Ativar as Design Notes para sites do Dreamweaver
- Impedir possível ataque ao Gatekeeper
- Layout e design
- CSS
- Noções sobre as folhas de estilos em cascata
- Aplicar layout às páginas usando o CSS Designer
- Usar pré-processadores de CSS no Dreamweaver
- Como definir preferências de estilo CSS no Dreamweaver
- Mover regras de CSS no Dreamweaver
- Converter CSS inline em uma regra de CSS no Dreamweaver
- Trabalhar com tags div
- Aplicação de degradês ao fundo
- Criar e editar efeitos de transição do CSS3 no Dreamweaver
- Formatar código
- Conteúdo e ativos de página
- Definir propriedades da página
- Configurar propriedades de cabeçalho e propriedades de link de CSS
- Trabalhar com texto
- Localizar e substituir texto, tags e atributos
- Painel DOM
- Editar na Visualização dinâmica
- Codificar documentos do Dreamweaver
- Selecionar e exibir os elementos na janela Documento
- Definir propriedades de texto no Inspetor de propriedades
- Verificar ortografia de uma página Web
- Usar regras horizontais no Dreamweaver
- Adicionar e modificar combinações de fontes no Dreamweaver
- Trabalhar com ativos
- Inserir e atualizar datas no Dreamweaver
- Criar e gerenciar ativos favoritos no Dreamweaver
- Inserir e editar imagens no Dreamweaver
- Adicionar objetos de mídia
- Adição de vídeos no Dreamweaver
- Inserir vídeo HTML5
- Inserir arquivos SWF
- Adicionar efeitos de áudio
- Inserir áudio HTML5 no Dreamweaver
- Trabalhar com itens da biblioteca
- Usar texto em árabe e hebraico no Dreamweaver
- Vinculação e navegação
- Efeitos e widgets do jQuery
- Programar sites
- Sobre codificação no Dreamweaver
- Ambiente de codificação no Dreamweaver
- Definir preferências de codificação
- Personalizar codificação por cores
- Escrever e editar código
- Dicas de código e preenchimento de código
- Recolher e expandir código
- Reutilizar código com snippets
- Linting de código
- Otimizar código
- Editar código na Visualização de design
- Trabalhar com conteúdo do cabeçalho das páginas
- Inserir inclusões de servidor no Dreamweaver
- Usar bibliotecas de tags no Dreamweaver
- Importar tags personalizadas para o Dreamweaver
- Usar comportamentos JavaScript (instruções gerais)
- Aplicar comportamentos internos do JavaScript
- Sobre XML e XSLT
- Executar transformações XSL do servidor no Dreamweaver
- Executar transformações XSL do cliente no Dreamweaver
- Adicionar entidades de caracteres para XSLT no Dreamweaver
- Formatar código
- Fluxos de trabalho entre produtos
- Instalar e usar extensões no Dreamweaver
- Atualizações dentro do aplicativo no Dreamweaver
- Inserir documentos do Microsoft Office no Dreamweaver (somente Windows)
- Trabalho com o Fireworks e o Dreamweaver
- Editar conteúdo em sites do Dreamweaver usando o Contribute
- Integração do Business Catalyst ao Dreamweaver
- Criar campanhas de email personalizadas
- Modelos
- Sobre os modelos do Dreamweaver
- Reconhecimento de modelos e documentos baseados em modelo
- Criar um modelo do Dreamweaver
- Criar regiões editáveis nos modelos
- Criar regiões e tabelas repetitivas no Dreamweaver
- Usar regiões opcionais em modelos
- Definir atributos de tag editáveis no Dreamweaver
- Como criar modelos aninhados no Dreamweaver
- Editar, atualizar e excluir modelos
- Exportar e importar conteúdo xml no Dreamweaver
- Aplicar ou remover um modelo em um documento
- Editar conteúdo em modelos do Dreamweaver
- Regras de sintaxe para tags de modelo no Dreamweaver
- Definir preferências de realce para regiões de modelo
- Vantagens de usar modelos no Dreamweaver
- Dispositivo móvel e multitela
- Sites dinâmicos, páginas e formulários Web
- Noções sobre aplicativos Web
- Configurar o computador para desenvolvimento de aplicativos
- Solucionar problemas de conexões de banco de dados
- Remover scripts de conexão no Dreamweaver
- Criar páginas dinâmicas
- Visão geral das fontes de conteúdo dinâmico
- Definir origens de conteúdo dinâmico
- Adicionar conteúdo dinâmico a páginas
- Alterar conteúdo dinâmico no Dreamweaver
- Exibir registros de banco de dados
- Fornecer e solucionar problemas de live data no Dreamweaver
- Adicionar comportamentos personalizados de servidor no Dreamweaver
- Criar formulários usando o Dreamweaver
- Usar formulários para reunir informações de usuários
- Criar e ativar formulários do ColdFusion no Dreamweaver
- Criar formulários Web
- Suporte aprimorado a HTML5 para elementos de formulário
- Desenvolver um formulário usando o Dreamweaver
- Criação visual de aplicativos
- Criar páginas mestre e detalhadas no Dreamweaver
- Criar páginas de pesquisa e de resultados
- Criar uma página de inserção de registro
- Criar uma página de registro de atualização no Dreamweaver
- Criar páginas de exclusão de registro no Dreamweaver
- Usar comandos ASP para modificar um banco de dados no Dreamweaver
- Criar uma página de registro
- Criar uma página de logon
- Criar uma página que apenas usuários autorizados podem acessar
- Proteger pastas no ColdFusion usando o Dreamweaver
- Usar componentes do ColdFusion no Dreamweaver
- Testar, visualizar e publicar sites
- Solução de problemas
Saiba como editar, atualizar e excluir modelos no Dreamweaver, e atualize modelos em um site do Contribute.
Quando você efetua alterações e salva um modelo, todos os documentos baseados no modelo são atualizados. Você também pode atualizar manualmente um documento baseado em modelo ou o site inteiro, caso isso seja necessário.
Para editar um modelo para um site do Contribute, use o Dreamweaver; não é possível editar modelos no Contribute.
Use a categoria Modelos do painel Ativos para gerenciar modelos existentes, inclusive renomear e excluir arquivos de modelo.
Você pode executar as seguintes tarefas de gerenciamento de modelo usando o painel Ativos:
Criar um modelo
Editar e atualizar modelos
Aplicar ou remover um modelo em um documento
O Dreamweaver verifica a sintaxe do modelo ao salvá-lo, mas é recomendável verificar manualmente a sintaxe durante a edição do modelo.
Abrir um modelo para edição
Você pode abrir um arquivo de modelo diretamente para edição ou abrir um documento baseado em modelo e abrir o modelo anexado para edição.
Quando você realiza uma alteração em um modelo, o Dreamweaver solicita que você atualize os documentos baseados no modelo.
Você também pode atualizar manualmente os documentos para refletir as alterações do modelo, caso isso seja necessário.
Abrir e editar um arquivo de modelo
-
O painel Ativos lista todos os modelos disponíveis para o site e exibe uma visualização do modelo selecionado.
-
Na lista de modelos disponíveis, siga um destes procedimentos:
- Clique com o botão direito do mouse no modelo e clique em Editar.
- Clique duas vezes no nome do modelo a ser editado.
- Selecione um modelo para edição e clique no botão Editar na parte inferior do painel Ativos.
- Clique com o botão direito do mouse no modelo e clique em Editar.
-
Salve o modelo. O Dreamweaver solicita que você atualize páginas com base no modelo.
-
Clique em Atualizar para atualizar todos os documentos com base no modelo modificado; clique em Não atualizar se não quiser atualizar os documentos baseados no modelo modificado.
O Dreamweaver exibe um registro que indica os arquivos que foram atualizados.
Abrir e modificar o modelo anexado ao documento atual
-
Abra o documento baseado em modelo na janela Documento.
-
Selecione Ferramentas > Modelos > Abrir modelo anexado.
-
Modifique o conteúdo do modelo.Observação:
Para modificar as propriedades de página do modelo, selecione Arquivo > Propriedades da página. (Os documentos baseados em um modelo herdam as propriedades de página do modelo)
-
Salve o modelo. O Dreamweaver solicita que você atualize páginas com base no modelo.
-
Clique em Atualizar para atualizar todos os documentos com base no modelo modificado; clique em Não atualizar se não quiser atualizar os documentos baseados no modelo modificado.
O Dreamweaver exibe um registro que indica os arquivos que foram atualizados.
Renomear um modelo
-
No painel Ativos (Janela > Ativos), selecione o ícone Modelos à esquerda do painel.
-
Clique no nome do modelo para selecioná-lo.
-
Clique no nome novamente para que o texto possa ser selecionado e insira um novo nome.
Esse método de renomeação funciona da mesma forma que a renomeação de um arquivo no Windows Explorer (Windows) ou no Finder (Macintosh). Assim como no Windows Explorer e no Finder, faça uma pausa rápida entre os cliques. Não clique duas vezes no nome, pois esse procedimento abre o modelo para edição.
-
Clique em outra área do painel Ativo ou pressione Enter (Windows) ou Return (Macintosh) para ativar a alteração.
Um alerta pergunta se você deseja atualizar os documentos baseados nesse modelo.
-
Para atualizar todos os documentos do site que utilizam esse modelo, clique em Atualizar. Clique em Não atualizar se você não quiser atualizar qualquer documento baseado nesse modelo.
Alterar a descrição de um modelo
A descrição do modelo aparece na caixa de diálogo Novo documento quando você cria uma página a partir de um modelo existente.
-
Selecione Ferramentas > Modelos > Descrição.
-
Na caixa de diálogo Descrição do modelo, edite a descrição e clique em OK.
Atualizar manualmente documentos baseados em modelos
Quando você faz uma alteração em um modelo, o Dreamweaver solicita que você atualize os documentos baseados no modelo. Você pode atualizar manualmente o documento atual ou o site inteiro, caso seja necessário. O processo de atualização manual dos documentos baseados em modelo é igual ao de reaplicação do modelo.
Aplicar alterações de modelo ao documento baseado em modelo
-
Abra o documento na janela Documento.
-
Selecione Ferramentas > Modelos > Atualizar página atual.
O Dreamweaver atualiza o documento com todas as alterações do modelo.
Atualizar o site inteiro ou todos os documentos que usam determinado modelo
Você pode atualizar todas as páginas no site ou somente as páginas de um modelo específico.
-
Selecione Ferramentas > Modelos > Atualizar páginas...
-
No menu Pesquisar, siga um destes procedimentos:
Para atualizar todos os arquivos no site selecionado com seus modelos correspondentes, selecione Site inteiro e indique o nome do site no menu pop‑up adjacente.
Para atualizar os arquivos de um modelo específico, selecione Arquivos que usam e indique o nome do modelo no menu pop‑up adjacente.
-
Verifique se Modelos está selecionado na opção Atualizar.
-
Se você não quiser ver um registro dos arquivos que o Dreamweaver atualiza, desmarque a opção Mostrar registro; caso contrário, deixe essa opção selecionada.
-
Clique em Iniciar para atualizar os arquivos como indicado. Se você marcou a opção Mostrar registro, o Dreamweaver fornecerá informações sobre os arquivos que ele tenta atualizar, inclusive informações sobre o sucesso da atualização.
-
Clique em Fechar.
Atualizar modelos em site do Contribute
Os usuários do Contribute não podem alterar um modelo do Dreamweaver. Entretanto, você pode usar o Dreamweaver para alterar um modelo de um site do Contribute
Lembre-se do seguinte ao atualizar modelos em um site do Contribute:
O Contribute somente recupera modelos novos e alterados no site quando o Contribute é iniciado e quando um usuário do Contribute altera as respectivas informações de conexão. Se você efetuar alterações em um modelo enquanto um usuário do Contribute edita um arquivo baseado nesse modelo, o usuário não verá as alterações no modelo até reiniciar o Contribute.
Se você remover uma região editável de um modelo, o usuário do Contribute que estiver editando uma página baseada nesse modelo pode ficar confuso sobre o que fazer com o conteúdo da região editável.
Para atualizar um modelo em um site do Contribute, siga as etapas a seguir.
-
Abra o modelo do Contribute no Dreamweaver, edite-o e salve-o. Para obter instruções, consulte Abrir um modelo para edição.
-
Solicite que todos os usuários do Contribute que estiverem trabalhando no site reiniciem o Contribute.
Excluir um arquivo de modelo
-
No painel Ativos (Janela > Ativos), selecione o ícone Modelos à esquerda do painel.
-
Clique no nome do modelo para selecioná-lo.
-
Clique no botão Excluir na parte inferior do painel e confirme se deseja excluir o modelo.Observação:
Depois de excluído, o arquivo de modelo não pode ser recuperado. O arquivo de modelo é excluído do site.
Os documentos baseados em um modelo excluído não são desanexados do modelo; eles retêm a estrutura e as regiões editáveis que o arquivo de modelo tinha antes de ser excluído. É possível converter esse documento em um arquivo HTML sem regiões editáveis ou bloqueadas.