- 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 aplicar ou remover um modelo de um documento existente no Dreamweaver usando o painel Ativos.
Quando você aplica um modelo a um documento que já tem conteúdo, o Dreamweaver tenta estabelecer uma correspondência entre o conteúdo existente e uma região no modelo. Se você estiver aplicando uma versão revisada de um seus modelos, os nomes provavelmente serão correspondentes.
Se você aplicar um modelo a um documento que não utilizou um modelo, não haverá regiões editáveis para comparação e não haverá correspondência. O Dreamweaver rastreia essas falhas de correspondência para que você possa selecionar para qual região ou regiões o conteúdo da página atual será transferido ou que você possa excluir o conteúdo não correspondente.
É possível aplicar um modelo a um documento usando o painel Ativos na janela Documento. Você pode desfazer a aplicação de um modelo se necessário.
Quando você aplica um modelo a um documento existente, o modelo substitui o conteúdo do documento pelo conteúdo do modelo. Sempre faça backup do conteúdo de uma página antes de aplicar um modelo a ela.
Aplicar um modelo a um documento usando o painel Ativos
-
Abra o documento ao qual você deseja aplicar o modelo.
-
No painel Ativos (Janela > Ativos), selecione o ícone Modelos à esquerda do painel.
-
Siga um destes procedimentos:
Em Visualização de design, arraste o modelo a ser aplicado do painel Ativos para a janela Documento.
Selecione o modelo a ser aplicado e clique no botão Aplicar na parte inferior do painel Ativos.
Se houver conteúdo no documento que não possa ser atribuído automaticamente a uma região de modelo, a caixa de diálogo Nomes de região inconsistentes será exibida.
-
Selecione um destino para o conteúdo usando o menu Mover conteúdo para nova região para selecionar um destes:
Selecione uma região no novo modelo para a qual o conteúdo existente será movido.
Selecione Em lugar nenhum para remover o conteúdo do documento.
-
Para mover todo conteúdo não resolvido para a região selecionada, clique em Usar para todos.
-
Clique em OK para aplicar o modelo ou clique em Cancelar para cancelar a aplicação do modelo ao documento.Observação:
Quando você aplica um modelo a um documento existente, o modelo substitui o conteúdo do documento pelo conteúdo do modelo. Sempre faça backup do conteúdo de uma página antes de aplicar um modelo a ela.
Aplicar um modelo a um documento existente na janela Documento
-
Abra o documento ao qual você deseja aplicar o modelo.
-
Selecione Ferramentas > Modelos > Aplicar modelo à página.
-
Na caixa de diálogo Selecionar modelo, escolha um modelo da lista e clique em Selecionar.
Se houver conteúdo no documento que não possa ser atribuído automaticamente a uma região de modelo, a caixa de diálogo Nomes de região inconsistentes será exibida.
-
Selecione um destino para o conteúdo usando o menu Mover conteúdo para nova região para selecionar um destes:
Selecione uma região no novo modelo para a qual o conteúdo existente será movido.
Selecione Em lugar nenhum para remover o conteúdo do documento.
-
Para mover todo conteúdo não resolvido para a região selecionada, clique em Usar para todos.
-
Clique em OK para aplicar o modelo ou clique em Cancelar para cancelar a aplicação do modelo ao documento.Observação:
Quando você aplica um modelo a um documento existente, o modelo substitui o conteúdo do documento pelo conteúdo do modelo. Sempre faça backup do conteúdo de uma página antes de aplicar um modelo a ela.
Desanexar um documento de um modelo
Para efetuar alterações nas regiões bloqueadas de um documento baseado em modelo, desanexe o documento do modelo. Depois de desanexado, o documento inteiro ficará editável.
Não é possível converter um arquivo de modelo (.dwt) em um arquivo normal salvando novamente o arquivo de modelo como um arquivo HTML (.html). Fazer isso não exclui o código de modelo que aparece em todo o documento. Se você deseja converter um arquivo de modelo em um arquivo normal, você pode salvar o documento como um arquivo HTML normal, mas precisa excluir manualmente todo o código de modelo na Visualização de código.
-
Abra o documento baseado em modelo a ser desanexado.
-
Selecione Ferramentas > Modelos > Desanexar do modelo.
O documento é desanexado do modelo e todo o código do modelo é removido.