Observação:

a interface de usuário foi simplificada no Dreamweaver CC e posterior. Como resultado, você talvez não consiga localizar algumas das opções descritas neste artigo no Dreamweaver CC e posterior. Para obter mais informações, consulte este artigo (em inglês).

Dreamweaver e design de página dinâmica

Siga estas etapas gerais para projetar e criar com êxito um site dinâmico.

  1. Crie a página.

    Uma das etapas principais da criação de qualquer site, seja estático ou dinâmico, é o design visual da página. Durante a adição de elementos dinâmicos a uma página da Web, o design da página se torna essencial à usabilidade. Você deve pensar bem em como os usuários irão interagir com as páginas individuais e os sites como um todo.

    Um método comum de incorporação de conteúdo dinâmico a uma página da Web é criar uma tabela para apresentar conteúdo e importar conteúdo dinâmico para uma ou mais células da tabela. Usando esse método, você pode apresentar informações de vários tipos em um formato estruturado.

  2. Crie uma fonte de conteúdo dinâmico.

    Os sites dinâmicos precisam de uma fonte de conteúdo da qual extraem dados para que possam exibi-los em uma página da Web. Para poder usar fontes de conteúdo em uma página da Web, você deve fazer o seguinte:

    • Crie uma conexão com a fonte de conteúdo dinâmico (como, por exemplo, um banco de dados) e o servidor de aplicativo que processa a página. Crie a fonte de dados usando o painel Ligações; em seguida, você pode selecionar e inserir a fonte de dados na página.

    • Especifique quais informações no banco de dados você deseja exibir ou quais variáveis deve incluir na página criando um conjunto de registros. Você também pode testar a consulta na caixa de diálogo Conjunto de registros e fazer todos os ajustes necessários antes de adicioná-los ao painel Ligações.

    • Selecione e insira elementos de conteúdo dinâmico na página selecionada.

  3. Adicione conteúdo dinâmico à página da Web.

    Depois de definir um conjunto de registros ou outra fonte de dados e adicioná-lo ao painel Ligações, você pode inserir o conteúdo dinâmico que o conjunto de registros representa na página. A interface controlada por menu do Dreamweaver simplifica a adição de elementos de conteúdo dinâmico tanto quanto a seleção de uma fonte de conteúdo dinâmico no painel Ligações, além de sua inserção em texto, imagem ou objeto de formulário dentro da página atual.

    Quando você insere um elemento de conteúdo dinâmico ou outro comportamento em uma página, o Dreamweaver insere um script do servidor no código-fonte da página. Esse script instrui o servidor a recuperar dados da fonte definida e processá-los dentro da página da Web. Para colocar conteúdo dinâmico em uma página da Web, você pode seguir um dos seguintes procedimentos:

    • Coloque-o no ponto de inserção na Visualização de código ou de design.

    • Substitua uma sequência de caracteres de texto ou outro alocador de espaço.

      Insira-o em um atributo HTML. Por exemplo, o conteúdo dinâmico pode definir o atributo src de uma imagem ou o atributo value de um campo de formulário.

  4. Adicione comportamentos de servidor a uma página.

    Além de adicionar conteúdo dinâmico, você pode incorporar uma lógica de aplicativo complexa a páginas da Web usando comportamentos de servidor. Comportamentos de servidor são partes predefinidas de código do servidor que adicionam lógica de aplicativo a páginas da Web, proporcionando maior interação e funcionalidade.

    Os comportamentos de servidor do Dreamweaver permitem adicionar lógica de aplicativo a um site sem a necessidade de que você escreva o código. Os comportamentos de servidor fornecidos com o Dreamweaver dão suporte a tipos de documento do ColdFusion, ASP, e PHP. Os comportamentos de servidor são escritos e testados para que sejam rápidos, seguros e eficientes. Os comportamentos de servidor incorporados dão suporte a páginas da Web em várias plataformas para todos os navegadores.

    O Dreamweaver fornece uma interface apontar e clicar que torna a aplicação de conteúdo dinâmico e de comportamentos complexos a uma página tão fácil quanto a inserção de elementos de texto e design. Os seguintes comportamentos de servidor estão disponíveis:

    • Defina um conjunto de registros de um banco de dados existente. Em seguida, o conjunto de registros que você define é armazenado no painel Ligações.

    • Exiba vários registros em uma única página. Você seleciona uma tabela inteira ou células individuais ou linhas com conteúdo dinâmico e especifica o número de registros a serem exibidos em cada visualização de página.

    • Crie e insira uma tabela dinâmica em uma página e associe a tabela a um conjunto de registros. Você pode modificar posteriormente a aparência da tabela e a região repetitiva usando o Inspetor de propriedades e o comportamento de servidor Região repetitiva, respectivamente.

    • Insira um objeto de texto dinâmico em uma página. O objeto de texto que você insere é um item de um conjunto de registros predefinido ao qual é possível aplicar qualquer um dos formatos de dados.

    • Crie controles de navegação em registros e de status, páginas mestre/detalhadas e formulários para a atualização das informações em um banco de dados.

    • Exiba mais de um registro de um banco de dados.

    • Crie links para navegação no conjunto de registros que permitam aos usuários exibir os registros anterior ou seguinte de um banco de dados.

    • Adicione um contador de registros para ajudar os usuários a controlar quantos registros retornaram e onde eles se encontram no resultado retornado.

    Você também pode estender os comportamentos de servidor do Dreamweaver escrevendo comportamentos de servidor próprios ou instalando de outros fabricantes.

  5. Teste e depure a página.

    Antes de criar uma página dinâmica, ou um site inteiro, disponível na Web, você deve testar sua funcionalidade. Você também deve considerar como a funcionalidade do aplicativo pode afetar pessoas com deficiências.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online