- 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 criar e remover regiões editáveis em modelos no Dreamweaver.
As regiões editáveis do modelo controlam quais áreas de uma página baseada em modelo o usuário pode editar. Antes de inserir uma região editável, salve o documento no qual você está trabalhando como um modelo.
Se você inserir uma região editável em um documento, e não em um arquivo de modelo, receberá um alerta de que o documento será automaticamente salvo como um modelo.
Você pode posicionar a região editável em qualquer local da página, mas considere os seguintes pontos caso esteja criando uma tabela editável:
Você pode marcar uma tabela inteira ou uma célula específica da tabela como editável, mas não pode marcar várias células da tabela como uma única região editável. Se uma tag <td> estiver selecionada, a região editável incluirá a região ao redor da célula; caso contrário, a região editável afetará somente o conteúdo dentro da célula.
-
Na janela Documento, proceda de uma das seguintes maneiras para selecionar a região:
Selecione o texto ou o conteúdo que você deseja definir como uma região editável.
Posicione o ponto de inserção onde você pretende inserir uma região editável.
-
Proceda de uma das seguintes maneiras para inserir uma região editável:
Selecione Inserir > Modelo > Região editável.
Na categoria Modelos do painel Inserir, selecione Região editável.
-
Na caixa de texto Nome, insira um nome exclusivo para a região. (Não é possível usar o mesmo nome para mais de uma região editável em determinado modelo.)Observação:
Não use caracteres especiais na caixa Nome.
-
Clique em OK. A região editável fica dentro de um retângulo realçado no modelo, cuja cor de realce é definida nas preferências. Se você inserir uma região editável vazia no documento, o nome da região também aparecerá dentro da região.
Selecionar regiões editáveis
Você pode facilmente identificar e selecionar regiões no documento de modelo e nos documentos baseados em modelo.
Selecionar uma região editável na janela Documento
-
Clique na região editável na Visualização de código.
Localizar e selecionar uma região editável no documento
-
Selecione Ferramentas > Modelos e selecione o nome da região na lista localizada na parte inferior desse submenu.
Observação:As regiões editáveis que estão dentro de uma região repetitiva não aparecem no menu. Para localizar essas regiões, procure as bordas com guia na janela Documento.
A região editável está selecionada no documento.
Remover uma região editável
Se você marcou uma região do arquivo de modelo como editável e deseja bloqueá-la (torná-la não editável em documentos baseados em modelo) novamente, use o comando Remover markup do modelo.
-
Clique na guia da tag da região editável na parte inferior da página para selecionar a região editável.
-
Siga um destes procedimentos:
Selecione Ferramentas > Modelo > Remover markup do modelo.
A região não poderá mais ser editada.
Alterar o nome de uma região editável
Depois de inserir uma região editável, é possível alterar o nome dela posteriormente.
-
Na Visualização de código, selecione a região editável que você deseja modificar.
-
No painel inferior, selecione a tag da região editável. Clique com o botão direito do mouse e selecione Quick Tag Editor.
Você pode modificar facilmente o nome da região editável na caixa de diálogo pop-up.
-
Pressione Enter (Windows) ou Return (Macintosh).