- 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 mais sobre como os sites funcionam no Dreamweaver e entenda porque criar sites no Dreamweaver é importante para seu fluxo de trabalho.
No Dreamweaver, o termo “site” refere-se a um armazenamento local ou remoto para os documentos que pertencem a um site. Um site do Dreamweaver facilita a organização e o gerenciamento de todos os documentos da Web, o carregamento de seu site em um servidor Web, o rastreamento e a manutenção de links, além do gerenciamento e o compartilhamento de arquivos. Você deve definir um site para aproveitar todos os recursos do Dreamweaver.
Um site do Adobe Dreamweaver é um conjunto de todos os arquivos e ativos existentes no site. Você pode criar páginas da Web no computador, carregá-las em um servidor Web e manter o site transferindo arquivos atualizados sempre que os salvar. Você também pode editar e manter sites criados sem o Dreamweaver.
Por que definir um site no Dreamweaver?
Você pode trabalhar no Dreamweaver sem configurar (ou definir) um site.
No entanto, definir um site tem muitos benefícios:
- Isso ajuda a prevenir a links quebrados, atualizando automaticamente arquivos em todo o site, se você mover ou renomear um arquivo.
- Ajuda você a executar as operações localizar e substituir no site, o que aumenta consideravelmente a produtividade.
- Ajuda você a publicar seu site com facilidade, bem como sincronizar arquivos entre seu disco rígido local e arquivos remotos na Web ou em um servidor de teste.
Para obter o melhor proveito das funcionalidades do Dreamweaver, comece definindo um site. Para obter mais informações sobre a definição de um site, consulte Configurar uma versão local do seu site.
Componentes de um site do Dreamweaver
No Dreamweaver, um site organiza todos os documentos no computador local associado com seu site e permite a você rastrear e manter links, gerenciar arquivos e transferir os arquivos do site para um servidor da Web.
Um site do Dreamweaver consiste em até três partes, ou pastas, dependendo do seu ambiente de desenvolvimento e do tipo de site em desenvolvimento:
- Pasta local: este é o seu diretório de trabalho, geralmente uma pasta em seu disco rígido. O Dreamweaver se refere a esta pasta como a raiz do site. Esta pasta também pode estar em um servidor de rede. Para obter mais informações, consulte Configurar uma versão local do seu site.
- Pasta remota: este é o local onde você armazena seus arquivos no computador que está executando o servidor da Web. O servidor da Web é muitas vezes (mas não sempre) o computador que torna o seu site disponível publicamente na Web.
Quando terminar de criar ou atualizar seu site, você pode então publicar o site em um servidor remoto na Internet, mantendo uma cópia local para atualizar os arquivos quando necessário.
Para obter mais informações, consulte Conectar-se a um servidor de publicação.
- Pasta de teste: esta é a pasta onde o Dreamweaver processa páginas dinâmicas. Se você tiver formulários dinâmicos ou conteúdo PHP, você pode configurar a pasta de teste para seu site.
Para obter mais informações, consulte Configurar um servidor de teste.
para definir um site do Dreamweaver, você só precisa configurar uma pasta local. Para transferir arquivos para um servidor Web ou desenvolver aplicativos da Web, você também precisa adicionar informações para um site remoto e um servidor de teste.
Noções básicas sobre a estrutura de pastas locais e remotas
Ao usar o Dreamweaver para conectar-se a uma pasta remota, você especifica a pasta remota na categoria Servidores da caixa de diálogo Configuração de site. A pasta remota especificada (também conhecida como “diretório do host”) deve corresponder à pasta raiz local do site do Dreamweaver. (A pasta raiz local é a pasta de nível superior do site do Dreamweaver.) Pastas remotas, como pastas locais, podem ter qualquer título, mas normalmente, os provedores de serviço da Internet (ISPs) nomeiam as pastas remotas de nível superior das contas de usuários individuais como public_html, pub_html ou algo parecido. Se você é responsável pelo seu próprio servidor remoto e pode nomear a pasta remota como desejar, é aconselhável que a pasta raiz local e a pasta remota tenham o mesmo nome.
O exemplo a seguir mostra uma pasta raiz local à esquerda e uma pasta remota à direita. A pasta raiz local na máquina local mapeia diretamente para a pasta remota no servidor Web, e não para as subpastas da pasta remota nem para as pastas localizadas acima da pasta remota na estrutura de diretórios.
o exemplo acima ilustra uma pasta raiz local na máquina local e uma pasta remota de nível superior no servidor Web remoto. Se, entretanto, você mantém diversos sites do Dreamweaver em sua máquina local, será necessário um número igual de pastas remotas no servidor remoto. Nesse caso, o exemplo acima não é aplicável, e você deveria criar, então, diversas pastas remotas dentro da pasta public_html e, em seguida, mapeá-las para as pastas raiz locais correspondentes em sua máquina local.
Quando você estabelece uma conexão remota pela primeira vez, a pasta remota no servidor Web em geral está vazia. Então, quando você usa o Dreamweaver para fazer upload de todos os arquivos na pasta raiz local, a pasta remota é preenchida com todos os arquivos da Web. A estrutura de diretórios da pasta remota e da pasta raiz local devem ser sempre iguais. (Ou seja, sempre deve haver uma correspondência de um para um entre os arquivos e as pastas da pasta raiz local e os arquivos e as pastas da pasta remota.) Se a estrutura da pasta remota não corresponder à estrutura da pasta raiz local, o Dreamweaver carregará os arquivos no local incorreto, onde poderão não ficar visíveis aos visitantes do site. Além disso, os caminhos de imagens e links podem ser facilmente rompidos se as estruturas de pastas e arquivos não estiverem sincronizadas.
A pasta remota já deve existir para que o Dreamweaver possa conectar-se a ela. Se você não tem uma pasta designada que atue como sua pasta remota no servidor Web, crie uma ou peça ao administrador do servidor do ISP que crie uma para você.
