Criar páginas mestre e detalhadas no Dreamweaver

Para criar uma página em branco, selecione Arquivo > Novo > Página em branco, escolha um tipo de página e clique em Criar. Essa se torna a página mestre.

Defina um conjunto de registros.

No painel Ligações (Janelas > Ligações), clique no botão de adição (+), selecione Conjunto de registros e escolha as opções. Caso você queira escrever sua própria instrução SQL, clique em Avançado.

Verifique se o conjunto de registros contém todas as colunas da tabela necessárias à criação da página mestre. O conjunto de registros também deve incluir a coluna da tabela que contém a chave exclusiva de cada registro, ou seja, a coluna ID do registro. No seguinte exemplo, a coluna Código contém a chave exclusiva de todos os registros.

Normalmente, o conjunto de registros da página mestre extrai algumas colunas da tabela de um banco de dados, ao passo que o conjunto de registros da página detalhada extrai mais colunas da mesma tabela para fornecer detalhes adicionais.

O conjunto de registros pode ser definido pelo usuário durante o runtime. Para obter mais informações, consulte Criação de páginas de pesquisa e de resultados.

Insira uma tabela dinâmica para exibir os registros.

Coloque o ponto de inserção onde você deseja que a tabela dinâmica seja exibida na página. Selecione Inserir > Objetos de dados > Dados dinâmicos > Tabela dinâmica, defina as opções e clique em OK.

Caso não queira mostrar as IDs de registro aos usuários, você pode excluir a coluna da tabela dinâmica. Clique em qualquer lugar da página a fim de mover o foco para a página. Mova o cursor próximo à parte superior da coluna na tabela dinâmica até que as células da coluna estejam contornadas em vermelho e, em seguida, marque a coluna. Pressione Excluir para excluir a coluna da tabela.

Na tabela dinâmica, selecione o alocador de espaço de conteúdo do texto que funcionará como um link.

No Inspetor de propriedades, clique no ícone da pasta ao lado da caixa Link.

Procure e selecione a página detalhada. A página detalhada é exibida na caixa Link do Inspetor de propriedades.

Na tabela dinâmica, o texto selecionado é exibido com o link. Quando a página é executada no servidor, o link é aplicado ao texto em todas as linhas da tabela.

Na página mestre, selecione o link na tabela dinâmica.

(ColdFusion) Na caixa Link do Inspetor de propriedades, adicione esta sequência de caracteres ao final do URL:

O ponto de interrogação informa ao servidor de que se trata de um ou mais parâmetros de URL. A palavra recordID é o nome do parâmetro do URL (você pode dar a ele o nome que quiser). Anote o nome do parâmetro do URL porque você o usará na página detalhada posteriormente.

A expressão após o sinal de igual é o valor do parâmetro. Nesse caso, o valor é gerado por uma expressão do ColdFusion que retorna a ID de um registro do conjunto de registros. É gerada uma ID diferente para cada linha da tabela dinâmica. Na expressão do ColdFusion, substitua recordsetName pelo nome do seu conjunto de registros e fieldName pelo nome do campo do conjunto de registros que identifica com exclusividade cada registro. Na maior parte dos casos, o campo consistirá no número da ID de um registro. No seguinte exemplo, o campo consiste em códigos de local exclusivos.

Quando a página é executada, os valores do campo CODE do conjunto de registros são inseridos nas linhas correspondentes da tabela dinâmica. Por exemplo, caso Canberra, Austrália, o local da locação, apresente o código CBR, o seguinte URL é usado na linha Canberra da tabela dinâmica:

(PHP) No campo Link do Inspetor de propriedades, adicione esta sequência de caracteres ao final do URL:

O ponto de interrogação informa ao servidor de que se trata de um ou mais parâmetros de URL. A palavra recordID é o nome do parâmetro do URL (você pode usar o nome que quiser). Anote o nome do parâmetro do URL porque você o usará na página detalhada posteriormente.

A expressão após o sinal de igual é o valor do parâmetro. Nesse caso, o valor é gerado por uma expressão do PHP que retorna a ID de um registro do conjunto de registros. É gerada uma ID diferente para cada linha da tabela dinâmica. Na expressão do PHP, substitua recordsetName pelo nome do seu conjunto de registros e fieldName pelo nome do campo do conjunto de registros que identifica com exclusividade cada registro. Na maior parte dos casos, o campo consistirá no número da ID de um registro. No seguinte exemplo, o campo consiste em códigos de local exclusivos.

Quando a página é executada, os valores do campo CODE do conjunto de registros são inseridos nas linhas correspondentes da tabela dinâmica. Por exemplo, caso Canberra, Austrália, o local da locação, apresente o código CBR, o seguinte URL é usado na linha Canberra da tabela dinâmica:

Salve a página.

Selecione o conteúdo dinâmico a ser duplicado como um link.

No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no botão de adição (+) e selecione Ir para página detalhada no menu pop-up.

Na caixa Página detalhada, clique em Procurar e localize a página.

Especifique o valor que você deseja passar para a página detalhada selecionando um conjunto de registros e uma coluna nos menus pop-up Conjunto de registros e Coluna. Normalmente, o valor é exclusivo do registro como, por exemplo, a ID de chave exclusiva.

Se desejado, passe os parâmetros de página existentes para a página detalhada selecionando as opções Parâmetros de URL ou Parâmetros de formulário.

Clique em OK.

Um link especial contorna o texto selecionado. Quando o usuário clica no link, o comportamento de servidor Ir para página detalhada passa um parâmetro do URL que contém a ID do registro para a página detalhada. Por exemplo, caso o parâmetro do URL se chame id e a página detalhada, customerdetail.asp, o URL permanece semelhante à seguinte quando o usuário clica no link:

http://www.mysite.com/customerdetail.asp?id=43

A primeira parte do URL, http://www.mysite.com/customerdetail.asp, abre a página detalhada. Já a segunda parte, ?id=43, é o parâmetro do URL. Ela informa à página detalhada qual registro localizar e exibir. O termo id é o nome do parâmetro do URL e 43 é seu valor. Nesse exemplo, o parâmetro do URL contém o número da ID do registro, 43.

Alterne para a página detalhada. Caso você ainda não tenha uma página detalhada, crie uma página em branco (Arquivo > Novo).

No painel Ligações (Janela > Ligações), clique no botão de adição (+) e selecione Conjunto de registros (consulta) ou Conjunto de dados (consulta) no menu pop-up.

A caixa de diálogo Conjunto de registros ou Conjunto de dados simples é exibida. Caso seja exibida a caixa de diálogo avançada em seu lugar, clique em Simples.

Nomeie o conjunto de registros e selecione uma fonte de dados, além da tabela do banco de dados que fornecerá os dados para o conjunto de registros.

Na área Colunas, selecione as colunas da tabela a serem incluídas no conjunto de registros.

O conjunto pode ser idêntico ou não ao conjunto de registros da página mestre. Normalmente, o conjunto de registros de uma página detalhada tem mais colunas para poder exibir mais detalhes.

Caso os conjuntos de registros sejam diferentes, verifique se o conjunto da página detalhada contenha pelo menos uma coluna em comum com o conjunto de registros da página mestre. A coluna em comum costuma ser a da ID do registro, mas também pode ser o campo conjunto das tabelas relacionadas.

Para incluir apenas algumas das colunas da tabela no conjunto de registros, clique em Selecionado e escolha as colunas desejadas clicando nelas com a tecla Control pressionada (Windows) ou Command (Macintosh) na lista.

Complete a seção Filtro para localizar e exibir o registro especificado no parâmetro do URL passado pela página mestre:

• No primeiro menu pop-up da área Filtro, selecione a coluna do conjunto de registros que contém valores correspondentes ao valor do parâmetro do URL passado pela página mestre. Por exemplo, caso o parâmetro do URL contenha o número de uma ID de registro, selecione a coluna que contém os números da ID de registro. No exemplo abordado na seção anterior, a coluna do conjunto de registros chamada CODE contém os valores correspondentes ao valor do parâmetro do URL passado pela página mestre.

• No menu pop-up ao lado do primeiro menu, selecione o sinal de igual (ele já deve estar selecionado).

• No terceiro menu pop-up, selecione Parâmetro do URL. A página mestre usa um parâmetro do URL para passar informações à página detalhada.

• Na quarta caixa, digite o nome do parâmetro do URL passado pela página mestre.

Clique em OK. O conjunto de registros é exibido no painel Ligações.

Ligue as colunas do conjunto de registros à página detalhada selecionando as colunas no painel Ligações (Janela > Ligações) e arrastando-as para a página.

Depois de carregar as páginas mestre e detalhada no servidor, você pode abrir a página mestre em um navegador. Depois que um link detalhado é clicado na página mestre, a página detalhada é aberta com mais informações sobre o registro selecionado.

Crie uma página que tenha os seguintes pré-requisitos:

• A ID de um registro contida no parâmetro de um URL e passada por outra página para a página atual. Você pode criar parâmetros de URL na outra página com hiperlinks em HTML ou formulário em HTML. Para obter mais informações, consulte Utilizando formulários para reunir informações de usuários.

• Um conjunto de registros definido para a página atual. O comportamento de servidor extrai os detalhes do registro do conjunto. Para obter instruções, consulte Definir um conjunto de registros sem escrever em SQL ou Definir um conjunto de registros avançado escrevendo em SQL.

• Colunas do conjunto de registros ligado à página. O registro específico deve ser exibido na página. Para obter mais informações, consulte Tornar o texto dinâmico.

Adicione o comportamento de servidor para localizar o registro especificado pelo parâmetro do URL clicando no botão de adição (+) do painel Comportamentos de servidor (Janela > Comportamentos de servidor) e selecionando Paginação do conjunto de registros > Mover para registro específico.

No menu pop-up Mover para registro em, selecione o conjunto de registros definido para a página.

No menu pop-up Coluna Onde, selecione a coluna que contém o valor passado pela outra página.

Por exemplo, caso a outra página passe o número de uma ID de registro, selecione a coluna que contém os números da ID de registro.

Na caixa Corresponde ao parâmetro de URL, digite o nome do parâmetro do URL passado pela outra página.

Por exemplo, caso o URL usado pela outra página para abrir a página detalhada seja id=43, digite id na caixa Corresponde ao parâmetro de URL.

Clique em OK.

Na próxima vez em que a página for solicitada por um navegador, o comportamento de servidor irá ler a ID do registro no parâmetro do URL passado pela outra página e se mover para o registro especificado do conjunto.

Para criar uma página dinâmica em branco, selecione Arquivo > Novo > Página em branco, escolha uma página dinâmica e clique em Criar.

Essa se torna a página mestre.

Defina um conjunto de registros para a página.

Verifique se o conjunto de registros contém não apenas todas as colunas necessárias à página mestre, mas também todas as colunas necessárias à página detalhada. Normalmente, o conjunto de registros da página mestre extrai algumas colunas da tabela de um banco de dados, ao passo que o conjunto de registros da página detalhada extrai mais colunas da mesma tabela para fornecer detalhes adicionais.

Abra a página mestre na Visualização de design e selecione Inserir > Objetos de dados > Conjunto de páginas mestre/detalhadas.

No menu pop-up Recordset, verifique se o conjunto que contém os registros a serem exibidos na página mestre está escolhido.

Na área Campos de página mestre, selecione as colunas do conjunto de registros a serem exibidas na página mestre.

Por padrão, todas as colunas do conjunto de registros são selecionadas. Caso o conjunto de registros contenha uma coluna de chave exclusiva como, por exemplo, recordID, selecione-a e clique no botão de subtração (-) para que ela não seja exibida na página.

Para alterar a ordem na qual as colunas são exibidas na página mestre, selecione uma coluna na lista e clique na seta para cima ou para baixo.

Na página mestre, as colunas do conjunto de registros serão organizadas horizontalmente em uma tabela. Clicar na seta para cima move a coluna para esquerda; clicar na seta para baixo move a coluna para direita.

No menu pop-up Vincular a detalhes em, selecione a coluna do conjunto de registros que exibirá um valor que também funciona como um link para a página detalhada.

Por exemplo, caso você queira que cada nome de produto na página mestre tenha um link para a página detalhada, selecione a coluna do conjunto de registros que contém os nomes dos produtos.

No menu pop-up Repassar chave exclusiva, selecione a coluna do conjunto de registros contendo os valores que identificam os registros.

Normalmente, a coluna escolhida se refere ao número da ID do registro. Esse valor é passado para a página detalhada para que ela possa identificar o registro escolhido pelo usuário.

Desmarque a opção Numérico caso a coluna da chave exclusiva não seja numérica.

Especifique o número de registros a serem exibidos na página mestre.

Na caixa Nome de página detalhada, clique em Procurar e localize o arquivo de página detalhada criado por você ou digite um nome e deixe que o objeto de dados crie um.

Na área Campos de página detalhada, selecione as colunas a serem exibidas na página detalhada.

Por padrão, todas as colunas do conjunto de registros da página mestre são selecionadas. Caso o conjunto de registros contenha uma coluna de chave exclusiva como, por exemplo, recordID, selecione-a e clique no botão de subtração (-) para que ela não seja exibida na página detalhada.

Para alterar a ordem na qual as colunas são exibidas na página detalhada, selecione uma coluna na lista e clique na seta para cima ou para baixo.

Na página detalhada, as colunas do conjunto de registros são organizadas verticalmente em uma tabela. Clicar na seta para cima move a coluna para cima; clicar na seta para baixo move a coluna para baixo.

Clique em OK.

O objeto de dados cria uma página detalhada (caso você ainda não tenha criado uma) e adiciona conteúdo dinâmico e comportamentos de servidor às páginas mestre e detalhadas.

Personalize o layout das páginas mestre e detalhadas de acordo com suas necessidades.

Você pode personalizar integralmente o layout de todas as páginas usando as ferramentas de design do Dreamweaver. Você também pode editar os comportamentos de servidor clicando duas vezes neles no painel Comportamentos de servidor.

Depois de criar as páginas mestre e detalhadas usando o objeto de dados, use o painel Comportamentos de servidor (Janela > Comportamentos de servidor) para modificar os vários blocos de criação inseridos pelo objeto de dados nas páginas.