Guia do Usuário Cancelar

Configurar o computador para desenvolvimento de aplicativos

  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

 

 

Saiba mais sobre servidores Web, bancos de dados e entenda como configurar seu computador para desenvolver um aplicativo web no Dreamweaver.

A interface de usuário foi simplificada no Dreamweaver 2017. Logo, talvez você não consiga encontrar algumas das opções descritas neste artigo no Dreamweaver 2017 e em versões posteriores. Para obter mais informações, consulte este artigo (em inglês).

Do que você precisa para criar aplicativos web

Para criar aplicativos da Web no Adobe Dreamweaver, você precisa do seguinte software:

  • Um servidor Web
  • Um servidor de aplicativo que funcione com o servidor Web  

No contexto dos aplicativos web, os termos servidor Web e servidor de aplicativo se referem a software, e não a hardware.  

  • Caso queira usar um banco de dados com o aplicativo, você precisa do seguinte software adicional:

  • Um sistema de banco de dados

  • Um driver que dê suporte ao banco de dados

    Várias empresas de hospedagem na Web oferecem planos que permitem usar o software para testar e implantar aplicativos da Web. Em alguns casos, você pode instalar o software obrigatório no mesmo computador do Dreamweaver para fins de desenvolvimento. Você também pode instalar o software em um computador de rede (normalmente, um computador com Windows 2000 ou XP) para que outros desenvolvedores da equipe possam trabalhar em um projeto.

    Caso queira usar um banco de dados com o aplicativo web, você deve inicialmente se conectar a ele.

Fundamentos do servidor Web

Para desenvolver e testar páginas da Web dinâmicas, você precisa de um servidor Web em funcionamento. Um servidor Web é o software que apresenta páginas da Web em resposta a solicitações de navegadores da Web. Às vezes, um servidor Web é chamado de servidor HTTP. Você pode instalar e usar um servidor Web no computador local.

Caso seja um usuário do Macintosh, você pode usar o servidor Web Apache já instalado no Macintosh.

A Adobe não dá suporte técnico a softwares de outros fabricantes como, por exemplo, o Microsoft Internet Information Server. Caso você precise de ajuda com um produto Microsoft, entre em contato com o suporte técnico da Microsoft.

Caso você use o IIS (Internet Information Server) para desenvolver aplicativos web, o nome padrão do servidor Web é o nome do computador. Você pode alterar o nome do servidor alterando o nome do computador. Caso o computador não tenha nenhum nome, o servidor usa a palavra localhost.

O nome do servidor corresponde à pasta raiz do servidor, que (em um computador com Windows) deve ser C:\Inetpub\wwwroot. Você pode abrir qualquer página da Web armazenada na pasta raiz digitando o seguinte URL em um navegador em execução no computador:

http://nome_do_servidor/nome_do_arquivo

Por exemplo, caso o nome do servidor seja mer_noire e uma página da Web chamada soleil.html seja armazenada em C:\Inetpub\wwwroot\, você pode abrir a página digitando o seguinte URL em um navegador em execução no computador local:

http://mer_noire/soleil.html

Não se esqueça de usar barras, e não barras invertidas, nos URLs.

Você também pode abrir qualquer página da Web armazenada em qualquer subpasta da pasta raiz especificando a subpasta no URL. Por exemplo, suponhamos que o arquivo soleil.html esteja armazenado em uma subpasta chamada gamelan da seguinte forma:

C:\Inetpub\wwwroot\gamelan\soleil.html

Você pode abrir essa página digitando o seguinte URL em um navegador em execução no computador:

http://mer_noire/gamelan/soleil.html

Quando o servidor Web está em execução no computador, você pode substituir o nome do servidor por localhost. Por exemplo, os seguintes URLs abrem a mesma página em um navegador:

http://mer_noire/gamelan/soleil.html

http://localhost/gamelan/soleil.html

Outra expressão que você pode usar em vez do nome do servidor ou de localhost é 127.0.0.1 (por exemplo, http://127.0.0.1/gamelan/soleil.html).

Escolher um servidor Web

Para desenvolver e testar aplicativos web, você pode escolher um dentre vários servidores Web, inclusive o Microsoft Internet Information Server (IIS) e o Apache HTTP Server.

Caso não esteja usando um serviço de hospedagem na Web, escolha um servidor Web e o instale no computador local com o propósito de desenvolvimento. Usuários do Windows e do Macintosh que desejam desenvolver aplicativos web do ColdFusion podem usar o servidor Web incluído na edição de desenvolvedor do servidor de aplicativo ColdFusion 8, cuja instalação e uso são gratuitos.

Outros usuários do Windows podem executar um servidor Web no computador local instalando o IIS. O servidor Web talvez já esteja instalado no sistema. Verifique a estrutura da pasta para ver se ela contém uma pasta C:\Inetpub ou D:\Inetpub. O IIS cria essa pasta durante a instalação.

Usuários do sistema operacional Mac podem usar o servidor Web Apache instalado com o sistema operacional.

Para obter informações sobre a instalação e a configuração de outros servidores Web, consulte a documentação do fornecedor do servidor ou o administrador do sistema.

Escolher o servidor de aplicativo

Servidor de aplicativo é um software que ajuda um servidor Web a processar páginas dinâmicas. Ao escolher um servidor de aplicativo, você deve considerar vários fatores, inclusive o orçamento, a tecnologia de servidor que deseja usar (ColdFusion, ASP ou PHP), além do tipo de servidor Web.

Orçamento

Alguns fornecedores vendem servidores de aplicativo sofisticados cujos preços de aquisição e administração são altos. Outros fornecedores oferecem soluções mais simples e mais econômicas (um exemplo é o ColdFusion). Alguns servidores de aplicativo são incorporados a servidores Web (como o Microsoft IIS), enquanto outros podem ser baixados gratuitamente na Internet (como o PHP).

Tecnologia de servidor

Servidores de aplicativo usam tecnologias diferentes. O Dreamweaver oferece suporte a três tecnologias de servidor: ColdFusion, ASP e PHP. A tabela a seguir mostra servidores de aplicativo comuns disponíveis para as tecnologias de servidor compatíveis com o Dreamweaver:

Tecnologia de servidor

Servidor de aplicativo

ColdFusion

Adobe ColdFusion 8

ASP

Microsoft IIS

PHP

Servidor PHP

Para obter mais informações sobre o ColdFusion, selecione Ajuda do ColdFusion no menu Ajuda.

Para saber mais sobre o ASP, visite o site da Microsoft em http://msdn.microsoft.com/pt-br/library/aa286483.aspx.

Para saber mais sobre o PHP, visite o site do PHP em www.php.net/.

Escolher um banco de dados

Os bancos de dados se apresentam em muitos formulários de acordo com a quantidade e a complexidade dos dados que devem armazenar. Ao escolher um banco de dados, você deve considerar vários fatores, incluindo o orçamento e a previsão do número de usuários que deve acessar o banco de dados.

Orçamento

Alguns fornecedores produzem servidores de sofisticados aplicativos de banco de dados, cujos preços de aquisição e administração são altos. Outros fornecedores fornecem soluções mais baratas e de custo efetivo maior, como o Microsoft Access ou o banco de dados de código-fonte aberto MySQL.

Usuários

Caso você preveja o acesso de uma grande comunidade de usuários ao site, selecione um banco de dados projetado para oferecer suporte à base de usuários desejada do site. Para sites que exijam maior flexibilidade na modelagem de dados, além da possibilidade de suporte a grandes comunidades de usuários simultâneos, deve-se considerar bancos de dados relacionais baseados em servidor (normalmente conhecidos como RDBMS), como o Microsoft SQL Server e o Oracle.

Configurar um ambiente de desenvolvimento do ColdFusion

Para obter instruções detalhadas sobre a configuração de um ambiente de desenvolvimento do ColdFusion para o Dreamweaver em um computador com Windows ou Mac, consulte o site da Adobe em www.adobe.com/devnet/dreamweaver/articles/setup_cf.html.

Os usuários do Windows e do Macintosh podem baixar e instalar uma edição de desenvolvedor gratuita totalmente funcional do servidor de aplicativo do ColdFusion no site da Adobe, em www.adobe.com/go/coldfusion_br/.

A Developer Edition se destina ao uso não comercial para o desenvolvimento e o teste dos aplicativos da Web. Ela não está licenciada para desenvolvimento. Ela dá suporte a solicitações do host local e a dois endereços IP remotos. Você pode usá-la para desenvolver e testar os aplicativos da Web sempre que desejar; o software não expira. Para obter mais informações, consulte a ajuda do ColdFusion (Ajuda > Ajuda do ColdFusion).

Durante a instalação, você pode configurar o ColdFusion para usar o servidor Web incorporado ao ColdFusion ou outro servidor Web instalado no sistema. Em geral, é melhor que o ambiente de desenvolvimento corresponda ao ambiente de produção. Por isso, caso haja um servidor Web existente como, por exemplo, o Microsoft IIS no computador de desenvolvimento, você talvez queira usá-lo em lugar do servidor Web do ColdFusion incorporado.

Configurar um ambiente de desenvolvimento do PHP

Para obter instruções detalhadas sobre a configuração de um ambiente de desenvolvimento do PHP para o Dreamweaver em um computador com Windows ou Mac, consulte o site da Adobe em www.adobe.com/devnet/dreamweaver/articles/setup_php.html.

Há edições do servidor de aplicativo para os sistemas Windows, Linux, UNIX, HP‑UX, Solaris e Mac OS X. Para obter mais informações sobre o servidor de aplicativo, consulte a documentação do PHP, que você também pode baixar do site do PHP em www.php.net/download-docs.php.

Configurar um ambiente de desenvolvimento do ASP

Para obter instruções detalhadas sobre a configuração de um ambiente de desenvolvimento do ASP para o Dreamweaver em um computador com Windows ou Mac, consulte o site da Adobe em www.adobe.com/devnet/dreamweaver/articles/setup_asp.html.

Para executar as páginas do ASP, você precisa de um servidor de aplicativo que ofereça suporte ao Microsoft Active Server Pages 2.0., como o Microsoft IIS (Internet Information Services), que acompanha o Windows 2000 e o Windows XP Professional. Os usuários do Windows XP Professional podem instalar e executar o IIS no computador local. Os usuários do Macintosh podem usar um serviço de hospedagem na Web com um plano ASP ou instalar o IIS em um computador remoto.

Criar uma pasta raiz para o aplicativo

Depois da inscrição em uma empresa de hospedagem na Web ou da configuração do software de servidor propriamente dito, crie uma pasta raiz para o aplicativo web no computador em que o servidor Web está execução. A pasta raiz pode ser local ou remota, dependendo do local em que o servidor Web está em execução.

O servidor Web pode fornecer qualquer arquivo que esteja nessa pasta ou em qualquer uma de suas subpastas em resposta a uma solicitação HTTP de um navegador da Web. Por exemplo, em um computador com o ColdFusion 8 em execução, é possível fornecer a um navegador da Web qualquer arquivo na pasta \ColdFusion8\wwwroot ou em uma de suas subpastas.

Estas são as pastas raiz padrão dos servidores Web selecionados:

Servidor Web

Pasta raiz padrão

ColdFusion 8

\ColdFusion8\wwwroot

IIS

\Inetpub\wwwroot

Apache (Windows)

\apache\htdocs

Apache (Macintosh)

Users:MyUserName:Sites

Para testar o servidor Web, coloque uma página em HTML de teste na pasta raiz padrão e tente abri-la digitando o URL da página em um navegador. O URL é formado pelo nome de domínio e pelo nome de arquivo da página em HTML da seguinte forma: www.exemplo.com/página_de_teste.htm.

Caso o servidor Web esteja em execução no computador local, você pode usar localhost em lugar de um nome de domínio. Digite um das seguintes URLs localhost de acordo com o servidor Web:

Servidor Web

URL localhost

ColdFusion 8

http://localhost:8500/testpage.htm

IIS

http://localhost/testpage.htm

Apache (Windows)

http://localhost:80/testpage.htm

Apache (Macintosh)

http://localhost/~MyUserName/testpage.htm (em que MyUserName é o nome de usuário do Macintosh)

Observação:

Por padrão, o servidor Web ColdFusion é executado na porta 8500 e o servidor Apache para Windows, na porta 80.

Caso a página não seja aberta como esperado, procure os seguintes erros:

  • O servidor Web não foi iniciado. Consulte a documentação do servidor Web para obter as instruções iniciais.

  • O arquivo não tem uma extensão .htm ou .html.

  • Você digitou o caminho de arquivo da página (por exemplo, c:\ColdFusion8\wwwroot\testpage.htm) e não o URL (por exemplo, http://localhost:8500/testpage.htm) na caixa de texto de endereço do navegador.

  • O URL digitado está incorreto. Verifique se há erros e se o nome de arquivo não é seguido por uma barra como, por exemplo, http://localhost:8080/testpage.htm/.

    Após criar uma pasta raiz para o aplicativo, defina um site do Dreamweaver para gerenciar seus arquivos.

Sobre a definição de um site do Dreamweaver

Depois de configurar o sistema para desenvolver aplicativos da Web, defina um site do Dreamweaver para gerenciar seus arquivos.

Antes de iniciar, verifique se você atende aos seguintes requisitos:

  • Você tem acesso a um servidor Web. O servidor Web pode estar em execução no computador local, em um computador remoto como, por exemplo, um servidor de desenvolvimento ou um servidor mantido pela empresa de hospedagem na Web.

  • Um servidor de aplicativo está instalado e em execução no sistema em execução no servidor Web.

  • Você criou uma pasta raiz para o aplicativo web no sistema em que o servidor Web está em execução.

A definição de um site do Dreamweaver para o aplicativo da Web consiste em três etapas:

1. Definir uma pasta local

A pasta local é a pasta que você usa para armazenar cópias funcionais dos arquivos do site no disco rígido. Você pode definir uma pasta local para cada novo aplicativo web criado. A definição de uma pasta local também dá a possibilidade de gerenciar os arquivos e de transferi-los de e para o servidor Web com facilidade.

2. Definir uma pasta remota

Defina uma pasta localizada no computador no qual o servidor Web está em execução como uma pasta remota do Dreamweaver. A pasta remota é a pasta que você criou para o aplicativo web no servidor Web.

3. Definir uma pasta de teste

O Dreamweaver usa essa pasta com a finalidade de gerar e exibir conteúdo dinâmico e para se conectar a bancos de dados enquanto você trabalha. O servidor de teste pode ser o computador local, um servidor de desenvolvimento, um servidor de teste ou um servidor de produção. Desde que ele consiga processar esse tipo de página dinâmica que você pretende desenvolver, a opção não importa.

Depois que o site do Dreamweaver estiver definido, você poderá começar a criar o aplicativo web.

Receba ajuda com mais rapidez e facilidade

Novo usuário?