Sei sulla pagina 1di 187

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 505


Exibio de dados XML com XSLT

Qualquer regio da Visualizao de design que contm um alocador de espao de dados XML pode ser transformada em uma regio repetitiva. No entanto, as regies mais comuns so tabelas, linhas de tabelas ou uma srie de linhas de tabelas.
1 Na Visualizao de design, selecione uma regio que contm alocadores de espao de dados XML.

A seleo pode ser qualquer item, incluindo uma tabela, uma linha de tabela ou mesmo um pargrafo do texto.

Para selecionar uma regio na pgina com preciso, voc pode usar o seletor de tags no canto inferior esquerdo da janela Documento. Por exemplo, se a regio for uma tabela, clique dentro da tabela na pgina e, em seguida, clique na tag no seletor de tags.
2 Siga um destes procedimentos

Selecione Inserir > Objetos XSLT > Regio repetitiva. Na categoria XLST do painel Inserir, clique no boto Regio repetitiva.
3 No Construtor de expresses XPath, selecione o elemento repetitivo, indicado por um pequeno sinal de adio.

4 Clique em OK.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 506


Exibio de dados XML com XSLT

Na janela Documento, um fino contorno cinza com abas exibido em torno da regio repetida. Ao visualizar seu trabalho em um navegador (Arquivo > Visualizar no navegador), o contorno cinza desaparece e a seleo expandida para exibir os elementos repetitivos especificados no arquivo XML. Ao adicionar o objeto XSLT de regio repetitiva pgina, o alocador de espao de dados XML truncado na janela Documento. Isso acontece porque o Dreamweaver trunca o XPath para o alocador de espao de dados XML de modo que haja relao com o caminho do elemento repetitivo.

Mais tpicos da Ajuda


Usar o Construtor de expresses XPath para adicionar expresses para dados XML na pgina 513 Dados XML e elementos repetitivos na pgina 497

Definir propriedades da regio repetitiva (XSL)


No Inspetor de propriedades, voc pode selecionar um n XML diferente para criar a regio repetitiva.
Na caixa Selecionar, insira um novo n, pressione o cone de raio e selecione o n na rvore de esquema XML

exibida.

Editar um objeto XSLT de regio repetitiva


Depois de adicionar um objeto XLST de regio repetitiva a uma regio, voc pode edit-lo usando o Inspetor de propriedades.
1 Selecione o objeto clicando na aba cinza que contorna a regio repetitiva. 2 No Inspetor de propriedades (Janela > Propriedades), clique no cone dinmico ao lado do campo de texto

Selecionar.
3 No Construtor de expresses XPath, faa as alteraes e clique em OK.

Inserir fragmentos XSLT em pginas dinmicas


Depois de criar um fragmento XSLT, voc pode inseri-lo em uma pgina da Web dinmica usando o comportamento Transformao XSL do servidor. Ao adicionar o comportamento do servidor sua pgina e visualizar a pgina em um navegador, um servidor de aplicativo executa uma transformao que exibe os dados XML do fragmento XSLT selecionado. O Dreamweaver suporta transformaes XSL para pginas ColdFusion, ASP ou PHP. Nota: Se desejar inserir o contedo de uma pgina XSLT inteira em uma pgina dinmica, o procedimento ser exatamente o mesmo. Antes de usar o comportamento Transformao XSL do servidor para inserir a pgina XSLT inteira, exclua todo o cdigo HTML da pgina dinmica.
1 Abra uma pgina ColdFusion, ASP ou PHP existente. 2 Na Visualizao de design, coloque o ponto de insero no local onde voc deseja inserir o fragmento XSLT.

Nota: Ao inserir fragmentos XSLT, voc sempre deve clicar no boto Mostrar visualizaes de cdigo e de design depois de colocar o ponto de insero na pgina para garantir que o ponto seja colocado no local correto. Caso o local no seja correto, clique em algum outro lugar da Visualizao de cdigo para colocar o ponto de insero onde deseja.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 507


Exibio de dados XML com XSLT

3 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Transformao XSL.

4 Na caixa de dilogo Transformao XSL, clique no boto Procurar e navegue at um fragmento XSLT ou uma

pgina XSLT inteira. O Dreamweaver preenche o prximo campo de texto com o caminho do arquivo ou o URL do arquivo XML que est anexado ao fragmento especificado. Para alter-lo, clique no boto Procurar e navegue at outro arquivo.
5 (Opcional) Clique no boto de adio (+) para adicionar um parmetro XSLT. 6 Clique em OK para inserir uma referncia ao fragmento XSLT na pgina. O fragmento no pode ser editado. Voc

pode clicar duas vezes no fragmento para abrir o arquivo de origem do fragmento e edit-lo. Uma pasta incluses/MM_XSLTransform/, que contm um arquivo de biblioteca de runtime, tambm criada na pasta raiz do site. O servidor de aplicativo usa as funes definidas nesse arquivo para executar a transformao.
7 Carregue a pgina dinmica no seu servidor (Site > Colocar) e clique em Sim para incluir os arquivos dependentes.

O arquivo que contm o fragmento XSLT, o arquivo XML que contm seus dados e o arquivo de biblioteca gerado em runtime devem estar no servidor da sua pgina para serem exibidos corretamente. (Se voc selecionar um arquivo XML remoto como fonte de dados, esse arquivo deve residir em qualquer outro lugar da Internet.)

Mais tpicos da Ajuda


Criar uma pgina XSLT na pgina 501 Transformaes XSL do servidor na pgina 494

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 508


Exibio de dados XML com XSLT

Excluir fragmentos XSLT de pginas dinmicas


Voc pode remover um fragmento XSLT de uma pgina excluindo o comportamento Transformao XSL do servidor usado para inserir o fragmento. A excluso do comportamento do servidor exclui somente o fragmento XSLT (os arquivos XML, XSLT ou de biblioteca de runtime associados no so excludos).
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), selecione o comportamento

Transformao XSL do servidor que deseja excluir.


2 Clique no boto de subtrao (-).

Nota: Nesta verso, voc sempre deve remover os comportamentos de servidor. A excluso manual do cdigo gerado remove apenas parcialmente o comportamento de servidor, mesmo que o comportamento desaparea do painel Comportamentos de servidor.

Editar comportamentos Transformao XSL do servidor


Depois de adicionar um fragmento XSLT a uma pgina da Web dinmica, voc pode editar o comportamento Transformao XSL do servidor a qualquer momento.
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique duas vezes no

comportamento Transformao XSL do servidor que deseja editar.


2 Faa as alteraes e clique em OK.

Criar um link dinmico


Voc pode criar um link dinmico na sua pgina XSLT vinculado a um URL especfico quando o usurio clica em uma palavra ou grupo de palavras especificado nos dados XML. Para obter instrues completas, consulte a errata do Dreamweaver em www.adobe.com/go/dw_documentation_br.

Aplicao de estilos em fragmentos XSLT


Ao criar uma pgina XSLT inteira (isto , uma pgina XSLT que contm as tags <body> e <head>), voc pode exibir os dados XML na pgina e formatar os dados como qualquer outra parte do contedo usando o Inspetor de propriedades ou o painel Estilos CSS. No entanto, ao criar um fragmento XSLT a ser inserido em uma pgina dinmica (por exemplo, um fragmento a ser inserido em uma pgina ASP, PHP ou Cold Fusion), o processamento de estilos no fragmento e na pgina dinmica fica mais complicado. Embora voc trabalhe em um fragmento XSLT separadamente da pgina dinmica, importante lembrar que o fragmento deve ser usado na pgina dinmica e que a sada do fragmento XSLT reside em algum lugar entre as tags <body> da pgina dinmica. Neste fluxo de trabalho, importante no incluir elementos <head> (como definies de estilo ou links para folhas de estilo externas) nos fragmentos XSLT. Desse modo, o servidor de aplicativo coloca esses elementos na tag <body> da pgina dinmica, gerando um markup invlido. Por exemplo, voc pode criar um fragmento XSLT para insero em uma pgina dinmica e formatar o fragmento usando a mesma folha de estilo externa da pgina dinmica. Se voc anexar a mesma folha de estilo ao fragmento, a pgina HTML resultante conter um link duplicado para a folha de estilo (um na seo <head> da pgina dinmica e outro na seo <body> da pgina, onde o contedo do fragmento XSLT exibido). Em vez dessa abordagem, voc deve usar as Folhas de estilo em tempo de design para fazer referncia folha de estilo externa. Ao formatar o contedo dos fragmentos XSLT, use o seguinte fluxo de trabalho:

Primeiro, anexe uma folha de estilo externa pgina dinmica. Esta a melhor maneira de aplicar estilos no
contedo de qualquer pgina da Web.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 509


Exibio de dados XML com XSLT

Em seguida, anexe a mesma folha de estilo externa ao fragmento XSLT como uma folha de estilo em tempo de
design. Como o nome indica, as folhas de estilo em tempo de design funcionam somente na Visualizao de design do Dreamweaver. Depois de realizar as duas etapas anteriores, voc pode criar novos estilos no seu fragmento XSLT usando a mesma folha de estilo anexada sua pgina dinmica. A sada HTML ser mais limpa (porque a referncia folha de estilo vlida somente no Dreamweaver) e o fragmento ainda exibir os estilos apropriados na Visualizao de design. Alm disso, todos os estilos sero aplicados tanto no fragmento quanto na pgina dinmica quando a pgina dinmica for visualizada no modo Design ou em um navegador. Nota: Se voc visualizar o fragmento XSLT em um navegador, os estilos no sero exibidos pelo navegador. Em vez disso, voc deve visualizar a pgina dinmica no navegador para ver o fragmento XSLT no contexto da pgina dinmica. Para obter mais informaes sobre como usar CSS para formatar fragmentos XSLT, consulte www.adobe.com/go/dw_xsl_styles_br.

Mais tpicos da Ajuda


Usar Folhas de estilo em tempo de design na pgina 148

Usar parmetros com transformaes XSL


Voc pode definir parmetros para a transformao XSL ao adicionar o comportamento Transformao XSL do servidor a uma pgina da Web. Um parmetro controla como os dados XML so processados e exibidos. Por exemplo, voc pode usar um parmetro para identificar e listar um artigo especfico de um feed de notcias. Quando a pgina carregada em um navegador, somente o artigo especificado com o parmetro exibido.

Adicionar um parmetro XSLT a uma transformao XSL


1 Abra a caixa de dilogo Transformao XSL. Para fazer isso, clique duas vezes no comportamento Transformao

XSL do servidor no painel Comportamentos de servidor (Janela > Comportamentos de servidor) ou adicione um novo comportamento Transformao XSL do servidor.
2 Na caixa de dilogo Transformao XSL, clique no boto de adio (+) ao lado de Parmetros XSLT.

3 Na caixa de dilogo Adicionar parmetro, insira um nome para o parmetro na caixa Nome. O nome pode conter

somente caracteres alfanumricos. Os espaos no so permitidos.


4 Siga um destes procedimentos:

Se desejar usar um valor esttico, insira-o na caixa Valor.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 510


Exibio de dados XML com XSLT

Se desejar usar um valor dinmico, clique no cone de dinmico ao lado da caixa Valor, preencha a caixa de dilogo
Dados dinmicos e clique em OK. Para obter mais informaes, clique no boto Ajuda na caixa de dilogo Dados dinmicos.
5 Na caixa Valor padro, insira o valor a ser usado pelo parmetro se a pgina no receber nenhum valor de runtime

e clique em OK.

Editar um parmetro XSLT


1 Abra a caixa de dilogo Transformao XSL. Para fazer isso, clique duas vezes no comportamento Transformao

XSL do servidor no painel Comportamentos de servidor (Janela > Comportamentos de servidor) ou adicione um novo comportamento Transformao XSL do servidor.
2 Selecione um parmetro na lista de parmetro XSLT. 3 Clique no boto Editar. 4 Faa as alteraes e clique em OK.

Excluir um parmetro XSLT


1 Abra a caixa de dilogo Transformao XSL. Para fazer isso, clique duas vezes no comportamento Transformao

XSL do servidor no painel Comportamentos de servidor (Janela > Comportamentos de servidor) ou adicione um novo comportamento Transformao XSL do servidor.
2 Selecione um parmetro na lista de parmetro XSLT. 3 Clique no boto de subtrao (-).

Criar e editar regies XSLT condicionais


Voc pode criar uma ou vrias regies condicionais em uma pgina XSLT. Selecione um elemento na Visualizao de design e aplique uma regio condicional na seleo ou insira uma regio condicional no ponto de insero do documento. Por exemplo, se desejar exibir a expresso No disponvel ao lado do preo de um item que no est disponvel, digite o texto No disponvel na pgina, selecione-o e aplique uma regio condicional no texto selecionado. O Dreamweaver coloca a tag <xsl:if> antes e depois da seleo e exibe a expresso No disponvel na pgina somente quando os dados corresponderem s condies da expresso condicional.

Aplicar uma regio XSLT condicional


Voc pode gravar uma expresso condicional simples a ser inserida na sua pgina XSLT. Se o contedo estiver selecionado quando voc abrir a caixa de dilogo Regio condicional, haver a tag <xsl:if> antes e depois do contedo. Se o contedo no estiver selecionado, o bloco <xsl:if> ser includo no ponto de insero na pgina. recomendado usar a caixa de dilogo para comear e personalizar a expresso na Visualizao de cdigo. O elemento <xsl:if> semelhante ao elemento if de outras linguagens. Esse elemento permite testar uma condio e tomar uma ao com base no resultado. O elemento <xsl:if> permite testar uma expresso para um nico valor verdadeiro ou falso.
1 Selecione Inserir > Objetos XSLT > Regio condicional ou clique no cone Regio condicional, na categoria XSLT

do painel Inserir.
2 Na caixa de dilogo Regio condicional, insira a expresso condicional a ser usada na regio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 511


Exibio de dados XML com XSLT

No exemplo a seguir, teste a expresso para observar se o valor do atributo @available do n do contexto true.

3 Clique em OK.

O seguinte cdigo inserido na pgina XSLT:


<xsl:if test="@available=&apos;true&apos;"> Content goes here </xsl:if>

Nota: Os valores de seqncia de caracteres devem ser definidos como true entre aspas. O Dreamweaver codifica as aspas (&apos;) para que sejam inseridas como XHTML vlido. Alm de testar os ns com relao aos valores, voc pode usar qualquer funo XSLT suportada em qualquer instruo condicional. A condio testada no n atual do arquivo XML. No exemplo a seguir, teste a expresso no ltimo n do conjunto de resultados:

Para obter mais informaes e exemplos sobre expresses condicionais de gravao, consulte a seo <xsl:if> no painel Referncia (Ajuda > Referncia).

Aplicar vrias regies XSLT condicionais


Voc pode gravar uma expresso condicional simples a ser inserida na sua pgina XSLT. Se o contedo estiver selecionado quando voc abrir a caixa de dilogo Regio condicional, haver a tag <xsl:choose> antes e depois do contedo. Se o contedo no for selecionado, o bloco <xsl:choose> ser includo no ponto de insero na pgina. recomendado usar a caixa de dilogo para comear e personalizar a expresso na Visualizao de cdigo. O elemento <xsl:choose> semelhante ao elemento case de outras linguagens. Esse elemento permite testar uma condio e tomar uma ao com base no resultado. O elemento <xsl:choose> permite testar vrias condies.
1 Selecione Inserir > Objetos XSLT > Regio condicional mltipla ou clique no cone Regio condicional mltipla na

categoria XSLT do painel Inserir.


2 Na caixa de dilogo Regio condicional mltipla, insira a primeira condio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 512


Exibio de dados XML com XSLT

No exemplo a seguir, teste a expresso para observar se o subelemento price do n do contexto inferior a 5.

3 Clique em OK.

No exemplo, o seguinte cdigo inserido na pgina XSLT:


<xsl:choose> <xsl:when test="price&lt;5"> Content goes here </xsl:when> <xsl:otherwise> Content goes here </xsl:otherwise> </xsl:choose>

4 Para inserir outra condio, coloque o ponto de insero na Visualizao de cdigo entre os pares de tag
<xsl:when> ou antes da tag <xsl:otherwise> e insira uma regio condicional (Inserir > Objetos XSLT > Regio

condicional). Depois de especificar a condio e clicar em OK, outra tag <xsl:when> ser inserida no bloco <xsl:choose>. Para obter mais informaes e exemplos sobre expresses condicionais de gravao, consulte as sees <xsl:choose> no painel Referncia (Ajuda > Referncia).

Definir propriedades da regio condicional (If)


O propsito do recurso Definir inspetor de propriedade de regio condicional alterar a condio usada em uma regio condicional na pgina XSL. A regio condicional testa a condio e toma uma ao com base no resultado.
Na caixa Testar, insira uma nova condio e pressione Enter.

Definir propriedades condicionais (When)


O propsito do recurso Definir inspetor de propriedade de regio condicional alterar a condio usada em uma regio condicional mltipla na pgina XSL. A regio condicional mltipla testa a condio e toma uma ao com base no resultado.
Na caixa Testar, insira uma nova condio e pressione Enter.

Inserir comentrios XSL


Voc pode adicionar tags de comentrio XSL a um documento ou envolver uma seleo em tags de comentrio XSL.

Adicionar tags de comentrio XSL a um documento


Siga um destes procedimentos:

Na Visualizao de design, selecione Inserir > Objetos XSLT > Comentrio XSL, digite o contedo do comentrio
(ou deixe a caixa em branco) e clique em OK.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 513


Exibio de dados XML com XSLT

Na Visualizao de cdigo, selecione Inserir > Objetos XSLT > Comentrio XSL.
Voc tambm pode clicar no cone Comentrio XSL, na categoria XSLT do painel Inserir.

Envolver uma seleo em tags de comentrio XSL


1 Passe para a Visualizao de cdigo (Exibir > Cdigo). 2 Selecione o cdigo que deseja comentar. 3 Na Barra de ferramentas de codificao, clique no boto Aplicar comentrio e selecione Aplicar comentrio

<xsl:comment></xsl:comment>.

Usar o Construtor de expresses XPath para adicionar expresses para dados XML
O XPath (Linguagem de caminho XML) uma sintaxe no XML que controla partes de um documento XML. Na maioria das vezes, essa sintaxe usada como uma linguagem de consulta para dados XML, assim como a linguagem SQL usada para bancos de dados de consulta. Para obter mais informaes sobre o XPath, consulte a especificao da linguagem XPath no site da W3C em www.w3.org/TR/xpath. O Construtor de expresses XPath um recurso do Dreamweaver que permite criar expresses XPath simples para identificar ns de dados especficos e para regies repetitivas. Em vez de arrastar valores da rvore de esquema XML, esse mtodo permite formatar o valor exibido. O contexto atual identificado com base na posio do ponto de insero no arquivo XSL quando a caixa de dilogo Construtor de expresses XPath est aberta. O contexto atual est em negrito na rvore de esquema XML. medida que voc faz selees nessa caixa de dilogo, as instrues XPath corretas so geradas, em relao ao contexto atual. Isso simplifica o processo de gravao de expresses XPath corretas para iniciantes e usurios avanados. Nota: Esse recurso foi projetado para ajudar a criar expresses XPath simples para identificar um n especfico ou para regies repetitivas. O recurso no permite editar as expresses manualmente. Se for necessrio criar expresses complexas, use o Construtor de expresses XPath para comear e personalizar expresses na Visualizao de cdigo ou com o Inspetor de propriedades.

Criar uma expresso XPath para identificar um n especfico


1 Clique duas vezes no alocador de espao de dados XML na pgina para abrir o Construtor de expresses XPath. 2 Na caixa de dilogo Construtor de expresses XPath (texto dinmico), selecione qualquer n na rvore de esquema XML.

A expresso XPath correta gravada na caixa Expresso para identificar o n. Nota: Se voc selecionar um n diferente na rvore de esquema XML, a expresso ser alterada para refletir sua escolha.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 514


Exibio de dados XML com XSLT

No exemplo a seguir, exiba o subelemento price do n item:

Essa seleo inseriria o seguinte cdigo na pgina XSLT:


<xsl:value-of select="price"/>

3 (Opcional) Selecione uma opo de formatao no menu pop-up Formato.

A formatao de uma seleo til quando o valor do n retorna um nmero. O Dreamweaver fornece uma lista predefinida de funes de formatao. Para obter uma lista completa das funes de formatao disponveis e exemplos, consulte o painel Referncia. No exemplo a seguir, formate o subelemento price como uma moeda com duas casas decimais:

Essas opes inseririam o seguinte cdigo na pgina XSLT:


<xsl:value-of select="format-number(provider/store/items/item/price,'$#.00')"/>

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 515


Exibio de dados XML com XSLT

4 Clique em OK. 5 Para exibir o valor de cada n no arquivo XML, aplique uma regio repetitiva no elemento que contm o texto

dinmico (por exemplo, uma linha de tabela HTML ou um pargrafo). Para obter mais informaes e exemplos sobre como selecionar ns para retornar um valor, consulte a seo <xsl:value-of/> no painel Referncia.

Selecionar um n para repetir


Voc pode selecionar um n a ser repetido e, se desejar, filtrar os resultados. Na caixa de dilogo Construtor de expresses XPath, o contedo selecionado ser envolto em um bloco <xsl:for-each>. Se o contedo no for selecionado, o bloco <xsl:for-each> ser inserido no ponto de insero do cursor.
1 Clique duas vezes no alocador de espao de dados XML na pgina para abrir o Construtor de expresses XPath. 2 Na caixa de dilogo Construtor de expresses XPath (regio repetitiva), selecione o item a ser repetido na rvore de

esquema XML. A expresso XPath correta gravada na caixa Expresso para identificar o n. Nota: Os itens repetitivos so identificados com um sinal de adio (+) na rvore de esquema XML. No exemplo a seguir, repita cada n item do arquivo XML.

Ao clicar em OK, o seguinte cdigo ser inserido na pgina XSLT:


<xsl:for-each select="provider/store/items/item"> Content goes here </xsl:for-each>

Em alguns casos, voc talvez queira trabalhar com um subconjunto dos ns repetitivos (por exemplo, somente com itens onde um atributo tem um valor especfico). Nesse caso, necessrio criar um filtro.

Filtrar os dados a serem repetidos


Use um filtro para identificar os ns repetitivos que tm valores de atributo especficos.
1 Na rvore de esquema XML, selecione um n a ser repetido. 2 Clique no boto de expanso Criar filtro.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 516


Exibio de dados XML com XSLT

3 Clique no boto de adio (+) para criar um filtro vazio. 4 Insira os critrios de filtragem nos seguintes campos:
Filtrar por Especifique o n repetitivo que contm os dados que serviro de filtro. O menu pop-up fornece uma lista

de ns ancestrais relativos ao n selecionado na rvore de esquema XML.


Onde Especifica o atributo ou subelemento do n Filtrar por que ser usado para limitar os resultados. Voc pode

selecionar um atributo ou subelemento no menu pop-up ou inserir sua prpria expresso XPath nesse campo para identificar filhos que existem em nveis mais profundos da rvore de esquema.
Operador Especifique o operador de comparao a ser usado na expresso de filtro. Valor Especifique o valor que deve ser verificado no n Filtrar por. Insira o valor. Se parmetros dinmicos forem

definidos na pgina XSLT, voc pode selecionar um deles no menu pop-up.


5 Para especificar outro filtro, clique no boto de adio (+) novamente.

Conforme voc insere valores ou seleciona opes nos menus pop-up, a expresso XPath na caixa Expresso alterada. No exemplo a seguir, limite o conjunto de resultados aos ns item onde o valor do atributo @available true.

Ao clicar em OK, o seguinte cdigo ser inserido na pgina XSLT:


<xsl:for-each select="provider/store/items/item[@available = &apos;true&apos;]"> Content goes here </xsl:for-each>

Nota: Os valores de seqncia de caracteres devem ser definidos como true entre aspas. O Dreamweaver codifica as aspas (&apos;) para que sejam inseridas como XHTML vlido.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 517


Exibio de dados XML com XSLT

Voc pode criar filtros mais complexos que permitem especificar ns pai como parte dos critrios de filtragem. No exemplo a seguir, limite o conjunto de resultados aos ns item onde o atributo @id de store igual a 1 e o n price de item superior a 5.

Ao clicar em OK, o seguinte cdigo ser inserido na pgina XSLT:


<xsl:for-each select="provider/store[@id = 1]/items/item[price &gt; 5]"> Content goes here </xsl:for-each>

Para obter mais informaes e exemplos sobre regies repetitivas, consulte a seo <xsl:for-each> no painel Referncia.

Execuo de transformaes XSL no cliente


Fluxo de trabalho de execuo de transformaes XSL do cliente
Voc pode executar transformaes XSL do cliente. Saiba mais sobre as transformaes XSL do servidor e do cliente e sobre como usar XML e XSL com pginas da Web antes de criar pginas que exibem dados XML. O fluxo de trabalho geral para executar transformaes XSL do cliente descrito a seguir (cada etapa descrita em outros tpicos):
1. Configure um site do Dreamweaver. 2. Crie uma pgina XSLT ou converta uma pgina HTML em XSLT.

No site do Dreamweaver, crie uma pgina XSLT inteira. Converta uma pgina HTML existente em uma pgina XSLT inteira.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 518


Exibio de dados XML com XSLT

3. Anexe uma fonte de dados XML pgina (se ainda no tiver feito isso).

O arquivo XML anexado deve residir no mesmo diretrio da pgina XSLT.


4. Associe os dados XML pgina XSLT. 5. Exiba os dados XML ligando os dados pgina XSLT inteira. 6. Se for apropriado, adicione um objeto XSLT de regio repetitiva tabela ou linha de tabela que contenha os alocadores de espao de dados XML. 7. Anexe a pgina XSLT pgina XML. 8. Poste a pgina XML e a pgina XSLT vinculada no seu servidor da Web. 9. Visualize a pgina XML em um navegador.

Ao fazer isso, o navegador transforma os dados XML, formata esses dados com a pgina XSLT e exibe a pgina com estilo no navegador.

Mais tpicos da Ajuda


Configurao de um site do Dreamweaver na pgina 37 Escolha do servidor de aplicativo na pgina 531 Vincular uma pgina XSLT a uma pgina XML na pgina 519 Uso de XML e XSL com pginas da Web na pgina 493 Transformaes XSL do cliente na pgina 496 Transformaes XSL do servidor na pgina 494

Criao de pginas XSLT inteiras e exibio de dados


Voc deve usar uma pgina XSLT inteira para transformaes do cliente. (Os fragmentos XSLT no funcionam nesse tipo de transformao.) Siga essas etapas gerais para criar, ligar dados XML e formatar pginas XSLT para transformaes do cliente:
1. Crie a pgina XSLT. 2. Exiba dados na pgina XSLT. 3. Exiba elementos repetitivos na pgina XSLT.

Mais tpicos da Ajuda


Criar uma pgina XSLT na pgina 501 Exibir dados XML em pginas XSLT na pgina 503 Exibir elementos XML repetitivos na pgina 504

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 519


Exibio de dados XML com XSLT

Vincular uma pgina XSLT a uma pgina XML


Depois de criar uma pgina XSLT inteira com alocadores de espao de contedo dinmico para os dados XML, voc deve inserir uma referncia pgina XSLT na pgina XML. Nota: Os arquivos XML e XSL usados para as transformaes do cliente devem residir no mesmo diretrio. Caso contrrio, o navegador ler o arquivo XML e encontrar a pgina XSLT da transformao, mas no encontrar os ativos (folhas de estilos, imagens, etc.) definidos pelos links relativos na pgina XSLT.
1 Abra o arquivo XML que deseja vincular com a pgina XSLT. 2 Selecione Comandos > Anexar uma folha de estilos XSLT. 3 Na caixa de dilogo, clique no boto Procurar, navegue at a pgina XSLT que deseja vincular, selecione-a e clique

em OK.
4 Clique em OK para fechar a caixa de dilogo e inserir a referncia pgina XSLT na parte superior do documento XML.

Entidades de caracteres ausentes


Especificar uma entidade de caractere ausente
Em XSLT, alguns caracteres no so permitidos em determinados contextos. Por exemplo, voc no pode usar o sinal de menor que (<) e o E comercial (&) no texto entre tags ou em um valor de atributo. O mecanismo de transformao XSLT gerar um erro se esses caracteres forem usados de modo incorreto. Para solucionar o problema, voc pode especificar entidades de caractere para substituir os caracteres especiais. Uma entidade de caractere uma seqncia de caracteres que representa outros caracteres. As entidades de caractere so nomeadas ou numeradas. Uma entidade nomeada comea com um E comercial (&) seguido pelo nome ou por caracteres, e termina com ponto-e-vrgula (;). Por exemplo, &lt; representa o sinal menor que (<). As entidades numeradas tambm comeam e terminam da mesma maneira, exceto pela presena de uma cerquilha (#) e de um nmero que especifica o caractere. O XSLT tem as cinco entidades predefinidas a seguir:
Caractere < (menor que) & (E comercial) > (maior que) " (aspas) (apstrofe) Cdigo da entidade &lt; &amp; &gt; &quot; &apos;

Se voc usar outras entidades de caractere em um arquivo XSL, precisar defini-las na seo DTD do arquivo XSL. O Dreamweaver fornece vrias definies de entidade padro que podem ser observadas na parte superior de um arquivo XSL criado no Dreamweaver. Essas entidades padro abrangem uma ampla seleo dos caracteres usados com mais freqncia. Ao visualizar o arquivo XSL em um navegador, o Dreamweaver verifica o arquivo XSL para observar se h entidades no definidas e notifica caso alguma for encontrada.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 520


Exibio de dados XML com XSLT

Se voc visualizar um arquivo XML anexado a um arquivo XSLT ou visualizar uma pgina do servidor com uma transformao XSLT, o servidor ou o navegador (em vez do Dreamweaver) enviar uma notificao sobre uma entidade no definida. O exemplo a seguir mostra uma mensagem que pode ser exibida no Internet Explorer quando voc solicita um arquivo XML transformado por um arquivo XSL com uma definio de entidade ausente:
Reference to undefined entity 'auml'. Error processing resource 'http://localhost/testthis/list.xsl'. Line 28, Position 20 <p class=''test''>&auml;</p> -------------------^

Para corrigir o erro da pgina, adicione a definio de entidade manualmente pgina.

Especificar uma definio de entidade ausente


1 Procure o caractere ausente na pgina de referncia de entidades de caractere no site da W3C em

www.w3.org/TR/REC-html40/sgml/entities.html. Essa pgina da Web contm as 252 entidades permitidas no HTML 4 e no XHTML 1.0. Por exemplo, se a entidade de caractere Egrave estiver ausente, procure Egrave no site da W3C. A seguinte entrada estar disponvel:
<!ENTITY Egrave CDATA "&#200;" -- latin capital letter E with grave, U+00C8 ISOlat1 -->

2 Anote o nome e o cdigo da entidade na entrada.

No exemplo, Egrave o nome da entidade e &#200 o cdigo da entidade.


3 Com essas informaes, passe para a Visualizao de cdigo e insira a seguinte tag de entidade na parte superior do

arquivo XSL (depois da declarao TipoDoc e com as outras tags de entidade):


<!ENTITY entityname "entitycode;">

No exemplo, voc inseriria a seguinte tag de entidade:


<!ENTITY Egrave "&#200;">

4 Salve o arquivo.

Se voc usar vrias vezes as mesmas entidades de caractere, poder adicionar permanentemente suas definies aos arquivos XSL criados pelo Dreamweaver por padro quando o comando Arquivo > Novo usado.

Adicionar definies de entidade aos arquivos XSL criados pelo Dreamweaver por padro
1 Localize o seguinte arquivo de configurao na pasta do aplicativo Dreamweaver e abra-o em qualquer editor de

texto: Configuration/DocumentTypes/MMDocumentTypeDeclarations.xml
2 Localize a declarao mm_xslt_1:
<documenttypedeclaration id="mm_xslt_1">

3 Insira as novas tags de entidade na lista de tags de entidade da seguinte maneira:


<!ENTITY entityname "entitycode;">

4 Salve o arquivo e reinicie o Dreamweaver.

ltima atualizao em 28/4/2010

521

Captulo 18: Preparao para criao de sites dinmicos


Para comear a criao de pginas da Web dinmicas, h algumas preparaes a serem feitas, incluindo a configurao de um servidor de aplicativo da Web e a conexo com um banco de dados para aplicativos do ColdFusion, ASP e PHP. O Adobe Dreamweaver CS5 lida com conexes de banco de dados de maneira diferente dependendo da tecnologia do servidor.

Introduo aos aplicativos da Web


Sobre os aplicativos da Web
Um aplicativo da Web um site que contm pginas de contedo parcial ou inteiramente no determinado. O contedo final de uma pgina s determinado quando o visitante solicita uma pgina do servidor Web. Como o contedo final da pgina varia de solicitao para solicitao com base nas aes do visitante, esse tipo chamado de pgina dinmica. Os aplicativos da Web so criados para superar vrios desafios e problemas. Esta seo descreve usos comuns para os aplicativos da Web e apresenta um exemplo simples.

Usos comuns dos aplicativos da Web


Os aplicativos da Web tm muitos usos tanto para os visitantes quanto para os desenvolvedores do site, inclusive os seguintes:

Permitem aos visitantes localizar informaes de maneira rpida e fcil em um site rico em contedo.
Esse tipo de aplicativo da Web oferece aos visitantes a possibilidade de pesquisar, organizar e navegar em contedo na medida em que acharem cabvel. Entre os exemplos esto intranets de empresas, o Microsoft MSDN (www.msdn.microsoft.com) e a Amazon.com (www.amazon.com).

Colete, salve e analise dados fornecidos por visitantes do site.


Antigamente, os dados inseridos em formulrios em HTML eram enviados como mensagens de email a funcionrios ou aplicativos CGI para processamento. Um aplicativo da Web pode salvar os dados do formulrio diretamente em um banco de dados, alm de extrair os dados e criar relatrios baseados na Web para anlise. Entre os exemplos esto pginas de bancos on-line, pginas de retirada de lojas, pesquisas e formulrios com comentrios feitos pelo usurio.

Atualize sites cujo contedo mude constantemente.


Um aplicativo da Web evita que o designer fique atualizando continuamente o HTML do site. Provedores de contedo como, por exemplo, editores de notcias fornecem contedo ao aplicativo da Web, e este atualiza o site automaticamente. Entre os exemplos esto a Economist (www.economist.com) e a CNN (www.cnn.com).

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 522


Preparao para criao de sites dinmicos

Exemplo de aplicativo da Web


Janet designer profissional e, h muito tempo, a usuria do Dreamweaver responsvel pela manuteno da intranet e do site de uma empresa de mdio porte com 1.000 funcionrios. Certo dia, Chris, dos Recursos Humanos, chega at ela com um problema. O RH administra um programa de condicionamento fsico que d aos funcionrios pontos para cada quilmetro percorrido andando, de bicicleta ou correndo. Cada funcionrio deve informar seu total mensal de quilmetros em um email enviado para Chris. Ao final do ms, Chris rene todas as mensagens de email e d aos funcionrios pequenos prmios em dinheiro de acordo com sua pontuao total. O problema de Chris que o programa de condicionamento fsico cresceu muito. Assim, muitos funcionrios esto participando, e Chris sobrecarregado com emails ao final de cada ms. Chris pergunta a Janet se h uma soluo baseada na Web. Janet prope um aplicativo da Web baseado na intranet que realiza as seguintes tarefas:

Permite aos funcionrios inserir a quilometragem em uma pgina da Web usando um formulrio em HTML
simples

Armazena a quilometragem do funcionrio em um banco de dados Calcula os pontos de condicionamento fsico de acordo com os dados da quilometragem Permite aos funcionrios controlar o andamento mensal D a Chris o acesso com um clique pontuao total ao final de cada ms
Janet coloca o aplicativo em funcionamento antes do horrio de almoo usando o Dreamweaver, que conta com as ferramentas de que ela precisa para criar esse tipo de aplicativo rpida e facilmente.

Como funciona um aplicativo de Web


Um aplicativo de Web um conjunto de pginas de Web estticas e dinmicas. Uma pgina da Web esttica aquela que no se altera quando um visitante a solicita: o servidor Web envia a pgina para o navegador da Web solicitante sem modific-la. J uma pgina da Web dinmica modificada pelo servidor antes de ser enviada para o navegador solicitante. A natureza mutvel da pgina justifica ela ser chamada de dinmica. Por exemplo, voc poderia projetar uma pgina para exibir os resultados do condicionamento fsico, ao mesmo tempo em que deixaria que determinadas informaes (como, por exemplo, o nome do funcionrio e os resultados) fossem determinadas quando a pgina fosse solicitada por um determinado funcionrio. As prximas sees descrevem mais detalhadamente como funcionam os aplicativos da Web.

Processamento de pginas da Web estticas


Um site esttico formado por um conjunto de pginas em HTML relacionadas e arquivos hospedados em um computador com um servidor Web em execuo. Um servidor Web o software que apresenta pginas da Web em resposta a solicitaes de navegadores da Web. Uma solicitao de pgina gerada quando um visitante clica em um link em uma pgina da Web, seleciona um marcador em um navegador ou digita um URL na caixa de texto de endereo do navegador. O contedo final de uma pgina da Web esttica determinado pelo designer da pgina e no alterado quando ela solicitada. Eis um exemplo:

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 523


Preparao para criao de sites dinmicos

<html> <head> <title>Trio Motors Information Page</title> </head> <body> <h1>About Trio Motors</h1> <p>Trio Motors is a leading automobile manufacturer.</p> </body> </html>

Todas as linhas do cdigo em HTML da pgina so escritas pelo designer antes da pgina ser colocada no servidor. Como o HTML, uma vez no servidor, no alterado, esse tipo de pgina chamado de pgina esttica. Nota: Mais especificamente, uma pgina esttica pode no ser to esttica assim. Por exemplo, uma imagem de sobreposio ou um contedo Flash (um arquivo SWF) pode dar vida a uma pgina esttica. No entanto, essa documentao se refere a uma pgina como sendo esttica caso ela seja enviada para o navegador sem modificaes. Quando recebe uma solicitao de uma pgina esttica, o servidor Web l a solicitao, localiza a pgina e a envia para o navegador solicitante, como mostra o seguinte exemplo:
3
Resposta

SERVIDOR WEB

<HTML> <p>H1 </HTML>


Navegador da web

2
Solicitao

1 1. Navegador da Web solicita a pgina esttica. 2. Servidor Web localiza a pgina. 3. Servidor Web envia a pgina para o navegador solicitante.

No caso dos aplicativos da Web, certas linhas de cdigo no so determinadas quando o visitante solicita a pgina. Para que a pgina seja enviada ao navegador, essas linhas devem ser determinadas por um mecanismo. O mecanismo abordado na seguinte seo.

Processamento de pginas dinmicas


Ao receber uma solicitao de uma pgina da Web esttica, um servidor Web envia a pgina diretamente para o navegador solicitante. Porm, ao receber uma solicitao de uma pgina dinmica, o servidor Web reage de maneira diferente: ele passa a pgina para uma parte especial do software responsvel pela concluso da pgina. Esse software especial chamado de servidor de aplicativo. O servidor de aplicativo l o cdigo na pgina, conclui a pgina de acordo com as instrues do cdigo e, em seguida, remove o cdigo da pgina. O resultado uma pgina esttica que o servidor de aplicativo passa para o servidor Web que, em seguida, envia a pgina para o navegador solicitante. Todo o obtido pelo navegador quando a pgina chega HTML puro. Eis uma visualizao do processo:

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 524


Preparao para criao de sites dinmicos

SERVIDOR WEB

5
Resposta

4
<HTML> <p>H1 </HTML>

Servidor de aplicativos Navegador da Web

Solicitao

<HTML> <code> </HTML>

1. Navegador da Web solicita a pgina dinmica. 2. Servidor Web localiza e passa a pgina para o servidor de aplicativo. 3. Servidor de aplicativo rastreia a pgina em busca de instrues e conclui a pgina. 4. Servidor de aplicativo passa novamente a pgina concluda para o servidor Web. 5. Servidor Web envia a pgina concluda para o navegador solicitante

Acesso a um banco de dados


Um servidor de aplicativo permite trabalhar com recursos do servidor como, por exemplo, bancos de dados. Por exemplo, uma pgina dinmica pode instruir o servidor de aplicativo para extrair dados de um banco de dados e inserilos no HTML da pgina. Para obter mais informaes, consulte www.adobe.com/go/learn_dw_dbguide_br. O uso de um banco de dados para armazenar o contedo permite separar o design do site do contedo que voc deseja exibir para os usurios do site. Em vez de escrever arquivos em HTML individuais para cada pgina, voc s precisa escrever uma pgina ou modelo para os diferentes tipos de informaes que deseja apresentar. Em seguida, voc pode carregar o contedo em um banco de dados e, em seguida, fazer com que o site recupere esse contedo em resposta a uma solicitao do usurio. Voc tambm pode atualizar as informaes em uma nica fonte e, em seguida, preencher essa alterao em todo o site sem ter que editar manualmente todas as pginas. Voc pode usar o Adobe Dreamweaver CS5 para projetar formulrios da Web a fim de inserir, atualizar ou excluir dados do banco de dados. A instruo para extrair dados de um banco de dados chamada de consulta ao banco de dados. Uma consulta consiste em critrios de pesquisa expressados em uma linguagem de banco de dados chamada SQL (Linguagem de consulta estruturada). A consulta SQL escrita em scripts ou tags do servidor da pgina. Um servidor de aplicativo no pode se comunicar diretamente com um banco de dados porque o formato prprio do banco de dados processa os dados indecifrveis de maneira muito semelhante a um documento do Microsoft Word aberto no Bloco de Notas ou BBEdit talvez seja indecifrvel. O servidor de aplicativo pode se comunicar com o banco de dados apenas por meio de um driver de banco de dados: software que funciona como um intrprete entre o servidor de aplicativo e o banco de dados. Depois que o driver estabelece a comunicao, a consulta executada no banco de dados e um conjunto de registros criado. Um conjunto de registros um conjunto de dados extrados de uma ou mais tabelas de um banco de dados. O conjunto de registros retorna ao servidor de aplicativo, que usa os dados para completar a pgina. Eis uma consulta ao banco de dados simples escrita em SQL:
SELECT lastname, firstname, fitpoints FROM employees

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 525


Preparao para criao de sites dinmicos

A instruo cria um conjunto de registros com trs colunas e o preenche com linhas que contm sobrenome, nome e pontos em condicionamento fsico de todos os funcionrios no banco de dados. Para obter mais informaes, consulte www.adobe.com/go/learn_dw_sqlprimer_br. O seguinte exemplo mostra o processo de consulta a um banco de dados e o retorno dos dados ao navegador:
SERVIDOR WEB

9
Resposta

8
<HTML> <p>dados </HTML>

7 6
Conjunto de registros

Servidor de aplicativos Navegador da Web

Driver de banco de dados

Banco de dados

Solicitao

<HTML> <code> </HTML>

Consulta

4 2 3

1. Navegador da Web solicita a pgina dinmica. 2. Servidor Web localiza e passa a pgina para o servidor de aplicativo. 3. Servidor de aplicativo rastreia a pgina em busca de instrues. 4. Servidor de aplicativo envia consulta ao driver de banco de dados. 5. Driver executa a consulta no banco de dados. 6. Conjunto de registros devolvido ao driver. 7. Driver passa o conjunto de registros para o servidor de aplicativo 8. Servidor de aplicativo insere dados na pgina e, em seguida, passa a pgina para o servidor Web 9. Servidor Web envia a pgina concluda para o navegador solicitante.

Voc pode usar praticamente qualquer banco de dados com o aplicativo da Web, desde que o driver de banco de dados apropriado esteja instalado no servidor. Caso pretenda criar pequenos aplicativos de baixo custo, voc pode usar um banco de dados baseado em arquivo como, por exemplo, um criado no Microsoft Access. Caso pretenda criar aplicativos robustos, fundamentais empresa, voc pode usar um banco de dados baseado em servidor como, por exemplo, um criado no Microsoft SQL Server, no Oracle 9i ou no MySQL. Caso o banco de dados esteja localizado em um sistema que no seja o servidor Web, verifique se h uma conexo rpida entre os dois sistemas para que o aplicativo da Web possa operar com rapidez e eficincia.

Mais tpicos da Ajuda


Guia introdutrio aos bancos de dados

Criao de pginas dinmicas


A criao de uma pgina dinmica consiste em escrever primeiramente o HTML e, em seguida, adicionar os scripts ou as tags do servidor ao HTML para tornar a pgina dinmica. Quando voc exibe o cdigo resultante, a linguagem aparece incorporada ao HTML da pgina. Dessa forma, essas linguagens so conhecidas como linguagens de programao com HTML incorporado. O seguinte exemplo bsico usa a Linguagem de markup do ColdFusion (CFML):

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 526


Preparao para criao de sites dinmicos

<html> <head> <title>Trio Motors Information Page</title> </head> <body> <h1>About Trio Motors</h1> <p>Trio Motors is a leading automobile manufacturer.</p> <!--- embedded instructions start here ---> <cfset department="Sales"> <cfoutput> <p>Be sure to visit our #department# page.</p> </cfoutput> <!--- embedded instructions end here ---> </body> </html>

As instrues incorporadas pgina realizam as seguintes aes:


1 Crie uma varivel chamada department e atribua a seqncia de caracteres "Sales" a ela. 2 Insira o valor da varivel, "Sales", ao cdigo em HTML.

O servidor de aplicativo retorna a seguinte pgina ao servidor Web:


<html> <head> <title>Trio Motors Information Page</title> </head> <body> <h1>About Trio Motors</h1> <p>Trio Motors is a leading automobile manufacturer.</p> <p>Be sure to visit our Sales page.</p> </body> </html>

O servidor Web envia a pgina para o navegador solicitante, que a exibe da seguinte forma: Sobre a Trio Motors A Trio Motors uma grande montadora de automveis. No deixe de visitar a nossa pgina de vendas. Voc escolhe uma linguagem de script ou baseada em tag a ser usada de acordo com a tecnologia disponvel no servidor. Estas so as linguagens mais conhecidas para as tecnologias de servidor que recebem suporte doDreamweaver:
Tecnologia de servidor ColdFusion ASP (Pginas ativas do servidor) Linguagem Linguagem de markup do ColdFusion (CFML) VBScript JavaScript PHP PHP

O Dreamweaver pode criar os scripts ou as tags do servidor necessrias ao funcionamento das pginas, ou voc pode escrev-los manualmente no ambiente de codificao do Dreamweaver.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 527


Preparao para criao de sites dinmicos

Mais tpicos da Ajuda


Escolha do servidor de aplicativo na pgina 531

Terminologia do aplicativo da Web


Esta seo define os termos mais usados em relao aos aplicativos da Web.
Um servidor de aplicativo Software que ajuda um servidor Web a processar pginas da Web que contenham scripts ou tags do servidor. Quando uma pgina dessas solicitada no servidor, o servidor Web a entrega ao servidor de aplicativo para que ele a processe antes do envio da pgina para o navegador. Para obter mais informaes, consulte Como funciona um aplicativo de Web na pgina 522.

Servidores de aplicativo comuns incluem ColdFusion e PHP.


Um banco de dados Um conjunto de dados armazenados em tabelas. Cada uma das linhas de uma tabela constitui um registro e cada coluna, um campo no registro, como mostrado no seguinte exemplo:
Campos (colunas)

Nmero Sobrenome

Nome

Posio

Objetivo

Registros (linhas)

Um driver de banco de dados Software que funciona como intrprete entre um aplicativo da Web e um banco de

dados. Os dados em um banco de dados so armazenados em um formato prprio. Um driver de banco de dados permite ao aplicativo da Web ler e manipular dados que outrora seriam indecifrveis.
Um sistema de gerenciamento do banco de dados (DBMS ou sistema de banco de dados) Software usado para criar

e manipular bancos de dados. Entre os sistemas de banco de dados mais comuns esto Microsoft Access, Oracle 9i e MySQL.
Uma consulta ao banco de dados A operao que extrai um conjunto de registros de um banco de dados. Uma

consulta consiste em critrios de pesquisa expressados em uma linguagem de banco de dados chamada SQL. Por exemplo, a consulta pode especificar que apenas determinadas colunas ou certos registros sejam includos no conjunto.
Uma pgina dinmica Uma pgina da Web personalizada por um servidor de aplicativo para que a pgina seja enviada

a um navegador.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 528


Preparao para criao de sites dinmicos

Um conjunto de registros Um conjunto de dados extrados de uma ou mais tabelas em um banco de dados, como mostrado no seguinte exemplo:

Um banco de dados relacional Um banco de dados que contm mais de uma tabela, com as tabelas compartilhando os dados. O seguinte banco de dados relacional porque duas tabelas compartilham a mesma coluna DepartmentID.

Uma tecnologia de servidor A tecnologia que o servidor de aplicativo usa para modificar pginas dinmicas durante

o runtime. O ambiente de desenvolvimento do Dreamweaver d suporte s seguintes tecnologias de servidor:

Adobe ColdFusion Microsoft ASP (Pginas ativas do servidor) PHP: PHP (Pr-processador de hipertexto)
Voc tambm pode usar o ambiente de codificao do Dreamweaver a fim de desenvolver pginas para qualquer outra tecnologia de servidor no listada.
Uma pgina esttica Uma pgina da Web no modificada por um servidor de aplicativo para que a pgina seja enviada

a um navegador. Para obter mais informaes, consulte Processamento de pginas da Web estticas na pgina 522.
Um aplicativo da Web Um site que contm pginas de contedo parcial ou inteiramente no determinado. O

contedo final dessas pginas s determinado quando um visitante solicita uma pgina do servidor Web. Como o contedo final da pgina varia de solicitao para solicitao com base nas aes do visitante, esse tipo chamado de pgina dinmica.
Um servidor Web Software que envia pginas da Web em resposta a solicitaes de navegadores da Web. Uma

solicitao de pgina gerada quando um visitante clica em um link em uma pgina da Web no navegador, seleciona um marcador no navegador ou digita um URL na caixa de texto de endereo do navegador. Servidores Web populares incluem o Microsoft Internet Information Server (IIS) e o Apache HTTP Server.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 529


Preparao para criao de sites dinmicos

Configurao do computador para o desenvolvimento de aplicativo


Do que voc precisa para criar aplicativos da Web
Para criar aplicativos da Web no Adobe Dreamweaver CS5, voc precisa do seguinte software:

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


Nota: No contexto dos aplicativos da Web, os termos servidor Web e servidor de aplicativo se referem a software, e no 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


Vrias 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 obrigatrio no mesmo computador do Dreamweaver para fins de desenvolvimento. Voc tambm 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 da Web, voc deve inicialmente se conectar a ele.

Mais tpicos da Ajuda


Configurao de um ambiente de desenvolvimento ColdFusion na pgina 531 Configurao de um ambiente de desenvolvimento PHP na pgina 532 Configurao de um ambiente de desenvolvimento ASP na pgina 532

Fundamentos do servidor Web


Para desenvolver e testar pginas da Web dinmicas, voc precisa de um servidor Web em funcionamento. Um servidor Web o software que apresenta pginas da Web em resposta a solicitaes 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 usurio do Macintosh, voc pode usar o servidor Web Apache j instalado no Macintosh. Nota: A Adobe no d suporte tcnico 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 tcnico da Microsoft. Caso voc use o IIS (Internet Information Server) para desenvolver aplicativos da Web, o nome padro do servidor Web o nome do computador. Voc pode alterar o nome do servidor alterando o nome do computador. Caso o computador no 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 pgina da Web armazenada na pasta raiz digitando o seguinte URL em um navegador em execuo no computador: http://nome_do_servidor/nome_do_arquivo

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 530


Preparao para criao de sites dinmicos

Por exemplo, caso o nome do servidor seja mer_noire e uma pgina da Web chamada soleil.html seja armazenada em C:\Inetpub\wwwroot\, voc pode abrir a pgina digitando o seguinte URL em um navegador em execuo no computador local: http://mer_noire/soleil.html Nota: No se esquea de usar barras, e no barras invertidas, nos URLs. Voc tambm pode abrir qualquer pgina 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 pgina digitando o seguinte URL em um navegador em execuo no computador: http://mer_noire/gamelan/soleil.html Quando o servidor Web est em execuo no computador, voc pode substituir o nome do servidor por localhost. Por exemplo, os seguintes URLs abrem a mesma pgina em um navegador: http://mer_noire/gamelan/soleil.html http://localhost/gamelan/soleil.html Nota: Outra expresso que voc pode usar em lugar do nome do servidor ou de localhost 127.0.0.1 (por exemplo, http://127.0.0.1/gamelan/soleil.html).

Mais tpicos da Ajuda


Configurao de um ambiente de desenvolvimento ColdFusion na pgina 531 Configurao de um ambiente de desenvolvimento PHP na pgina 532 Configurao de um ambiente de desenvolvimento ASP na pgina 532

Escolha de um servidor Web


Para desenvolver e testar aplicativos da Web, voc pode escolher um dentre vrios servidores Web, inclusive o Microsoft Internet Information Server (IIS) e o Apache HTTP Server. Caso no esteja usando um servio de hospedagem na Web, escolha um servidor Web e o instale no computador local com o propsito de desenvolvimento. Usurios do Windows e do Macintosh que desejam desenvolver aplicativos da Web do ColdFusion podem usar o servidor Web includo na edio de desenvolvedor do servidor de aplicativo ColdFusion 8, cuja instalao e uso so gratuitos. Outros usurios 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 contm uma pasta C:\Inetpub ou D:\Inetpub. O IIS cria essa pasta durante a instalao. Usurios do sistema operacional Mac podem usar o servidor Web Apache instalado com o sistema operacional. Para obter informaes sobre a instalao e a configurao de outros servidores Web, consulte a documentao do fornecedor do servidor ou o administrador do sistema.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 531


Preparao para criao de sites dinmicos

Escolha do servidor de aplicativo


Servidor de aplicativo um software que ajuda um servidor Web a processar pginas dinmicas. Ao escolher um servidor de aplicativo, voc deve considerar vrios fatores, inclusive o oramento, a tecnologia de servidor que deseja usar (ColdFusion, ASP, ou PHP), alm do tipo de servidor Web.
Oramento Alguns fornecedores vendem servidores de aplicativo sofisticados cujos preos de aquisio e administrao so altos. Outros fornecedores oferecem solues mais simples e mais econmicas (um exemplo o ColdFusion). Alguns servidores de aplicativo so 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 d suporte a trs tecnologias de servidor: ColdFusion, ASP e PHP. A tabela a seguir mostra servidores de aplicativo comuns disponveis para as tecnologias de servidor que recebem suporte do Dreamweaver:
Tecnologia de servidor ColdFusion ASP PHP Servidor de aplicativo Adobe ColdFusion 8 Microsoft IIS Servidor PHP

Para obter mais informaes sobre o ColdFusion, selecione Ajuda do ColdFusion no menu Ajuda. Para obter mais informaes sobre o ASP, visite o site da Microsoft em http://msdn.microsoft.com/library/default.asp?url=/library/pt_br/dnanchor/html/activeservpages.asp. Para obter mais informaes sobre o PHP, visite o site do PHP em www.php.net/.

Escolha de um banco de dados


Os bancos de dados se apresentam em muitos formulrios de acordo com a quantidade e a complexidade dos dados que devem armazenar. Ao escolher um banco de dados, voc deve considerar vrios fatores, incluindo o oramento e a previso do nmero de usurios que deve acessar o banco de dados.
Oramento Alguns fornecedores produzem servidores de sofisticados aplicativos de banco de dados, cujos preos de aquisio e administrao so altos. Outros fornecedores fornecem solues mais baratas e de custo efetivo maior, como o Microsoft Access ou o banco de dados de cdigo-fonte aberto MySQL. Usurios Caso voc preveja o acesso de uma grande comunidade de usurios ao site, selecione um banco de dados projetado para dar suporte base de usurios desejada do site. Para sites que exijam maior flexibilidade na modelagem de dados, alm da possibilidade de suporte a grandes comunidades de usurios simultneos, deve-se considerar bancos de dados relacionais baseados em servidor (normalmente conhecidos como RDBMS), como o Microsoft SQL Server e o Oracle.

Configurao de um ambiente de desenvolvimento ColdFusion


Para obter instrues detalhadas sobre a configurao de um ambiente de desenvolvimento do ColdFusion para Dreamweaver em computador com Windows ou Mac, consulte o site da Adobe em www.adobe.com/go/learn_dw_cfsetup_br. Os usurios do Windows e do Macintosh podem baixar e instalar uma edio de desenvolvedor gratuita totalmente funcional do servidor de aplicativo do ColdFusion no site da Adobe, em www.adobe.com/go/coldfusion_br.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 532


Preparao para criao de sites dinmicos

Nota: A Developer Edition se destina ao uso no comercial para o desenvolvimento e o teste dos aplicativos da Web. Ela no est licenciada para desenvolvimento. Ela d suporte a solicitaes do host local e a dois endereos IP remotos. Voc pode us-la para desenvolver e testar os aplicativos da Web sempre que desejar; o software no expira. Para obter mais informaes, consulte a ajuda do ColdFusion (Ajuda > Ajuda do ColdFusion). Durante a instalao, voc pode configurar o ColdFusion para usar o servidor Web incorporado ao ColdFusion ou outro servidor Web instalado no sistema. Normalmente, melhor que o ambiente de desenvolvimento corresponda ao ambiente de produo. 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.

Configurao de um ambiente de desenvolvimento PHP


Para obter instrues detalhadas sobre a configurao de um ambiente de desenvolvimento PHP para Dreamweaver em computador com Windows ou Mac, consulte o site da Adobe em www.adobe.com/go/learn_dw_phpsetup_br. H edies do servidor de aplicativo para os sistemas Windows, Linux, UNIX, HP-UX, Solaris e Mac OS X. Para obter mais informaes sobre o servidor de aplicativo, consulte a documentao do PHP, que voc tambm pode baixar no site do PHP em www.php.net/download-docs.php.

Configurao de um ambiente de desenvolvimento ASP


Para obter instrues detalhadas sobre a configurao de um ambiente de desenvolvimento ASP para Dreamweaver em computador com Windows ou Mac, consulte o site da Adobe em www.adobe.com/go/learn_dw_aspsetup_br. Para executar as pginas do ASP, voc precisa de um servidor de aplicativo que d suporte ao Microsoft Active Server Pages 2.0. como, por exemplo, o Microsoft IIS (Internet Information Services), que acompanha o Windows 2000 e o Windows XP Professional. Os usurios do Windows XP Professional podem instalar e executar o IIS no computador local. Os usurios do Macintosh podem usar um servio de hospedagem na Web com um plano ASP ou instalar o IIS em um computador remoto.

Criao de uma pasta raiz para o aplicativo


Depois da inscrio em uma empresa de hospedagem na Web ou da configurao do software de servidor propriamente dito, crie uma pasta raiz para o aplicativo da Web no computador em que o servidor Web est execuo. A pasta raiz pode ser local ou remota, dependendo do local em que o servidor Web est em execuo. O servidor Web pode fornecer qualquer arquivo que esteja nessa pasta ou em qualquer uma de suas subpastas em resposta a uma solicitao HTTP de um navegador da Web. Por exemplo, em um computador com o ColdFusion 8 em execuo, possvel fornecer a um navegador da Web qualquer arquivo na pasta \ColdFusion8\wwwroot ou em uma de suas subpastas. Estas so as pastas raiz padro dos servidores Web selecionados:
Servidor Web ColdFusion 8 IIS Apache (Windows) Apache (Macintosh) Pasta raiz padro \ColdFusion8\wwwroot \Inetpub\wwwroot \apache\htdocs Users:MyUserName:Sites

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 533


Preparao para criao de sites dinmicos

Para testar o servidor Web, coloque uma pgina em HTML de teste na pasta raiz padro e tente abri-la digitando o URL da pgina em um navegador. O URL formado pelo nome de domnio e pelo nome de arquivo da pgina em HTML da seguinte forma: www.exemplo.com/pgina_de_teste.htm. Caso o servidor Web esteja em execuo no computador local, voc pode usar localhost em lugar de um nome de domnio. Digite um das seguintes URLs localhost de acordo com o servidor Web:
Servidor Web ColdFusion 8 IIS Apache (Windows) Apache (Macintosh) URL localhost http://localhost:8500/testpage.htm http://localhost/testpage.htm http://localhost:80/testpage.htm http://localhost/~MyUserName/testpage.htm (em que MyUserName o nome de usurio do Macintosh)

Nota: Por padro, o servidor Web ColdFusion executado na porta 8500 e o servidor Apache para Windows, na porta 80. Caso a pgina no seja aberta como esperado, procure os seguintes erros:

O servidor Web no foi iniciado. Consulte a documentao do servidor Web para obter as instrues iniciais. O arquivo no tem uma extenso .htm ou .html. Voc digitou o caminho de arquivo da pgina (por exemplo, c:\ColdFusion8\wwwroot\testpage.htm) e no o URL
(por exemplo, http://localhost:8500/testpage.htm) na caixa de texto de endereo do navegador.

O URL digitado est incorreto. Verifique se h erros e se o nome de arquivo no seguido por uma barra como,
por exemplo, http://localhost:8080/testpage.htm/. Aps a criao de uma pasta raiz para o aplicativo, defina um site do Dreamweaver para gerenciar os arquivos.

Mais tpicos da Ajuda


Fundamentos do servidor Web na pgina 529 Configurao de um site do Dreamweaver na pgina 37

Sobre a definio de um site do Dreamweaver


Depois da configurao do sistema para desenvolver aplicativos da Web, defina um site do Dreamweaver para gerenciar os arquivos. Antes de iniciar, verifique se voc atende aos seguintes requisitos:

Voc tem acesso a um servidor Web. O servidor Web pode estar em execuo 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 execuo no sistema em execuo no servidor Web. Voc criou uma pasta raiz para o aplicativo da Web no sistema em que o servidor Web est em execuo.
A definio de um site do Dreamweaver para o aplicativo da Web consiste em trs etapas: 1. Definir uma pasta local A pasta local a pasta que voc usa para armazenar cpias funcionais dos arquivos do site no disco rgido. Voc pode definir uma pasta local para cada novo aplicativo da Web criado. A definio de uma pasta local tambm d a possibilidade de gerenciar os arquivos e de transferi-los de e para o servidor Web com facilidade.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 534


Preparao para criao de sites dinmicos

2. Definir uma pasta remota Defina uma pasta localizada no computador no qual o servidor Web est em execuo como uma pasta remota do Dreamweaver. A pasta remota a pasta que voc criou para o aplicativo da Web no servidor Web. 3. Definir uma pasta de teste O Dreamweaver usa a pasta para gerar e exibir o contedo dinmico, alm de 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 produo. Desde que ele consiga processar esse tipo de pgina dinmica que voc pretende desenvolver, a opo no importa. Depois que o site do Dreamweaver estiver definido, voc poder comear a criar o aplicativo da Web.

Mais tpicos da Ajuda


Configurao de um site do Dreamweaver na pgina 37

Conexes de banco de dados para desenvolvedores do ColdFusion


Conexo com um banco de dados do ColdFusion
Ao desenvolver um aplicativo da Web do ColdFusion no Dreamweaver, voc se conecta a um banco de dados selecionando uma fonte de dados do ColdFusion definida no Dreamweaver ou no Administrador do ColdFusion, o console de gerenciamento do servidor. Antes de se conectar a um banco de dados, voc deve configurar um aplicativo da Web do ColdFusion. Voc tambm deve configurar um banco de dados no computador local ou em um sistema ao qual voc tem acesso por rede ou FTP. Verifique se o Dreamweaver sabe onde localizar as fontes de dados do ColdFusion. Para recuperar as fontes de dados do ColdFusion no momento da criao, o Dreamweaver coloca os scripts em uma pasta do computador no qual o ColdFusion est em execuo. Voc deve especificar essa pasta na categoria Servidor de teste da caixa de dilogo Definio de sites. Em seguida, voc deve criar uma fonte de dados do ColdFusion no Dreamweaver ou no Administrador do ColdFusion (caso ainda no haja nenhuma). Depois de criar uma fonte de dados do ColdFusion, voc pode us-la no Dreamweaver para se conectar ao banco de dados.

Criar ou modificar uma fonte de dados do ColdFusion


Para poder usar as informaes do banco de dados na pgina, voc deve criar uma fonte de dados do ColdFusion. Caso esteja executando o ColdFusion MX 7 ou posterior, voc pode criar ou modificar diretamente a fonte de dados no Dreamweaver. Caso esteja executando o ColdFusion MX, voc deve usar o console de gerenciamento do servidor, o Administrador do ColdFusion MX, para criar ou modificar a fonte de dados. Nesse caso, voc pode continuar usando o Dreamweaver para abrir o Administrador do ColdFusion MX.

Mais tpicos da Ajuda


Configurar um servidor de teste na pgina 46 Ativar os aprimoramentos feitos no ColdFusion na pgina 674

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 535


Preparao para criao de sites dinmicos

Criar ou modificar uma fonte de dados do ColdFusion caso o ColdFusion MX 7 ou posterior esteja em execuo
1 Verifique se um computador com o ColdFusion MX 7 ou posterior em execuo est definido como servidor de

teste do site.
2 Abra uma pgina do ColdFusion no Dreamweaver. 3 Para criar uma nova fonte de dados, clique no boto de adio (+) do painel Bancos de dados (Janelas > Bancos de

dados) e insira os valores de parmetro especficos do driver de banco de dados. Nota: O Dreamweaver s exibe o boto de adio (+) caso voc esteja executando o ColdFusion MX 7 ou posterior.
4 Para modificar uma fonte de dados, clique duas vezes na conexo de banco de dados no painel Bancos de dados e

faa as alteraes. Voc pode editar qualquer parmetro, exceto o nome da fonte de dados. Para obter mais informaes, consulte a documentao do fornecedor do driver ou o administrador do sistema.

Criar ou modificar uma fonte de dados do ColdFusion caso o ColdFusion MX 6.1 ou 6.0 esteja em execuo
1 Abra uma pgina do ColdFusion no Dreamweaver. 2 No painel Bancos de dados (Janela > Bancos de dados) do Dreamweaver, clique em Modificar fontes de dados na

barra de ferramentas do painel.


3 Faa logon no Administrador do ColdFusion MX e crie ou modifique a fonte de dados.

Para obter instrues, consulte a ajuda do ColdFusion (Ajuda > Ajuda do ColdFusion). Voc deve fornecer determinados valores de parmetro para criar a fonte de dados do ColdFusion. Em relao aos valores de parmetro especficos do driver de banco de dados, consulte a documentao do fornecedor do driver ou o administrador do sistema. Depois de criar uma fonte de dados do ColdFusion, voc pode us-la no Dreamweaver.

Conexo com o banco de dados no Dreamweaver


Depois de criar uma fonte de dados do ColdFusion, use-a para se conectar ao banco de dados no Dreamweaver. Abra qualquer pgina do ColdFusion no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). As fontes de dados do ColdFusion devem ser exibidas no painel. Caso as fontes de dados no sejam exibidas, complete a lista de verificao no painel. Verifique se o Dreamweaver sabe onde localizar as fontes de dados do ColdFusion. Na categoria Servidor de teste da caixa de dilogo Definio de sites, especifique a pasta raiz do site no computador no qual o ColdFusion est em execuo.

Mais tpicos da Ajuda


Soluo de problemas das conexes de banco de dados na pgina 545

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 536


Preparao para criao de sites dinmicos

Conexes de banco de dados para desenvolvedores do ASP


Sobre conexes de banco de dados do ASP
Um aplicativo do ASP deve se conectar a um banco de dados por meio de um driver ODBC (conectividade com banco de dados aberto) ou um provedor OLE DB (banco de dados de vinculao e incorporao de objeto). O driver ou o provedor funciona como um intrprete que permite ao aplicativo da Web se comunicar com o banco de dados. A seguinte tabela mostra alguns drivers que voc pode usar com os bancos de dados Microsoft Access, Microsoft SQL Server e Oracle:
Banco de dados Microsoft Access Driver de banco de dados Driver do Microsoft Access (ODBC) Provedor do Microsoft Jet para Access (OLE DB) Microsoft SQL Server Driver do Microsoft SQL Server (ODBC) Provedor do Microsoft SQL Server (OLE DB) Oracle Driver do Microsoft Oracle (ODBC) Provedor do Oracle para OLE DB

Voc pode usar o DSN (nome de uma fonte de dados) ou a seqncia de caracteres de conexo para se conectar ao banco de dados. Voc deve usar uma seqncia de caracteres de conexo caso esteja se conectando por meio de um provedor OLE DB ou um driver ODBC no esteja instalado em um sistema Windows. Um DSN um identificador com apenas uma palavra como, por exemplo, myConnection, que aponta para o banco de dados e contm todas as informaes necessrias para se conectar a ele. Voc define um DSN no Windows. Voc pode usar um DSN caso esteja se conectando por meio de um driver ODBC instalado em um sistema Windows. Uma seqncia de conexo uma expresso codificada manualmente que identifica o banco de dados e lista as informaes necessrias para se conectar a ele, como mostrado no seguinte exemplo:
Driver={SQL Server};Server=Socrates;Database=AcmeMktg; UID=wiley;PWD=roadrunner

Nota: Voc tambm pode usar uma seqncia de conexo caso esteja se conectando por meio de um driver ODBC instalado em um sistema Windows, embora o uso de um DSN seja mais fcil.

Mais tpicos da Ajuda


Acesso a um banco de dados na pgina 524

Sobre as conexes OLE DB


Voc pode usar um provedor OLE DB para se comunicar com o banco de dados (o OLE DB s est disponvel no Windows NT, 2000 ou XP). A criao de uma conexo OLE DB direta com banco de dados especfico pode aumentar a velocidade da conexo eliminando a camada ODBC entre o aplicativo da Web e o banco de dados. Caso voc no especifique um provedor OLE DB para o banco de dados, o ASP usa o provedor OLE DB padro para drivers ODBC a fim de se comunicar com um driver ODBC que, por sua vez, se comunica com o banco de dados.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 537


Preparao para criao de sites dinmicos

H provedores OLE DB diferentes para bancos de dados diferentes. Voc pode obter provedores OLE DB para o Microsoft Access e o SQL Server baixando e instalando os pacotes do Microsoft Data Access Components (MDAC) 2.5 e 2.7 no computador com o Windows e o IIS em execuo. Voc pode baixar os pacotes MDAC gratuitamente no site da Microsoft em http://msdn.microsoft.com/data/mdac/downloads/. Nota: Verifique se voc instalou o MDAC 2.5 antes da instalao do MDAC 2.7. Voc pode baixar provedores OLE DB para bancos de dados Oracle no site da Oracle em www.oracle.com/technology/software/tech/windows/ole_db/index.html (o registro obrigatrio). No Dreamweaver, voc cria uma conexo OLE DB incluindo um parmetro Provider em uma seqncia de caracteres de conexo. Por exemplo, eis os parmetros de provedores OLE DB comuns para bancos de dados Access, SQL Server e Oracle, respectivamente:
Provider=Microsoft.Jet.OLEDB.4.0;... Provider=SQLOLEDB;... Provider=OraOLEDB;...

Para o valor do parmetro do provedor OLE DB, consulte a documentao do fornecedor do provedor ou o administrador do sistema.

Sobre as seqncias de caracteres de conexo


Uma seqncia de caracteres de conexo combina todas as informaes de que o aplicativo da Web precisa para se conectar a um banco de dados. O Dreamweaver insere essa seqncia de caracteres nos scripts do servidor da pgina para serem processados posteriormente pelo servidor de aplicativo. Uma seqncia de caracteres de conexo para bancos de dados Microsoft Access e SQL Server consiste em uma combinao dos seguintes parmetros separados por pontos-e-vrgulas:
Provedor Especifica o provedor OLE DB para o banco de dados. Por exemplo, eis os parmetros de provedores OLE

DB comuns para bancos de dados Access, SQL Server e Oracle, respectivamente:


Provider=Microsoft.Jet.OLEDB.4.0;... Provider=SQLOLEDB;... Provider=OraOLEDB;...

Para o valor do parmetro do provedor OLE DB, consulte a documentao do fornecedor do provedor ou o administrador do sistema. Caso no inclua um parmetro Provedor, usado o provedor OLE DB padro para ODBC, e voc deve especificar um driver ODBC apropriado ao banco de dados.
Driver Especifica o driver ODBC a ser usado caso voc no especifique um provedor OLE DB para o banco de dados. Servidor Especifica o servidor que hospeda o banco de dados SQL Server caso o aplicativo da Web seja executado em

um servidor diferente.
Banco de dados O nome de um banco de dados SQL Server. DBQ O caminho para um banco de dados baseado em arquivo como, por exemplo, um criado no Microsoft Access. O caminho est no servidor que hospeda o arquivo do banco de dados. UID Especifica o nome do usurio. PWD Especifica a senha do usurio. DSN O nome da fonte de dados, caso voc uma. Dependendo de como define o DSN no servidor, voc pode omitir os

demais parmetros da seqncia de caracteres de conexo. Por exemplo, DSN=Results pode ser uma seqncia de caracteres de conexo vlida caso voc defina os demais parmetros ao criar o DSN.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 538


Preparao para criao de sites dinmicos

As seqncias de caracteres de conexo para outros tipos de bancos de dados talvez no usem os parmetros listados acima ou tero nomes ou usos diferentes quanto aos parmetros. Para obter mais informaes, consulte a documentao do fornecedor do banco de dados ou o administrador do sistema. Eis um exemplo de uma seqncia de caracteres de conexo que criar uma conexo ODBC com um banco de dados do Access chamado trees.mdb:
Driver={Microsoft Access Driver (*.mdb)}; DBQ=C:\Inetpub\wwwroot\Research\trees.mdb

Eis um exemplo de uma conexo que criar uma conexo OLE DB com um banco de dados do SQL Server chamado Mothra localizado em um servidor chamado Gojira:
Provider=SQLOLEDB;Server=Gojira;Database=Mothra;UID=jsmith; PWD=orlando8

Criar uma seqncia de caracteres de conexo usando um DSN local


Nota: Esta seo pressupe que voc tenha configurado um aplicativo do ASP. Ele tambm considera que h um banco de dados configurado no computador local ou em um sistema ao qual voc tem acesso por rede ou FTP. Voc pode usar um DSN para criar uma conexo ODBC entre o aplicativo da Web e o banco de dados. DSN um nome que contm todos os parmetros necessrios para se conectar a um banco de dados especfico usando um driver ODBC. Como s pode especificar um driver ODBC em um DSN, voc deve usar uma seqncia de caracteres de conexo caso queira usar um provedor OLE DB. Voc pode usar um DSN definido localmente para criar uma conexo de banco de dados no Dreamweaver.
1 Defina um DSN no computador com o Windows e o Dreamweaver em execuo.

Para obter instrues, consulte os seguintes artigos no site da Microsoft:

Caso o computador esteja executando o Windows 2000, consulte o artigo da Base de Dados de Conhecimento da
Microsoft 300596 em http://support.microsoft.com/default.aspx?scid=kb;pt_br;300596

Caso o computador esteja executando o Windows XP, consulte o artigo da Base de Dados de Conhecimento da
Microsoft 305599 em http://support.microsoft.com/default.aspx?scid=kb;pt_br;305599
2 Abra uma pgina do ASP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 3 Clique no boto de adio (+) no painel e selecione Nome da fonte de dados (DSN) no menu. 4 Digite um nome para a nova conexo sem espaos ou caracteres especiais. 5 Selecione a opo Usando o DSN local e escolha o DSN que voc deseja usar no menu Nome da fonte de dados

(DSN). Caso voc queira usar um DSN local, mas ainda no tenha definido um, clique em Definir para abrir o Administrador de fonte de dados ODBC do Windows.
6 Complete as caixas Nome do usurio e Senha. 7 Voc pode restringir o nmero de itens de banco de dados que o Dreamweaver recupera durante o design clicando

em Avanado e digitando um nome de esquema ou de catlogo. Nota: Voc no pode criar um esquema ou catlogo no Microsoft Access.
8 Clique em Testar para se conectar ao banco de dados e, depois, clique em OK. Caso haja uma falha na conexo,

clique duas vezes na seqncia de caracteres de conexo ou verifique as configuraes da pasta de teste que o Dreamweaver usa para processar pginas dinmicas.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 539


Preparao para criao de sites dinmicos

Mais tpicos da Ajuda


Restringir informaes de banco de dados exibidas no Dreamweaver na pgina 553 Configurao do computador para o desenvolvimento de aplicativo na pgina 529 Soluo de problemas das conexes de banco de dados na pgina 545

Criar uma seqncia de caracteres de conexo usando um DSN remoto


Nota: Esta seo pressupe que voc tenha configurado um aplicativo do ASP. Ele tambm considera que h um banco de dados configurado no computador local ou em um sistema ao qual voc tem acesso por rede ou FTP. Nota: O Dreamweaver pode recuperar apenas DSNs de servidor criados com o Administrador de fonte de dados ODBC do Windows. Voc pode usar um DSN definido em um computador remoto para criar uma conexo de banco de dados no Dreamweaver. Caso voc queira usar um DSN remoto, o DSN deve ser definido no computador com o Windows e o servidor de aplicativo em execuo (provavelmente, o IIS). Nota: Como s pode especificar um driver ODBC em um DSN, voc deve usar uma seqncia de caracteres de conexo caso queira usar um provedor OLE DB.
1 Defina um DSN no sistema remoto em que o servidor de aplicativo est em execuo.

Para obter instrues, consulte os seguintes artigos no site da Microsoft:

Caso o computador remoto esteja executando o Windows 2000, consulte o artigo da Base de Dados de
Conhecimento da Microsoft 300596 em http://support.microsoft.com/default.aspx?scid=kb;pt_br;300596

Caso o computador remoto esteja executando o Windows XP, consulte o artigo da Base de Dados de Conhecimento
da Microsoft 305599 em http://support.microsoft.com/default.aspx?scid=kb;pt_br;305599
2 Abra uma pgina do ASP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 3 Clique no boto de adio (+) no painel e selecione Nome da fonte de dados (DSN) no menu. 4 Digite um nome para a nova conexo sem espaos ou caracteres especiais. 5 Selecione Usando DSN no servidor de teste.

Nota: Os usurios do Macintosh podem ignorar essa etapa porque todas as conexes de banco de dados usam DSNs no servidor de aplicativo.
6 Digite o DSN ou clique no boto DSN para conect-lo ao servidor e selecione o DSN para o banco de dados que

voc deseja e, em seguida, complete as opes.


7 Complete as caixas Nome do usurio e Senha. 8 Voc pode restringir o nmero de itens de banco de dados que o Dreamweaver recupera durante o design clicando

em Avanado e digitando um nome de esquema ou de catlogo. Nota: Voc no pode criar um esquema ou catlogo no Microsoft Access.
9 Clique em Testar para se conectar ao banco de dados e, depois, clique em OK. Caso haja uma falha na conexo,

clique duas vezes na seqncia de caracteres de conexo ou verifique as configuraes da pasta de teste que o Dreamweaver usa para processar pginas dinmicas.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 540


Preparao para criao de sites dinmicos

Mais tpicos da Ajuda


Configurao do computador para o desenvolvimento de aplicativo na pgina 529 Restringir informaes de banco de dados exibidas no Dreamweaver na pgina 553 Soluo de problemas das conexes de banco de dados na pgina 545

Criar uma conexo usando uma seqncia de caracteres de conexo


Voc pode usar uma conexo sem DSN para criar uma conexo ODBC ou OLE DB entre o aplicativo da Web e o banco de dados. Voc usa uma seqncia de caracteres de conexo para criar esse tipo de conexo.
1 Abra uma pgina do ASP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 2 Clique no boto de adio (+) no painel, selecione Personalizar seqncia de caracteres de conexo no menu,

complete as opes e clique em OK.


3 Digite um nome para a nova conexo sem espaos ou caracteres especiais. 4 Digite uma seqncia de caracteres de conexo para o banco de dados. Se voc no especificar um provedor OLE

DB na seqncia de conexo ou seja, se voc no incluir um parmetro Provider o ASP usar automaticamente o provedor OLE DB dos drivers ODBC. Nesse caso, voc deve especificar um driver ODBC apropriado ao banco de dados. Caso o site seja hospedado por um ISP e voc no saiba o caminho completo do banco de dados, use o mtodo MapPath do objeto de servidor do ASP na seqncia de conexo.
5 Caso o driver de banco de dados especificado na seqncia de caracteres de conexo no esteja instalado no mesmo

computador do Dreamweaver, selecione Usando driver no servidor de teste. Nota: Os usurios do Macintosh podem ignorar essa etapa porque todas as conexes de banco de dados usam o servidor de aplicativo.
6 Voc pode restringir o nmero de itens de banco de dados que o Dreamweaver recupera durante o design clicando

em Avanado e digitando um nome de esquema ou de catlogo. Nota: Voc no pode criar um esquema ou catlogo no Microsoft Access.
7 Clique em Testar para se conectar ao banco de dados e, depois, clique em OK. Caso haja uma falha na conexo,

clique duas vezes na seqncia de caracteres de conexo ou verifique as configuraes da pasta de teste que o Dreamweaver usa para processar pginas dinmicas.

Mais tpicos da Ajuda


Conexo com um banco de dados do ColdFusion na pgina 534 Restringir informaes de banco de dados exibidas no Dreamweaver na pgina 553 Soluo de problemas das conexes de banco de dados na pgina 545

Conexo com um banco de dados em um ISP


Caso seja um desenvolvedor do ASP trabalhando com um ISP (provedor de servios da Internet) comercial, voc normalmente no sabe o caminho fsico dos arquivos que carrega, inclusive do(s) arquivo(s) de banco de dados. Caso o ISP no defina um DSN para voc ou demore muito para fazer isso, voc deve achar outra forma de criar as conexes com os arquivos de banco de dados. Uma alternativa criar uma conexo sem DSN com um arquivo de banco de dados, embora voc s possa definir uma conexo dessa caso conhea o caminho fsico do arquivo de banco de dados no servidor ISP.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 541


Preparao para criao de sites dinmicos

Voc pode obter o caminho fsico de um arquivo de banco de dados usando o mtodo MapPath do objeto de servidor do ASP. Nota: As tcnicas abordadas nesta seo s se aplicam caso o banco de dados seja baseado em arquivo como, por exemplo, um banco de dados Microsoft Access no qual os dados so armazenados em um arquivo .mdb.

Introduo aos caminhos fsico e virtual


Aps o uso do Dreamweaver para carregar os arquivos em um servidor remoto, os arquivos residem em uma pasta na rvore de diretrio local do servidor. Por exemplo, em um servidor com o Microsoft IIS em execuo, o caminho para a home page pode ser o seguinte:
c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm

Esse caminho conhecido como caminho fsico do arquivo. No entanto, o URL para abrir o arquivo no usa o caminho fsico. Ela usa o nome do servidor ou do domnio seguido de um caminho virtual, como mostrado no seguinte exemplo:
www.plutoserve.com/jsmith/index.htm

O caminho virtual, /jsmith/index.htm, se equivale ao caminho fsico, c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm.

Localizar o caminho fsico de um arquivo com o caminho virtual


Caso trabalhe com um ISP, voc nem sempre sabe o caminho fsico dos arquivos que carrega. Os ISPs normalmente oferecem a voc um host FTP, possivelmente um diretrio host, alm de um nome de logon e senha. Os ISPs tambm especificam um URL para exibir as pginas na Internet como, por exemplo, www.plutoserve.com/jsmith/. Caso saiba o URL, voc pode obter o caminho virtual do arquivo trata-se do caminho aps o nome do servidor ou do domnio em um URL. Desde que saiba o caminho virtual, voc pode obter o caminho fsico do arquivo no servidor usando o mtodo MapPath. O mtodo MapPath usa o caminho virtual como argumento e retorna o caminho fsico e o nome do arquivo. Eis a sintaxe do mtodo:
Server.MapPath("/virtualpath")

Caso o caminho virtual de um arquivo seja /jsmith/index.htm, a seguinte expresso retorna o caminho fsico:
Server.MapPath("/jsmith/index.htm")

Voc pode testar o mtodo MapPath da seguinte forma.


1 Abra uma pgina do ASP no Dreamweaver e alterne para a visualizao de cdigo (Exibir > Cdigo). 2 Digite a seguinte expresso no cdigo HTML da pgina.
<%Response.Write(stringvariable)%>

3 Use o mtodo MapPath a fim de obter um valor para o argumento stringvariable.

Eis um exemplo:
<% Response.Write(Server.MapPath("/jsmith/index.htm")) %>

4 Para exibir a pgina, alterne para Visualizao dinmica (Exibir > Visualizao dinmica).

A pgina exibe o caminho fsico do arquivo no servidor de aplicativo, por exemplo:


c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm

Para obter mais informaes sobre o mtodo MapPath, consulte a documentao on-line que acompanha o Microsoft IIS.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 542


Preparao para criao de sites dinmicos

Usar um caminho virtual para se conectar a um banco de dados


Para escrever uma seqncia de caracteres de conexo sem DSN para um arquivo de banco de dados localizado em um servidor remoto, voc deve conhecer o caminho fsico do arquivo. O seguinte exemplo uma seqncia de caracteres de conexo sem DSN para um banco de dados do Microsoft Access:
Driver={Microsoft Access Driver (*.mdb)}; DBQ=c:\Inetpub\wwwroot\accounts\users\jsmith\data\statistics.mdb

Caso no saiba o caminho fsico dos arquivos no servidor remoto, voc pode obt-lo usando o mtodo MapPath na seqncia de caracteres de conexo.
1 Carregue o arquivo de banco de dados no servidor remoto e anote o caminho virtual por exemplo,

/jsmith/data/statistics.mdb.
2 Abra uma pgina do ASP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 3 Clique no boto de adio (+) no painel e selecione Personalizar seqncia de caracteres de conexo no menu. 4 Digite um nome para a nova conexo sem espaos ou caracteres especiais. 5 Digite a seqncia de caracteres de conexo e use o mtodo MapPath para fornecer o parmetro DBQ.

Suponhamos que o caminho virtual para o banco de dados do Microsoft Access seja /jsmith/data/statistics.mdb; a seqncia de caracteres de conexo pode ser expressada da seguinte forma caso voc use VBScript como linguagem de script:
"Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath ("/jsmith/data/statistics.mdb")

O e comercial (&) usado para concatenar (combinar) duas seqncias de caracteres. A primeira seqncia de caracteres colocada entre aspas e a segunda retornada pela expresso Server.MapPath. Quando as duas seqncias de caracteres so combinadas, a seguinte seqncia criada:
Driver={Microsoft Access Driver (*.mdb)}; DBQ=C:\Inetpub\wwwroot\accounts\users\jsmith\data\statistics.mdb

Caso voc use JavaScript, a expresso idntica, exceto se voc usar um sinal de adio (+) em lugar de um e comercial (&) para concatenar as duas seqncias de caracteres:
"Driver={Microsoft Access Driver (*.mdb)};DBQ=" + Server.MapPath ("/jsmith/data/statistics.mdb")

6 Selecione Usando driver no servidor de teste, clique em Testar e, depois, clique em OK.

Nota: Os usurios do Macintosh podem ignorar essa etapa porque todas as conexes de banco de dados usam o servidor de aplicativo. Nota: Caso haja falha na conexo, confirme a seqncia de caracteres de conexo ou entre em contato com o ISP para verificar se o driver de banco de dados que voc especificou na seqncia est instalado no servidor remoto. Tambm verifique se o ISP tem a verso mais recente do driver. Por exemplo, um banco de dados criado no Microsoft Access 2000 no funcionar com o Driver do Microsoft Access 3.5. Voc precisa do Driver do Microsoft Access 4.0 ou posterior.
7 Atualize a conexo de banco de dados das pginas dinmicas existentes (abra a pgina no Dreamweaver, clique duas

vezes no nome do conjunto de registros no painel Ligaes ou Comportamentos de servidor e selecione a conexo que voc acabou de criar no menu Conexo) e use a nova conexo com uma pgina nova que voc criou.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 543


Preparao para criao de sites dinmicos

Editar ou excluir uma conexo de banco de dados


Quando voc cria uma conexo de banco de dados, o Dreamweaver armazena as informaes da conexo em um arquivo de incluso na subpasta Conexes da pasta raiz local do site. Voc pode editar ou excluir as informaes de conexo no arquivo manualmente ou da seguinte forma.

Editar uma conexo


1 Abra uma pgina do ASP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 2 Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) e selecione

Editar conexo no menu.


3 Edite as informaes de conexo e clique em OK.

O Dreamweaver atualiza o arquivo de incluso, que atualiza todas as pginas do site que usam a conexo.

Excluir uma conexo


1 Abra uma pgina do ASP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 2 Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) e selecione

Excluir conexo no menu.


3 Na caixa de dilogo exibida, confirme se voc deseja excluir a conexo.

Nota: Para evitar o recebimento de erros aps a excluso de uma conexo, atualize todos os conjuntos de registros que usam a conexo antiga clicando duas vezes no nome do conjunto no painel Ligaes e escolhendo uma nova conexo.

Conexes de banco de dados para desenvolvedores do PHP


Sobre conexes de banco de dados do PHP
Tendo em vista o desenvolvimento do PHP, o Dreamweaver s d suporte ao sistema de banco de dados MySQL. No h suporte para outros sistemas de banco de dados como, por exemplo, Microsoft Access ou Oracle. O MySQL um software de cdigo-fonte aberto que voc pode baixar gratuitamente na Internet para uso no comercial. Para obter mais informaes, consulte o site do MySQL em http://dev.mysql.com/downloads/. Esta seo pressupe que voc tenha configurado um aplicativo do PHP. Ele tambm considera que h um banco de dados MySQL configurado no computador local ou em um sistema ao qual voc tem acesso por rede ou FTP. Para fins de desenvolvimento, baixe e instale a verso Windows Essentials do servidor de banco de dados MySQL.

Mais tpicos da Ajuda


Configurao de um ambiente de desenvolvimento PHP na pgina 532

Conectar-se a um banco de dados


Para se conectar a um banco de dados durante o desenvolvimento de um aplicativo do PHP no Dreamweaver, voc deve ter um ou mais bancos de dados MySQL e o servidor MySQL deve ser inicializado.
1 Abra uma pgina do PHP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados).

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 544


Preparao para criao de sites dinmicos

2 Clique no boto de adio (+) no painel, selecione Conexo MySQL no menu e complete a caixa de dilogo.

Digite um nome para a nova conexo sem espaos ou caracteres especiais. Na caixa Servidor MySQL, digite um endereo IP ou o nome de um servidor para o computador de hospedagem
do MySQL. Caso o MySQL esteja em execuo no mesmo computador do PHP, voc pode digitar localhost.

Digite o nome do usurio e a senha do MySQL. Na caixa Banco de dados, digite o nome do banco de dados ou clique em Selecionar e selecione o banco de dados
na lista de bancos de dados MySQL e clique em Testar. O Dreamweaver tenta se conectar ao banco de dados. Caso haja falha na conexo, confirme o nome de servidor, o nome de usurio e a senha. Caso a falha na conexo persista, verifique as configuraes da pasta de teste que o Dreamweaver usa para processar as pginas dinmicas. O Dreamweaver escolhe a melhor alternativa para preencher automaticamente o valor do prefixo do URL na categoria Servidor de teste da caixa de dilogo Definio de site, mas algumas vezes ser necessrio que voc ajuste o prefixo do URL para que sua conexo funcione. Certifique-se de que o prefixo do URL seja o URL que os usurios digitam em seus navegadores para abrir o aplicativo da Web, menos o nome do arquivo (ou pgina de incio) do aplicativo.
3 Clique em OK.

Nota: Caso voc receba a mensagem de erro Client does not support authentication protocol requested. Consider upgrading MySQL client ao testar a conexo de banco de dados PHP com o MySQL 4.1, consulte Soluo de problemas de mensagens de erro MySQL na pgina 550.

Editar ou excluir uma conexo de banco de dados


Quando voc cria uma conexo de banco de dados, o Dreamweaver armazena as informaes da conexo em um arquivo de incluso na subpasta Conexes da pasta raiz local do site. Voc pode editar ou excluir as informaes de conexo no arquivo manualmente ou da seguinte forma.

Editar uma conexo


1 Abra uma pgina do PHP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 2 Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) e selecione

Editar conexo no menu.


3 Edite as informaes de conexo e clique em OK.

O Dreamweaver atualiza o arquivo de incluso, que atualiza todas as pginas do site que usam a conexo.

Excluir uma conexo


1 Abra uma pgina do PHP no Dreamweaver e, depois, abra o painel Bancos de dados (Janela > Bancos de dados). 2 Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) e selecione

Excluir conexo no menu.


3 Na caixa de dilogo exibida, confirme se voc deseja excluir a conexo.

Nota: Para evitar o recebimento de erros aps a excluso de uma conexo, atualize todos os conjuntos de registros que usam a conexo antiga clicando duas vezes no nome do conjunto no painel Ligaes e selecionando uma nova conexo na caixa de dilogo Conjunto de registros.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 545


Preparao para criao de sites dinmicos

Soluo de problemas das conexes de banco de dados


Soluo de problemas de permisso
Uma dos problemas mais comuns a insuficincia de permisses de arquivo ou de pasta. Caso o banco de dados esteja localizado em um computador com o Windows 2000 ou o Windows XP e voc receba uma mensagem de erro ao tentar exibir uma pgina dinmica em um navegador da Web ou na Visualizao dinmica, o erro talvez seja por conta de um problema de permisso. A conta do Windows que tenta acessar o banco de dados no tem permisses suficientes. A conta pode ser a conta do Windows annima (por padro, IUSR_computername) ou uma conta de usurio especfica, caso a pgina tenha sido protegida para acesso autenticado. Voc deve alterar as permisses para dar conta IUSR_computername as permisses corretas de forma que o servidor Web possa acessar o arquivo de banco de dados. Alm disso, a pasta que contm o arquivo de banco de dados tambm deve ter determinadas permisses definidas para que seja possvel gravar nesse banco de dados. Caso a pgina deva ser acessada anonimamente, d conta IUSR_computername controle total pasta e ao arquivo de banco de dados, como descrito no procedimento abaixo. Alm disso, caso o caminho do banco de dados seja referenciado usando UNC (\\Servidor\Compartilhamento), verifique se Permisses de compartilhamento do conta IUSR_computername acesso total. Essa etapa se aplica mesmo que o compartilhamento esteja no servidor Web local. Caso voc copie o banco de dados de outro local, talvez ele no herde as permisses da pasta de destino e voc tenha que alterar as permisses para o banco de dados.

Verificar ou alterar as permisses de arquivo do banco de dados (Windows XP)


1 Verifique se voc tem privilgios de administrador no computador. 2 No Windows Explorer, localize o arquivo do banco de dados ou a pasta que contm o banco de dados, clique com

o boto direito do mouse no arquivo ou na pasta e selecione Propriedades.


3 Selecione a aba Segurana.

Nota: Esta etapa s se aplica caso voc tenha um sistema de arquivos NTFS. Se voc tiver um sistema de arquivos FAT, a caixa de dilogo no ter uma aba Segurana.
4 Caso a conta IUSR_computername no esteja listada na lista Nomes de grupo ou de usurio, clique no boto

Adicionar para adicion-la.


5 Na caixa de dilogo Selecionar Usurios e Grupos, clique em Avanado.

A caixa de dilogo alterada para mostrar mais opes.


6 Clique em Locais e selecione o nome do computador. 7 Clique em Localizar agora para exibir uma lista dos nomes de conta associados ao computador. 8 Selecione a conta IUSR_computername e clique em OK; depois, clique em OK novamente para limpar a caixa de

dilogo.
9 Para atribuir permisses totais conta IUSR, selecione Controle total e clique em OK.

Verificar ou alterar as permisses de arquivo do banco de dados (Windows 2000)


1 Verifique se voc tem privilgios de administrador no computador.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 546


Preparao para criao de sites dinmicos

2 No Windows Explorer, localize o arquivo do banco de dados ou a pasta que contm o banco de dados, clique com

o boto direito do mouse no arquivo ou na pasta e selecione Propriedades.


3 Selecione a aba Segurana.

Nota: Esta etapa s se aplica caso voc tenha um sistema de arquivos NTFS. Se voc tiver um sistema de arquivos FAT, a caixa de dilogo no ter uma aba Segurana.
4 Caso a conta IUSR_computername no esteja listada dentre as contas do Windows na caixa de dilogo Permisses

de arquivo, clique no boto Adicionar para adicion-la.


5 Na caixa de dilogo Selecionar usurios, computadores ou grupos, selecione o nome do computador no menu

Pesquisar para exibir uma lista dos nomes da conta associados ao computador.
6 Selecione a conta IUSR_computername e clique em Adicionar. 7 Para atribuir permisses totais conta IUSR, selecione Controle total no menu Tipo de acesso e clique em OK.

Para obter mais segurana, as permisses podem ser definidas de forma que a permisso de Leitura permanea desativada para a pasta da Web que contm o banco de dados. A navegao na pasta no ser permitida, embora as pginas da Web continuem podendo acessar o banco de dados. Para obter mais informaes sobre a conta IUSR e as permisses do servidor Web, consulte as seguintes TechNotes no Centro de Suporte da Adobe:

Understanding anonymous authentication and the IUSR account at www.adobe.com/go/authentication_br Setting IIS web server permissions at www.adobe.com/go/server_permissions_br

Soluo de problemas de mensagens de erro Microsoft


Essas mensagens de erro Microsoft podem ocorrer quando voc solicita uma pgina dinmica do servidor caso use o Internet Information Server (IIS) com um sistema de banco de dados Microsoft como, por exemplo, o Access ou o SQL Server. Nota: A Adobe no d suporte tcnico a softwares de outros fabricantes como, por exemplo, o Microsoft Windows e o IIS. Caso essas informaes no corrijam o problema, entre em contato com o suporte tcnico da Microsoft ou visite o site de suporte Microsoft em http://support.microsoft.com/. Para obter mais informaes sobre erros 80004005, consulte INFO: Troubleshooting Guide for 80004005 Errors in Active Server Pages and Microsoft Data Access Components (Q306518), no site da Microsoft em http://support.microsoft.com/default.aspx?scid=kb;pt_br;Q306518.

[Reference]80004005Nome da fonte de dados no encontrado e nenhum driver padro especificado


Esse erro ocorre quando voc tenta exibir uma pgina dinmica em um navegador da Web ou na Visualizao dinmica. A mensagem de erro pode variar de acordo com o banco de dados e o servidor Web. Entre outras variaes da mensagem de erro esto:

80004005Falha em SQLSetConnectAttr do driver 80004005Erro geral ao no poder abrir a chave do Registro 'DriverId'
Eis as causas possveis e as solues:

A pgina no consegue localizar o DSN. Verifique se um DSN foi criado tanto no servidor Web quanto na mquina
local.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 547


Preparao para criao de sites dinmicos

O DSN pode ter sido definido como um DSN de usurio, e no de sistema. Exclua o DSN de usurio e crie um DSN
de sistema para substitu-lo. Nota: Caso voc no exclua o DSN de usurio, os nomes de DSN duplicados produzem um novo erro ODBC. Caso voc use o Microsoft Access, o arquivo de banco de dados (.mdb) pode estar bloqueado. O bloqueio talvez se deva a um DSN com um nome diferente acessando o banco de dados. No Windows Explorer, procure o arquivo de bloqueio (.ldb) na pasta que contm o arquivo de banco de dados (.mdb) e exclua o arquivo .ldb. Caso haja outro DSN apontando para o mesmo arquivo de banco de dados, exclua o DSN a fim de evitar o erro no futuro. Reinicie o computador depois de fazer todas as alteraes.

[Reference]80004005No foi possvel usar (desconhecido); arquivo j em uso


Esse erro ocorre quando voc usa um banco de dados do Microsoft Access e tenta exibir uma pgina dinmica em um navegador da Web ou na Visualizao dinmica. Outra variao da mensagem de erro 80004005O mecanismo de banco de dados Microsoft Jet no pde abrir o arquivo (desconhecido). A causa provvel um problema de permisso. Eis algumas causas especficas e as solues:

A conta usada pelo Internet Information Server (normalmente, IUSR) talvez no tenha as permisses do Windows
corretas para um banco de dados baseado em arquivo ou para a pasta que contm o arquivo. Verifique as permisses na conta do IIS (IUSR) no gerenciador de usurios.

Voc talvez no tenha permisso para criar ou destruir arquivos temporrios. Verifique as permisses quanto ao
arquivo e pasta. Verifique se voc tem permisso para criar ou destruir algum arquivo temporrio. Os arquivos temporrios so normalmente criados na mesma pasta do banco de dados, embora o arquivo tambm possa ser criado em outras pastas como, por exemplo, /Winnt.

No Windows 2000, talvez seja necessrio alterar o valor de tempo-limite para o DSN do banco de dados do Access.
Para alterar o valor de tempo-limite, selecione Iniciar > Configuraes > Painel de Controle > Ferramentas Administrativas > Fontes de Dados (ODBC). Clique na aba Sistema, realce o DSN correto e clique no boto Configurar. Clique no boto Opes e altere o valor Tempo limite da pgina para 5000. Caso os problemas persistam, consulte os seguintes artigos da Base de Dados de Conhecimento da Microsoft:

PRB: 80004005 Couldn't Use (unknown); File Already in Use at


http://support.microsoft.com/default.aspx?scid=kb;pt_br;Q174943.

PRB: Microsoft Access Database Connectivity Fails in Active Server Pages at


http://support.microsoft.com/default.aspx?scid=kb;pt_br;Q253604.

PRB: Error Cannot Open File Unknown Using Access at


http://support.microsoft.com/default.aspx?scid=kb;pt_br;Q166029.

[Reference]80004005Falha no logon()
Esse erro ocorre quando voc usa o Microsoft SQL Server e tenta exibir uma pgina dinmica em um navegador da Web ou na Visualizao dinmica. Esse erro gerado pelo SQL Server caso voc no aceite ou reconhea a conta do logon ou a senha enviada (caso voc esteja usando a segurana padro), ou caso uma conta do Windows no esteja mapeada para uma conta SQL (caso voc esteja usando a segurana integrada). Eis as solues possveis:

Caso voc use a segurana padro, o nome da conta e a senha talvez estejam incorretos. Tente usar a conta Admin
do sistema e a senha (UID= sa e sem senha), que devem ser definidas na linha da seqncia de caracteres de conexo. (Os DSNs no armazenam nomes de usurio e senhas.)

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 548


Preparao para criao de sites dinmicos

Caso voc use segurana integrada, verifique a conta do Windows chamando a pgina e localize a conta SQL
mapeada (caso haja alguma).

O SQL Server no permite sublinhados em nomes de conta SQL. Se algum mapear manualmente a conta do
Windows IUSR_machinename para uma conta SQL com o mesmo nome, haver uma falha. Mapeie uma conta que usa um sublinhado para um nome de conta no SQL que no usa um sublinhado.

[Reference]80004005Operao deve usar uma consulta atualizvel


Esse erro ocorre quando um evento atualiza um conjunto de registros ou insere dados em um conjunto. Eis as causas possveis e as solues:

As permisses definidas na pasta que contm o banco de dados so muito restritivas. Os privilgios IUSR devem
ser definidos como leitura/gravao.

As permisses no arquivo de banco de dados propriamente dito no tm privilgios de leitura/gravao em vigor. O banco de dados deve estar localizado fora do diretrio Inetpub/wwwroot. Embora possa exibir e pesquisar os
dados, voc talvez no consiga atualiz-los a menos que o banco de dados esteja localizado no diretrio wwwroot.

O conjunto de registros se baseia em uma consulta no atualizvel. Ingressos so bons exemplos de consultas no
atualizveis dentro de um banco de dados. Reestruture as consultas para que elas sejam atualizveis. Para obter mais informaes sobre o erro, consulte PRB: ASP Error The Query Is Not Updateable When You Update Table Record, na Base de Dados de Conhecimento da Microsoft em http://support.microsoft.com/default.aspx?scid=kb;pt_br;Q174640.

[Reference]80040e07Tipo de dados no correspondente na expresso de critrios


Esse erro ocorre quando o servidor tenta processar uma pgina que contm um comportamento de servidor Inserir registro ou Atualizar registro, e o comportamento de servidor tenta definir o valor de uma coluna Data/hora de um banco de dados do Microsoft Access como uma seqncia de caracteres vazia (""). O Microsoft Access tem tipo de dados acentuado; ele impe um conjunto de regras rigorosas em determinados valores de coluna. O valor de seqncia de caracteres vazia na consulta SQL no pode ser armazenada em uma coluna Data/hora do Access. Atualmente, a nica alternativa conhecida evitar a insero ou a excluso de colunas Data/hora no Access com seqncias de caracteres vazias ("") ou com qualquer outro valor que no corresponda faixa de valores especificada para o tipo de dados.

[Reference]80040e10Poucos parmetros
Esse erro ocorre quando uma coluna especificada na consulta SQL no existe na tabela do banco de dados. Compare os nomes da coluna na tabela do banco de dados com a consulta SQL. A causa desse erro costuma ser um erro tipogrfico.

[Reference]80040e10Campo COUNT incorreto


Esse erro ocorre quando voc visualiza uma pgina que contm um comportamento de servidor Inserir registro em um navegador da Web e tenta us-lo para inserir um registro em um banco de dados do Microsoft Access. Voc talvez esteja tentando inserir um registro em um campo de banco de dados que apresenta um ponto de interrogao (?) no nome. O ponto de interrogao um caractere especial para alguns mecanismos de banco de dados, inclusive o Microsoft Access, e no deve ser usado em nomes de tabela de banco de dados ou em nomes de campo. Abra o sistema de banco de dados e exclua o ponto de interrogao (?) dos nomes de campo e atualize os comportamentos de servidor na pgina que se referem ao campo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 549


Preparao para criao de sites dinmicos

[Reference]80040e14Erro de sintaxe na instruo INSERT INTO


Esse erro ocorre quando o servidor tenta processar uma pgina que contenha um comportamento de servidor Inserir registro. Esse erro normalmente resulta de um ou mais dos seguintes problemas com o nome de um campo, objeto ou varivel no banco de dados:

O uso de uma palavra reservada como nome. A maioria dos bancos de dados tem um conjunto de palavras
reservadas. Por exemplo, data uma palavra reservada e no pode ser usada em nomes de coluna em um banco de dados.

O uso de caracteres especiais no nome. Entre os exemplos de caracteres especiais esto:


./*:!#&-?

O uso de um espao no nome.


O erro tambm pode ocorrer quando uma mscara de entrada definida para um objeto no banco de dados, e os dados inseridos no correspondem mascara. Para corrigir o problema, evite o uso de palavras reservadas como, por exemplo, data, nome, seleo, onde e nvel ao especificar nomes de coluna no banco de dados. Alm disso, elimine os espaos e os caracteres especiais. Consulte as seguintes pginas da Web para obter listas de palavras reservadas para sistemas de banco de dados comuns:

Microsoft Access em http://support.microsoft.com/default.aspx?scid=kb;pt_br;Q209187 Microsoft SQL Server em http://msdn.microsoft.com/library/default.asp?url=/library/pt_br/tsqlref/ts_rarz_9oj7.asp

MySQL em http://dev.mysql.com/doc/mysql/en/reserved-words.html

[Reference]80040e21Erro de ODBC ao inserir ou atualizar


Esse erro ocorre quando o servidor tenta processar uma pgina que contenha um comportamento de servidor Atualizar registro ou Inserir registro. O banco de dados no pode lidar com a operao de atualizao ou de insero que o comportamento de servidor est tentando realizar. Eis as causas possveis e as solues:

O comportamento de servidor est tentando atualizar um campo de numerao automtica da tabela do banco de
dados ou inserir um registro em um campo de numerao automtica. Como os campos de numerao automtica so preenchidos automaticamente pelo sistema de banco de dados, qualquer tentativa de preench-los externamente usando um valor resultar em falha.

Os dados que o comportamento de servidor est atualizando ou inserindo so do tipo errado para o campo de
banco de dados como, por exemplo, inserir um campo booleano (sim/no), inserir uma seqncia de caracteres em um campo numrico ou inserir uma seqncia de caracteres formatada incorretamente no campo Data/hora.

[Reference]800a0bcdBOF ou EOF verdadeiro


Esse erro ocorre quando voc tenta exibir uma pgina dinmica em um navegador da Web ou na Visualizao dinmica. O problema ocorre quando a pgina tenta exibir dados de um conjunto de registros vazio. Para resolver o problema, aplique o comportamento de servidor Mostrar regio para que o contedo dinmico seja exibido na pgina da seguinte forma:
1 Realce o contedo dinmico na pgina.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 550


Preparao para criao de sites dinmicos

2 No painel Comportamentos de servidor, clique no boto de adio (+) e selecione Mostrar regio > Mostrar regio

se conjunto de registros no estiver vazio.


3 Selecione o conjunto de registros fornecendo o contedo dinmico e clique em OK. 4 Repita as etapas de 1 a 3 para cada elemento de contedo dinmico na pgina.

Soluo de problemas de mensagens de erro MySQL


Uma mensagem de erro que voc recebe normalmente ao testar uma conexo de banco de dados do PHP com o MySQL 4.1 Client does not support authentication protocol requested. Consider upgrading MySQL client. Voc talvez tenha que reverter para uma verso anterior do MySQL ou instalar o PHP 5 e copiar algumas DLLs (bibliotecas de links dinmicos). Para obter instrues detalhadas, consulte Configurao de um ambiente de desenvolvimento PHP na pgina 532. Tambm consulte as seguintes TechNotes:

TechNote c45f8a29 em www.adobe.com/go/c45f8a29_br. TechNote 16515 em www.adobe.com/go/16515_br.

Remoo de scripts de conexo


Uso do comando Remover scripts de conexo
Voc pode usar o comando Remover scripts de conexo para remover scripts que o Dreamweaver coloca em uma pasta remota para acessar bancos de dados. Esses scripts s so necessrios na criao durante o design no Dreamweaver. Quando voc seleciona a opo Usando driver no servidor de teste ou Usando o DSN no servidor de teste na caixa de dilogo Conexes do banco de dados, o Dreamweaver carrega um arquivo de script MMHTTPDB no servidor de teste. Isso permite que o Dreamweaver manipule o driver de banco de dados remoto com o protocolo HTTP, o que, por sua vez, permite ao Dreamweaver obter as informaes de banco de dados de que ele precisa para ajudar a criar o site. No entanto, esse arquivo permite ver os DSNs definidos no sistema. Caso os DSNs e os bancos de dados no sejam protegidos por senha, o script tambm permite quem um invasor emita comandos SQL para o banco de dados. Os arquivos de script MMHTTPDB esto localizados na pasta _mmServerScripts, que est localizada na raiz do site. Nota: O navegador de arquivos do Dreamweaver (o painel Arquivos) oculta a pasta _mmServerScripts. Voc pode ver a pasta _mmServerScripts caso use um cliente FTP de outro fabricante ou navegador de arquivos. Em algumas configuraes, esses scripts no so to necessrios. Como no esto envolvidos quando voc apresenta pginas da Web aos visitantes do site, os scripts no devem ser colocados em um servidor de produo. Caso tenha carregado o arquivo de scripts MMHTTPDB em um servidor de produo, voc deve exclu-lo. O comando Remover scripts de conexo remove automaticamente os arquivos de script para voc. Para obter mais informaes, consulte TechNote 19214 no site da Adobe em www.adobe.com/go/19214_br.

ltima atualizao em 28/4/2010

551

Captulo 19: Como tornar pginas dinmicas


Voc pode criar pginas dinmicas que exibam informaes de fontes de contedo dinmico como, por exemplo, bancos de dados e variveis de sesso. O Adobe Dreamweaver CS5 d suporte ao desenvolvimento de pgina dinmica para modelos de servidor ColdFusion, ASP e PHP. Voc tambm pode usar uma estrutura baseada em Ajax chamada Spry para criar pginas dinmicas que exibam e processem dados em XML. O uso de elementos de formulrio do Spry criados previamente permite criar pginas dinmicas que no exigem uma atualizao de pgina inteira.

Otimizao da rea de trabalho para desenvolvimento visual


Exibio de painis de desenvolvimento de aplicativo da Web
Selecione a categoria Dados no menu pop-up Categoria do painel Inserir para exibir um conjunto de botes que permitem adicionar contedo dinmico e comportamentos de servidor sua pgina. O nmero e o tipo de botes exibidos variam de acordo com o tipo de documento aberto na janela Documento. Mova o mouse sobre um cone para exibir uma dica de ferramenta que descreve o que o boto faz. O painel Inserir inclui botes para adicionar os seguintes itens pgina:

Conjuntos de registros Texto dinmico ou tabelas Barras para navegao em registros


Caso voc alterne para a Visualizao de cdigo (Exibir > Cdigo), painis adicionais podero ser exibidos na prpria categoria painel Inserir, o que permite inserir cdigo na pgina. Por exemplo, caso voc veja uma pgina do ColdFusion na Visualizao de cdigo, um painel CFML disponibilizado na categoria CFML do painel Inserir. Vrios painis oferecem forma de criar pginas dinmicas:

Selecione o painel Ligaes (Janela > Ligaes) a fim de definir fontes de contedo dinmico para a pgina e
adicionar o contedo pgina.

Selecione o painel Comportamentos de servidor (Janela > Comportamentos de servidor) para adicionar lgica
do servidor a pginas dinmicas.

Selecione o painel Bancos de dados (Janela >Bancos de dados) para explorar bancos de dados ou criar conexes
de banco de dados.

Selecione o painel Componentes (Janela > Componentes) para inspecionar, adicionar ou modificar os cdigos
dos componentes do ColdFusion. Nota: O painel Componentes s ativado quando se abre uma pgina do ColdFusion. Um comportamento de servidor o conjunto de instrues inserido em uma pgina dinmica durante o design e executado no servidor durante o runtime.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 552


Como tornar pginas dinmicas

Para obter um tutorial sobre a configurao da rea de trabalho de desenvolvimento, consulte www.adobe.com/go/vid0144_br.

Mais tpicos da Ajuda


Painel Ligaes na pgina 561 Painel Comportamentos de servidor na pgina 562 Painel Bancos de dados na pgina 562 Painel Componentes na pgina 563 Tutorial da rea de trabalho de desenvolvimento

Exibir o banco de dados dentro do Dreamweaver


Depois de se conectar ao banco de dados, voc pode exibir a estrutura e os dados dentro do Dreamweaver.
1 Abra o painel Bancos de dados (Janela > Bancos de dados).

O painel Bancos de dados exibe todos os bancos de dados para os quais voc criou conexes. Caso voc esteja desenvolvendo um site do ColdFusion, o painel exibe todos os bancos de dados que tm fontes de dados definidas no Administrador do ColdFusion. Nota: O Dreamweaver procura o site atual no servidor do ColdFusion que voc definiu. Caso nenhum banco de dados seja exibido no painel, voc deve criar uma conexo de banco de dados.
2 Para exibir as tabelas, os procedimentos armazenados e as visualizaes no banco de dados, clique no sinal de

adio (+) ao lado de uma conexo na lista.


3 Para exibir as colunas da tabela, clique no nome de uma tabela.

Os cones da coluna refletem o tipo de dados e indicam a chave primria da tabela.


4 Para exibir os dados de uma tabela, clique com o boto direito do mouse (Windows) ou clique mantendo a tecla

Control pressionada (Macintosh) no nome da tabela na lista e selecione Exibir dados no menu pop-up.

Mais tpicos da Ajuda


Configurao de um ambiente de desenvolvimento ColdFusion na pgina 531 Configurao de um ambiente de desenvolvimento PHP na pgina 532 Configurao de um ambiente de desenvolvimento ASP na pgina 532

Visualizao de pginas dinmicas em um navegador


Os desenvolvedores de aplicativo da Web costumam depurar as pginas clicando nelas normalmente em um navegador da Web. Voc pode exibir rapidamente pginas dinmicas em um navegador sem carreg-las inicialmente em um servidor (pressione F12). Para visualizar pginas dinmicas, preencha a categoria Servidor de teste da caixa de dilogo Definio de sites. Voc pode especificar que o Dreamweaver usa arquivos temporrios, e no os arquivos originais. Com essa opo, o Dreamweaver executa uma cpia temporria da pgina em um servidor Web antes de exibi-la no navegador. (Em seguida, o Dreamweaver exclui o arquivo temporrio do servidor.) Para definir essa opo, selecione Editar > Preferncias > Visualizar no navegador.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 553


Como tornar pginas dinmicas

A opo Visualizar no navegador no carrega pginas relacionadas como, por exemplo, uma pgina de resultados ou detalhada, arquivos dependentes como arquivos de imagem ou incluses do servidor. Para carregar um arquivo no encontrado, selecione Janela > Site para abrir o painel Site, escolha o arquivo em Pasta local e clique na seta para cima azul na barra de ferramentas a fim de copiar o arquivo para a pasta do servidor Web.

Mais tpicos da Ajuda


Configurar um servidor de teste na pgina 46

Restringir informaes de banco de dados exibidas no Dreamweaver


Usurios avanados de sistemas de bancos de dados grandes como o Oracle devem restringir o nmero de itens de banco de dados recuperados e exibidos pelo Dreamweaver durante o design. Um banco de dados Oracle pode conter itens que o Dreamweaver no pode processar durante o design. Voc pode criar um esquema no Oracle e us-lo no Dreamweaver para filtrar itens desnecessrios durante o design. Nota: Voc no pode criar um esquema ou catlogo no Microsoft Access. Outros usurios podem aproveitar a restrio da quantidade de informaes que o Dreamweaver recupera durante o design. Alguns bancos de dados contm dezenas ou mesmo centenas de tabelas, e talvez voc prefira no listar todas elas enquanto trabalha. Um esquema ou catlogo pode restringir o nmero de itens de banco de dados recuperados durante o design. Voc deve criar um esquema ou catlogo no sistema de banco de dados para poder aplic-lo no Dreamweaver. Consulte a documentao do sistema de banco de dados ou o administrador do sistema. Nota: Voc no pode aplicar um esquema ou catlogo no Dreamweaver caso esteja desenvolvendo um aplicativo do ColdFusion ou usando o Microsoft Access.
1 Abra uma pgina dinmica no Dreamweaver e, em seguida, abra o painel Bancos de dados (Janela > Bancos de

dados).

Caso haja uma conexo de banco de dados, clique com o boto direito do mouse (Windows) ou clique mantendo
a tecla Control pressionada (Macintosh) na lista e selecione Editar conexo no menu pop-up.

Caso a conexo no exista, clique no boto de adio (+) na parte superior do painel e a crie.
2 Na caixa de dilogo da conexo, clique em Avanado. 3 Especifique o esquema ou o catlogo e clique em OK.

Definir o Inspetor de propriedades para procedimentos armazenados do ColdFusion e comandos do ASP


Modifique o procedimento armazenado selecionado. As opes disponveis variam de acordo com a tecnologia do servidor.
Edite todas as opes. Quando voc seleciona uma nova opo no inspetor, o Dreamweaver atualiza a pgina.

Mais tpicos da Ajuda


Editar contedo dinmico na pgina 581

Opes de Entrada
O Inspetor de propriedades exibido quando o Dreamweaver encontra um tipo de entrada no reconhecido. Esse erro normalmente ocorre por conta de uma digitao ou de outro erro na entrada dos dados.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 554


Como tornar pginas dinmicas

Caso voc altere o tipo de campo no Inspetor de propriedades para um valor que o Dreamweaver reconhece por exemplo, caso voc corrija o erro ortogrfico , o Inspetor de propriedades atualizado para mostrar as propriedades do tipo reconhecido. Defina qualquer uma das seguintes opes no Inspetor de propriedades:
Entrada Atribui um nome ao campo. Essa caixa obrigatria, e o nome deve ser exclusivo. Tipo Define o tipo de entrada do campo. O contedo da caixa reflete o valor do tipo de entrada exibido atualmente no cdigo-fonte HTML. Valor Define o valor do campo. Parmetros Abre a caixa de dilogo Parmetros para que voc possa exibir os atributos atuais do campo, bem como

adicionar ou remover atributos.

Criao de pginas dinmicas


Dreamweaver e design de pgina dinmica
Siga estas etapas gerais para projetar e criar com xito um site dinmico.
1 Criar a pgina.

Uma das etapas principais da criao de qualquer site seja esttico ou dinmico o design visual da pgina. Durante a adio de elementos dinmicos a uma pgina da Web, o design da pgina se torna essencial usabilidade. Voc deve pensar bem em como os usurios iro interagir com as pginas individuais e os sites como um todo. Um mtodo comum de incorporao de contedo dinmico a uma pgina da Web criar uma tabela para apresentar contedo e importar contedo dinmico para uma ou mais clulas da tabela. Usando esse mtodo, voc pode apresentar informaes de vrios tipos em um formato estruturado.
2 Crie uma fonte de contedo dinmico.

Os sites dinmicos precisam de uma fonte de contedo da qual extraem dados para que possam exibi-los em uma pgina da Web. Para poder usar fontes de contedo em uma pgina da Web, voc deve fazer o seguinte:

Crie uma conexo com a fonte de contedo dinmico (como, por exemplo, um banco de dados) e o servidor de
aplicativo que processa a pgina. Crie a fonte de dados usando o painel Ligaes; em seguida, voc pode selecionar e inserir a fonte de dados na pgina.

Especifique quais informaes no banco de dados voc deseja exibir ou quais variveis deve incluir na pgina
criando um conjunto de registros. Voc tambm pode testar a consulta na caixa de dilogo Conjunto de registros e fazer todos os ajustes necessrios antes de adicion-los ao painel Ligaes.

Selecione e insira elementos de contedo dinmico na pgina selecionada.


3 Adicione contedo dinmico pgina da Web.

Depois de definir um conjunto de registros ou outra fonte de dados e adicion-lo ao painel Ligaes, voc pode inserir o contedo dinmico que o conjunto de registros representa na pgina. A interface controlada por menu do Dreamweaver simplifica a adio de elementos de contedo dinmico tanto quanto a seleo de uma fonte de contedo dinmico no painel Ligaes, alm de sua insero em texto, imagem ou objeto de formulrio dentro da pgina atual.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 555


Como tornar pginas dinmicas

Quando voc insere um elemento de contedo dinmico ou outro comportamento em uma pgina, o Dreamweaver insere um script do servidor no cdigo-fonte da pgina. Esse script instrui o servidor a recuperar dados da fonte definida e process-los dentro da pgina da Web. Para colocar contedo dinmico em uma pgina da Web, voc pode seguir um dos seguintes procedimentos:

Coloque-o no ponto de insero na Visualizao de cdigo ou de design. Substitua uma seqncia de caracteres de texto ou outro alocador de espao.
Insira-o em um atributo HTML. Por exemplo, o contedo dinmico pode definir o atributo src de uma imagem ou o atributo value de um campo de formulrio.
4 Adicione comportamentos de servidor a uma pgina.

Alm de adicionar contedo dinmico, voc pode incorporar uma lgica de aplicativo complexa a pginas da Web usando comportamentos de servidor. Comportamentos de servidor so partes predefinidas de cdigo do servidor que adicionam lgica de aplicativo a pginas da Web, proporcionando maior interao e funcionalidade. Os comportamentos de servidor do Dreamweaver permitem adicionar lgica de aplicativo a um site sem a necessidade de que voc escreva o cdigo. Os comportamentos de servidor fornecidos com o Dreamweaver do suporte a tipos de documento do ColdFusion, ASP, e PHP. Os comportamentos de servidor so escritos e testados para que sejam rpidos, seguros e eficientes. Os comportamentos de servidor incorporados do suporte a pginas da Web em vrias plataformas para todos os navegadores. O Dreamweaver fornece uma interface apontar e clicar que torna a aplicao de contedo dinmico e de comportamentos complexos a uma pgina to fcil quanto a insero de elementos de texto e design. Os seguintes comportamentos de servidor esto disponveis:

Defina um conjunto de registros de um banco de dados existente. Em seguida, o conjunto de registros que voc
define armazenado no painel Ligaes.

Exiba vrios registros em uma nica pgina. Voc seleciona uma tabela inteira ou clulas individuais ou linhas
com contedo dinmico e especifica o nmero de registros a serem exibidos em cada visualizao de pgina.

Crie e insira uma tabela dinmica em uma pgina e associe a tabela a um conjunto de registros. Voc pode
modificar posteriormente a aparncia da tabela e a regio repetitiva usando o Inspetor de propriedades e o comportamento de servidor Regio repetitiva, respectivamente.

Insira um objeto de texto dinmico em uma pgina. O objeto de texto que voc insere um item de um conjunto
de registros predefinido ao qual possvel aplicar qualquer um dos formatos de dados.

Crie controles de navegao em registros e de status, pginas mestre/detalhadas e formulrios para a atualizao
das informaes em um banco de dados.

Exiba mais de um registro de um banco de dados. Crie links para navegao no conjunto de registros que permitam aos usurios exibir os registros anterior ou
seguinte de um banco de dados.

Adicione um contador de registros para ajudar os usurios a controlar quantos registros retornaram e onde eles
se encontram no resultado retornado. Voc tambm pode estender os comportamentos de servidor do Dreamweaver escrevendo comportamentos de servidor prprios ou instalando de outros fabricantes.
5 Teste e depure a pgina.

Antes de criar uma pgina dinmica ou um site inteiro disponvel na Web, voc deve testar sua funcionalidade. Voc tambm deve considerar como a funcionalidade do aplicativo pode afetar pessoas com deficincias. Para obter um tutorial sobre a criao de pginas dinmicas, consulte www.adobe.com/go/learn_dw_webapp_br.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 556


Como tornar pginas dinmicas

Mais tpicos da Ajuda


Apresentao do contedo em tabelas na pgina 175 Adio e formatao do texto na pgina 217 Adio e modificao de imagens na pgina 233 Insero de arquivos SWF na pgina 246

Viso geral das fontes de contedo dinmico


Sobre as fontes de contedo dinmico
Uma fonte de contedo dinmico um armazenamento das informaes das quais voc pode recuperar e exibir contedo dinmico a ser usado em uma pgina da Web. Entre as fontes de contedo dinmico esto no apenas as informaes armazenadas em um banco de dados, mas os valores enviados por formulrios em HTML, valores contidos em objetos de servidor e outras fontes de contedo. O Dreamweaver permite que voc se conecte a um banco de dados e crie um conjunto de registros do qual extrair contedo dinmico. Um conjunto de registros o resultado de uma consulta de banco de dados. Ele extrai as informaes especficas que voc solicita e permite exibir essas informaes dentro de uma pgina especificada. Voc define o conjunto de registros com base nas informaes contidas no banco de dados e no contedo que deseja exibir. Fornecedores de tecnologia diferentes podem usar terminologias distintas quanto a um conjunto de registros. No ASP e no ColdFusion, um conjunto de registros definido como uma consulta. Caso voc esteja usando outras fontes de dados como, por exemplo, entrada do usurio ou variveis de servidor, o nome da fonte de dados definido no Dreamweaver o mesmo nome da fonte de dados. Os sites dinmicos exigem uma fonte de dados da qual possam recuperar e exibir contedo dinmico. O Dreamweaver permite que voc use bancos de dados, variveis de solicitao, variveis de URL, variveis de servidor, variveis de formulrio, procedimentos armazenados e outras fontes de contedo dinmico. Dependendo da fonte de dados, voc pode recuperar o novo contedo para atender a uma solicitao ou modificar a pgina para atender s necessidades dos usurios. Qualquer fonte de contedo que voc define no Dreamweaver adicionada lista das fontes de contedo do painel Ligaes. Em seguida, voc pode inserir a fonte de contedo na pgina selecionada atualmente.

Sobre conjuntos de registros


As pginas da Web no podem acessar diretamente os dados armazenados em um banco de dados. Na verdade, elas interagem com um conjunto de registros. Um conjunto de registros um subconjunto das informaes (registros), extradas do banco de dados usando uma consulta do banco de dados. Uma consulta uma instruo de pesquisa projetada para localizar e extrair informaes especficas em um banco de dados. Ao usar um banco de dados como uma fonte de contedo para uma pgina da Web dinmica, voc deve criar inicialmente um conjunto de registros no qual armazena os dados recuperados. Os conjuntos de registros funcionam como um intermedirio entre o banco de dados que armazena o contedo e o servidor de aplicativo que gera a pgina. Conjuntos de registros so armazenados temporariamente na memria do servidor do aplicativo para recuperao de dados mais rpida. O servidor descarta o conjunto de registros quando no for mais necessrio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 557


Como tornar pginas dinmicas

Uma consulta pode produzir um conjunto de registros que inclui apenas determinadas colunas, certos registros ou combinaes de ambos. Um conjunto de registros tambm pode incluir todos os registros e colunas de uma tabela de banco de dados. No entanto, como os aplicativos raramente precisam usar todos os dados de um banco de dados, voc deve procurar criar conjuntos de registros com o menor tamanho possvel. Como o servidor Web mantm temporariamente o conjunto de registros na memria, o uso de um conjunto de registros menor requer menos memria e pode melhorar o desempenho do servidor. As consultas de banco de dados so escritas em SQL (linguagem de consulta estruturada), uma linguagem simples que permite recuperar, adicionar e excluir dados em um banco de dados. O construtor SQL includo no Dreamweaver permite criar consultas simples sem que voc precise compreender SQL. Entretanto, se voc quiser criar consultas complexas em SQL, um conhecimento bsico dessa linguagem permite criar consultas mais avanadas, alm de proporcionar mais flexibilidade na criao de pginas dinmicas. Antes de definir um conjunto de registros com o Dreamweaver, voc deve criar uma conexo com um banco de dados e caso no haja nenhum dado inserir dados no banco de dados. Caso voc ainda no tenha definido uma conexo de banco de dados para o site, consulte o captulo sobre a conexo de banco de dados referente tecnologia de servidor para a qual est desenvolvendo e siga as instrues sobre a criao de uma conexo de banco de dados.

Mais tpicos da Ajuda


Definir um conjunto de registros sem escrever em SQL na pgina 563

Sobre os parmetros de URL e de formulrio


Os parmetros de URL armazenam informaes recuperadas de entradas dos usurios. Para definir um parmetro de URL voc cria um formulrio ou link de hipertexto que usa o mtodo OBTER para enviar dados. As informaes so acrescentadas ao URL da pgina solicitada e comunicadas ao servidor. Durante o uso de variveis de URL, a seqncia de caracteres de consulta contm um ou mais pares nome/valor associados aos campos de formulrio. Esses pares nome/valor so acrescentados ao URL. Os parmetros de formulrio armazenam informaes recuperadas includas na solicitao HTTP de uma pgina da Web. Caso voc crie um formulrio que usa o mtodo POSTAR, os dados enviados pelo formulrio so passados para o servidor. Antes de comear, verifique se voc passou um parmetro de formulrio ao servidor.

Mais tpicos da Ajuda


Parmetros de URL na pgina 657 Definir parmetros de formulrio na pgina 570

Sobre as variveis de sesso


As variveis de sesso permitem armazenar e exibir informaes mantidas durante a visita de um usurio (ou sesso). O servidor cria um objeto de sesso diferente para cada usurio e o mantm durante um perodo estabelecido ou at que o objeto seja encerrado explicitamente. Como as variveis de sesso duram em toda a sesso do usurio e se mantm quando o usurio deixa uma pgina para outra dentro do site, elas so ideais para o armazenamento de referncias do usurio. As variveis de sesso tambm podem ser usadas na insero de um valor no cdigo HTML da pgina, na atribuio de um valor a uma varivel local ou no fornecimento de um valor para avaliar uma expresso condicional. Antes de definir variveis de sesso para uma pgina, voc deve cri-las no cdigo-fonte. Depois de criar uma varivel de sesso no cdigo-fonte do aplicativo da Web, voc pode usar o Dreamweaver para recuperar seu valor e us-lo em uma pgina da Web.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 558


Como tornar pginas dinmicas

Como funcionam as variveis de sesso


As variveis de sesso armazenam informaes (normalmente parmetros de formulrio ou de URL enviados por usurios) e as disponibilizam a todas as pginas de um aplicativo da Web durante a visita do usurio. Por exemplo, quando os usurios fazem logon em um portal da Web que fornece acesso a emails, cotaes, previses do tempo e notcias dirias, o aplicativo da Web armazena as informaes de logon em uma varivel de sesso que identifica o usurio em todas as pginas do site. Isso permite que o usurio veja apenas os tipos de contedo que selecionou enquanto navega no site. As variveis de sesso tambm podem fornecer um mecanismo de segurana ao encerrar a sesso do usurio caso a conta permanea inativa durante um determinado perodo. Isso tambm libera memria do servidor e recursos de processamento caso o usurio se esquea de fazer logoff em um site. As variveis de sesso armazenam informaes durante a vida da sesso de uso. A sesso comea quando o usurio abre uma pgina dentro do aplicativo e encerra quando ele no abre outra pgina do aplicativo durante um determinado perodo ou quando encerra explicitamente a sesso (normalmente clicando em um link fazer logoff). Enquanto existir, a sesso ser especfica de um usurio individual, e todos os usurios tm uma sesso separada. Use variveis de sesso para armazenar informaes que qualquer pgina de um aplicativo da Web possa acessar. As informaes podem ser to diversificadas quanto o nome de usurio, o tamanho da fonte preferencial ou o sinalizador que indica se o usurio fez o logon com xito. Outro uso comum das variveis de sesso manter um valor em execuo como, por exemplo, o nmero de perguntas respondidas corretamente at ento em um quiz on-line ou os produtos que o usurio selecionou de um catlogo on-line. As variveis de sesso s podem funcionar caso o navegador do usurio esteja configurado para aceitar cookies. O servidor cria um nmero de ID da sesso que identifica com exclusividade o usurio quando a sesso iniciada pela primeira vez e, em seguida, envia um cookie que contm o nmero de ID para o navegador do usurio. Quando o usurio solicita outra pgina do servidor, este l o cookie no navegador para identificar o usurio e recuperar as variveis de sesso do usurio armazenadas na memria do servidor.

Coleta, armazenamento e recuperao de informaes em variveis de sesso


Antes de criar uma varivel de sesso, voc deve inicialmente obter as informaes que deseja armazenar e, em seguida, envi-las ao servidor para armazenamento. Voc pode coletar e enviar informaes para o servidor usando formulrios em HTML ou links de hipertexto que contenham parmetros de URL. Voc tambm pode obter informaes de cookies armazenados no computador do usurio, dos cabealhos HTTP enviados pelo navegador do usurio com uma solicitao de pgina ou de um banco de dados. Um exemplo tpico de armazenamento de parmetros de URL em variveis de sesso um catlogo de produtos que usa parmetros de URL codificados criados com o uso de um link para enviar informaes de produto novamente para o servidor a serem armazenadas em uma varivel de sesso. Quando um usurio clica no link Adicionar ao carro de compras, a ID do produto armazenada em uma varivel de sesso enquanto o usurio continua comprando. Quando o usurio prossegue na direo da pgina de retirada, a ID do produto armazenada na varivel de sesso recuperada. Uma pesquisa baseada em formulrio um exemplo tpico de uma pgina que armazena parmetros de formulrio em variveis de sesso. O formulrio envia as informaes selecionadas novamente para o servidor, onde uma pgina de aplicativo computa a pesquisa e armazena a resposta em uma varivel de sesso a ser passada para um aplicativo que pode agrupar as respostas coletadas da populao pesquisada. Ou as informaes podem ser armazenadas em um banco de dados para serem usadas mais tarde. Depois que as informaes so enviadas para o servidor, voc armazena as informaes em variveis de sesso adicionando o cdigo apropriado do modelo de servidor pgina especificada pelo parmetro de URL ou de formulrio. Conhecida como pgina de destino, ela especificada no atributo action do formulrio em HTML ou no atributo href do link de hipertexto na pgina inicial.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 559


Como tornar pginas dinmicas

Depois de armazenar um valor em uma varivel de sesso, voc pode usar o Dreamweaver para recuperar o valor das variveis de sesso e us-lo em um aplicativo da Web. Depois de definir a varivel de sesso no Dreamweaver, voc pode inserir o valor em uma pgina. A sintaxe do HTML de cada uma exibida da seguinte forma:
<form action="destination.html" method="get" name="myform"> </form> <param name="href"value="destination.html">

Tanto a tecnologia de servidor usada quanto o mtodo que voc usa para obter as informaes determinam o cdigo usado para armazenar as informaes em uma varivel de sesso. A sintaxe bsica de cada tecnologia de servidor a seguinte: ColdFusion
<CFSET session.variable_name = value>

ASP
<% Session("variable_name") = value %>

A expresso value costuma ser uma expresso de servidor como, por exemplo, Request.Form("lastname"). Por exemplo, caso voc use um parmetro de URL chamado product (ou um formulrio em HTML com o mtodo OBTER e um campo de texto chamado product) para coletar informaes, as seguintes instrues armazenam as informaes em uma varivel de sesso chamada prodID: ColdFusion
<CFSET session.prodID = url.product>

ASP
<% Session("prodID") = Request.QueryString("product") %>

Caso voc use um formulrio em HTML com o mtodo postar e um campo de texto chamado txtProduct para coletar as informaes, as seguintes instrues armazenam as informaes na varivel de sesso: ColdFusion
<CFSET session.prodID = form.txtProduct>

ASP
<% Session("prodID") = Request.Form("txtProduct") %>

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 560


Como tornar pginas dinmicas

Exemplo de informaes armazenadas em variveis de sesso


Voc est trabalhando em um site com um grande pblico de cidados mais velhos. No Dreamweaver, adicione dois links pgina Bem-vindo que permitem aos usurios personalizar o tamanho do texto do site. Para um texto maior, fcil de ler, o usurio clica em um link e, para um texto de tamanho regular, o usurio clica em outro link.

Todos os links tm um parmetro de URL chamado fontsize que envia a preferncia de texto do usurio para o servidor, como mostra o seguinte exemplo do Adobe ColdFusion:
<a href="resort.cfm?fontsize=large">Larger Text</a><br> <a href="resort.cfm?fontsize=small">Normal Text</a>

Armazene a preferncia de texto do usurio em uma varivel de sesso e use-a para definir o tamanho da fonte em todas as pginas que o usurio solicita. Prxima parte superior da pgina de destino, digite o seguinte cdigo para criar uma sesso chamada font_pref que armazena a preferncia de tamanho da fonte do usurio. ColdFusion
<CFSET session.font_pref = url.fontsize>

ASP
<% Session("font_pref") = Request.QueryString("fontsize") %>

Quando o usurio clica no link de hipertexto, a pgina envia a preferncia de texto do usurio em um parmetro de URL para a pgina de destino. O cdigo na pgina de destino armazena o parmetro de URL na varivel de sesso font_pref. Durante a sesso do usurio, todas as pginas do aplicativo recuperam esse valor e exibem o tamanho de fonte selecionado.

Mais tpicos da Ajuda


Adio de contedo dinmico a pginas na pgina 577 Definir variveis de sesso na pgina 571

Variveis de aplicativo do ASP e do ColdFusion


No ASP e no ColdFusion, voc pode usar variveis de aplicativo para armazenar e exibir informaes mantidas durante a vida til do aplicativo e que se mantm de usurio para usurio. A vida til do aplicativo se estende do tempo em que o usurio inicialmente solicita uma pgina no aplicativo at o momento em que o servidor Web parado. (Um aplicativo definido como se todos os arquivos estivessem em um diretrio virtual e em seus subdiretrios.)

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 561


Como tornar pginas dinmicas

Como as variveis de aplicativo se estendem pela vida til do aplicativo e permanecem de usurio para usurio, elas so ideais para o armazenamento das informaes que devem existir para todos os usurios como, por exemplo, a hora e a data atuais. O valor da varivel de aplicativo definido no cdigo do aplicativo.

Variveis de servidor do ASP


Voc pode definir as seguintes variveis de servidor do ASP como fontes de contedo dinmico: Request.Cookie, Request.QueryString, Request.Form, Request.ServerVariables e Request.ClientCertificates.

Mais tpicos da Ajuda


Definir variveis de servidor na pgina 573

Variveis de servidor do ColdFusion


Voc pode definir as seguintes variveis de servidor do ColdFusion:
Variveis de cliente Associe dados a um cliente especfico. As variveis de cliente mantm o estado do aplicativo enquanto o usurio se move uma pgina para outra no aplicativo, bem como de uma sesso para outra. A manuteno de estado significa preservar as informaes de uma pgina (ou sesso) para a prxima de forma que o aplicativo se lembre do usurio, alm das opes e das preferncias anteriores do usurio. Variveis de cookie Acesse cookies passados para o servidor pelo navegador. Variveis CGI Fornea informaes sobre o servidor com o ColdFusion em execuo, o navegador que solicita uma pgina e demais informaes sobre o ambiente de processamento. Variveis de servidor Elas podem ser acessadas por todos os clientes e aplicativos do servidor. Elas persistem at a

parada do servidor.
Variveis locais Elas so criadas com a tag CFSET ou a tag CFPARAM dentro de uma pgina do ColdFusion.

Mais tpicos da Ajuda


Definir variveis de servidor na pgina 573

Painis de contedo dinmico


Painel Ligaes
Use o painel Ligaes para definir e editar fontes de contedo dinmico, adicionar contedo dinmico a uma pgina e aplicar formatos de dados a texto dinmico. Voc pode realizar as seguintes tarefas com esse painel:

Definio de origens de contedo dinmico na pgina 563 Adio de contedo dinmico a pginas na pgina 577 Alterar ou excluir fontes de contedo na pgina 576 Usar formatos de dados predefinidos na pgina 591 Anexar fontes de dados XML na pgina 503 Exibir dados XML em pginas XSLT na pgina 503

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 562


Como tornar pginas dinmicas

Parmetros de URL na pgina 657 Definir variveis de sesso na pgina 571 Definir variveis de aplicativo para o ASP e o ColdFusion na pgina 571 Definir variveis de servidor na pgina 573 Colocar em cache fontes de contedo na pgina 576 Copiar um conjunto de registros de uma pgina para outra na pgina 577 Tornar os atributos de HTML dinmicos na pgina 579

Painel Comportamentos de servidor


Use o painel Comportamentos de servidor para adicionar os comportamentos de servidor do Dreamweaver a uma pgina, editar outros e cri-los. Voc pode realizar as seguintes tarefas com esse painel:

Exibio de registros de banco de dados na pgina 583 Definio de origens de contedo dinmico na pgina 563 Criar pginas mestre e detalhadas em uma operao na pgina 612 Criao de pginas de pesquisa e de resultados na pgina 613 Criao de pginas para insero de registro na pgina 620 Criao de pginas para atualizar um registro na pgina 623 Criao de pginas para excluir um registro na pgina 629 Criao de uma pgina que apenas usurios autorizados podem acessar na pgina 645 Criao de uma pgina de registro na pgina 641 Criao de uma pgina de logon na pgina 643 Criao de uma pgina que apenas usurios autorizados podem acessar na pgina 645 Adicionar um procedimento armazenado (ColdFusion) na pgina 639 Excluir contedo dinmico na pgina 581 Adio de comportamentos de servidor personalizados na pgina 594

Painel Bancos de dados


Use o painel Bancos de dados para criar conexes de banco de dados, inspecionar bancos de dados e inserir cdigo relacionado a banco de dados nas pginas. Voc pode exibir e se conectar ao banco de dados com esse painel:

Exibir o banco de dados dentro do Dreamweaver na pgina 552 Conexes de banco de dados para desenvolvedores do ColdFusion na pgina 534 Conexes de banco de dados para desenvolvedores do ASP na pgina 536 Conexes de banco de dados para desenvolvedores do PHP na pgina 543

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 563


Como tornar pginas dinmicas

Painel Componentes
Use o painel Componentes para criar e inspecionar componentes, alm de inserir cdigo de componente nas pginas. Nota: O painel no funciona na Visualizao de design. Voc pode realizar as seguintes tarefas com esse painel:

Uso de componentes do ColdFusion na pgina 649

Definio de origens de contedo dinmico


Definir um conjunto de registros sem escrever em SQL
Voc pode criar um conjunto de registros sem inserir manualmente instrues SQL.
1 Na janela Documento, abra a pgina que usar o conjunto de registros. 2 Selecione Janelas > Ligaes para exibir o painel Ligaes. 3 No painel Ligaes, clique no boto de adio (+) e selecione Conjunto de registros (consulta) no menu pop-up.

A caixa de dilogo simples Conjunto de registros exibida. Caso voc esteja desenvolvendo um site em ColdFusion, a caixa de dilogo Conjunto de registros muda um pouco. (Caso a caixa de dilogo avanada Conjunto de registros seja exibida em seu lugar, clique no boto Simples a fim de alternar para a caixa de dilogo Conjunto de registros simples.)
4 Complete a caixa de dilogo Conjunto de registros referente ao tipo de documento.

Para obter instrues, consulte os tpicos abaixo.


5 Clique no boto Testar para executar a consulta e verificar se ela recupera as informaes que voc deseja.

Caso voc tenha definido um filtro que usa parmetros inseridos por usurios, insira um valor na caixa Valor de teste e clique em OK. Caso uma ocorrncia do conjunto de registros seja criada com xito, uma tabela exibida com os dados extrados do conjunto.
6 Clique em OK para adicionar o conjunto de registros lista de fontes de contedo disponveis no painel Ligaes.

Opes da caixa de dilogo simples Conjunto de registros (PHP, ASP)


1 Na caixa Nome, digite um nome para o conjunto de registros.

Uma prtica comum adicionar o prefixo rs a nomes do conjunto de registros para diferenci-los dos demais nomes de objeto no cdigo, por exemplo: rsPressReleases. Os nomes do conjunto de registros s podem conter letras, nmeros e o caractere de sublinhado (_). Voc no pode usar caracteres especiais ou espaos.
2 Selecione uma conexo no menu pop-up Conexo.

Caso nenhuma conexo seja exibida na lista, clique em Definir para criar uma.
3 No menu pop-up Tabela, selecione a tabela do banco de dados que fornecer dados ao conjunto de registros.

O menu pop-up exibe todas as tabelas no banco de dados especfico.


4 Para incluir um subconjunto 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.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 564


Como tornar pginas dinmicas

5 Para limitar ainda mais os registros que a tabela retorna, complete a seo Filtro:

No primeiro menu pop-up, selecione uma coluna da tabela do banco de dados a ser comparada com um valor
de teste que voc define.

No segundo menu pop-up, selecione uma expresso condicional para comparar o valor selecionado em cada
registro com o valor de teste.

No terceiro menu pop-up, selecione Valor digitado. Na caixa, digite o valor de teste.
Caso o valor especificado em um registro atenda condio de filtragem, o registro includo no conjunto de registros.
6 (Opcional) Para classificar os registros, selecione uma coluna para classificar e, em seguida, especifique se os

registros devem ser classificados em ordem crescente (1, 2, 3... ou A, B, C...) ou em ordem decrescente.
7 Clique em Testar para se conectar ao banco de dados e criar uma ocorrncia da fonte de dados, e clique em OK para

fechar a fonte de dados. Uma tabela exibida com os dados retornados. Cada linha contm um registro e cada coluna representa um campo nesse registro.
8 Clique em OK. O conjunto de registros recm-definido exibido no painel Ligaes.

Opes da caixa de dilogo simples Conjunto de registros (ColdFusion)


Defina um conjunto de registros para tipos de documento do ColdFusion como fonte de contedo dinmico sem precisar codificar manualmente instrues SQL.
1 Na caixa Nome, digite um nome para o conjunto de registros.

Uma prtica comum adicionar o prefixo rs a nomes do conjunto de registros para diferenci-los dos demais nomes de objeto no cdigo. Por exemplo: rsPressReleases Os nomes do conjunto de registros s podem conter letras, nmeros e o caractere de sublinhado (_). Voc no pode usar caracteres especiais ou espaos.
2 Caso voc esteja definindo um conjunto de registros para um componente do ColdFusion (ou seja, caso um arquivo

CFC esteja aberto no momento Dreamweaver), selecione uma funo CFC existente no menu pop-up Funo ou clique no boto Nova funo para criar uma nova funo. Nota: O menu pop-up Funo s est disponvel caso um arquivo CFC seja o documento atual e voc tenha acesso a um computador com o ColdFusion MX 7 ou melhor em execuo. O conjunto de registros definido na funo.
3 Selecione uma fonte de dados no menu pop-up Fonte de dados.

Caso no haja nenhuma fonte de dados no menu pop-up, voc cria uma fonte de dados do ColdFusion.
4 Nas caixas Nome de usurio e Senha, digite o nome de usurio e a senha do servidor de aplicativo do ColdFusion,

caso necessrio. As fontes de dados do ColdFusion podem exigir um nome de usurio e senha no acesso. Caso voc no tenha o nome de usurio e a senha para acessar uma fonte de dados no ColdFusion, entre em contato com o administrador do ColdFusion na organizao.
5 No menu pop-up Tabela, selecione a tabela do banco de dados que fornecer dados ao conjunto de registros.

O menu pop-up Tabela exibe todas as tabelas no banco de dados especfico.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 565


Como tornar pginas dinmicas

6 Para incluir um subconjunto 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.
7 Para limitar ainda mais os registros que a tabela retorna, complete a seo Filtro:

No primeiro menu pop-up, selecione uma coluna da tabela do banco de dados a ser comparada com um valor
de teste que voc define.

No segundo menu pop-up, selecione uma expresso condicional para comparar o valor selecionado em cada
registro com o valor de teste.

No terceiro menu pop-up, selecione Valor digitado. Na caixa, digite o valor de teste.
Caso o valor especificado em um registro atenda condio de filtragem, o registro includo no conjunto de registros.
8 (Opcional) Para classificar os registros, selecione uma coluna para classificar e, em seguida, especifique se os

registros devem ser classificados em ordem crescente (1, 2, 3... ou A, B, C...) ou decrescente.
9 Clique em Testar para se conectar ao banco de dados e criar uma ocorrncia da fonte de dados.

Uma tabela exibida com os dados retornados. Cada linha contm um registro e cada coluna representa um campo nesse registro. Clique em OK para fechar o conjunto de registros de teste.
10 Clique em OK. O conjunto de registros do ColdFusion recm-definido exibido no painel Ligaes.

Definir um conjunto de registros avanado escrevendo em SQL


Escreva instrues SQL prprias usando a caixa de dilogo avanada Conjunto de registros ou crie uma instruo SQL usando a rvore grfica Itens do banco de dados.
1 Na janela Documento, abra a pgina que usar o conjunto de registros. 2 Selecione Janelas > Ligaes para exibir o painel Ligaes. 3 No painel Ligaes, clique no boto de adio (+) e selecione Conjunto de registros (consulta) no menu pop-up.

A caixa de dilogo avanada Conjunto de registros exibida. Caso voc esteja desenvolvendo um site em ColdFusion, a caixa de dilogo Conjunto de registros muda um pouco. (Mas caso seja exibida a caixa de dilogo simples Conjunto de registros, alterne para a caixa de dilogo avanada Conjunto de registros clicando no boto Avanado.)
4 Complete a caixa de dilogo avanada Conjunto de registros.

Para obter instrues, consulte os tpicos abaixo.


5 Clique no boto Testar para executar a consulta e verificar se ela recupera as informaes que voc deseja.

Caso voc tenha definido um filtro que use parmetros inseridos pelos usurios, o boto Testar exibe a caixa de dilogo Valor de teste. Insira um valor na caixa Valor de teste e clique em OK. Caso uma ocorrncia do conjunto de registros seja criada com xito, uma tabela exibida com os dados do conjunto.
6 Clique em OK para adicionar o conjunto de registros lista de fontes de contedo disponveis no painel Ligaes.

Mais tpicos da Ajuda


Criar consultas SQL usando a rvore Itens do banco de dados na pgina 569 Conexes de banco de dados para desenvolvedores do ASP na pgina 536 Conexes de banco de dados para desenvolvedores do PHP na pgina 543

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 566


Como tornar pginas dinmicas

Definio de origens de contedo dinmico na pgina 563 Adicionar um procedimento armazenado (ColdFusion) na pgina 639 SQL primer

Opes da caixa de dilogo avanada Conjunto de registros (PHP, ASP)


Defina um conjunto de registros como fonte de contedo dinmico escrevendo uma instruo SQL personalizada ou criando uma instruo SQL usando a rvore grfica Itens do banco de dados.
1 Na caixa Nome, digite um nome para o conjunto de registros.

Uma prtica comum adicionar o prefixo rs a nomes do conjunto de registros para diferenci-los dos demais nomes de objeto no cdigo. Por exemplo: rsPressRelease Os nomes do conjunto de registros s podem conter letras, nmeros e o caractere de sublinhado (_). Voc no pode usar caracteres especiais ou espaos.
2 Selecione uma conexo no menu pop-up Conexo. 3 Insira uma instruo SQL na rea de texto SQL ou use a rvore grfica Itens do banco de dados na parte inferior da

caixa de dilogo para criar uma instruo SQL usando o conjunto de registros escolhido. Faa o seguinte para usar a rvore Itens do banco de dados e criar a instruo SQL:

Verifique se a rea de texto SQL est em branco. Expanda as ramificaes da rvore at localizar o objeto de banco de dados de que voc precisa uma coluna em
uma tabela, por exemplo, ou um procedimento armazenado no banco de dados.

Selecione o objeto de banco de dados e clique em um dos botes no lado direito da rvore.
Por exemplo, caso voc selecione uma coluna da tabela, os botes disponveis so SELECT, WHERE e ORDER BY. Clique em um dos botes para adicionar a clusula associada instruo SQL. Voc tambm pode usar uma instruo SQL predefinida em um procedimento armazenado selecionando o procedimento armazenado na rvore Itens do banco de dados e clicando no boto Procedimento. O Dreamweaver preenche automaticamente as reas SQL e Varivel.
4 Caso a instruo SQL contenha variveis, defina os valores na rea Variveis clicando no boto de adio (+) e

digitando o nome da varivel, o tipo (inteira, texto, data ou nmero de ponto flutuante) o nome padro (o valor que a varivel deve usar caso nenhum valor de runtime retorne) e o valor de runtime. Nota: Quando usar variveis em uma instruo SQL em PHP, o Dreamweaver adicionar automaticamente um smbolo de dlar ao nome da varivel, portanto voc deve omitir o sinal de dlar (por exemplo, colname, em vez de $colname). Caso a instruo SQL contenha variveis, verifique se a coluna Valor padro da caixa Variveis contm valores de teste vlidos. O valor de runtime costuma ser um parmetro de URL ou de formulrio inserido por um usurio em um campo de formulrio em HTML. Parmetros de URL na coluna Valor de runtime:
Modelo do servidor ASP PHP Expresso do valor de runtime para o parmetro de URL Request.QueryString(formFieldName) $_GET['formFieldName']

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 567


Como tornar pginas dinmicas

Parmetros de formulrio na coluna Valor de runtime:


Modelo do servidor ASP PHP Expresso do valor de runtime para o parmetro de formulrio Request.Form(formFieldName) $_POST['formFieldName']

5 Clique em Testar para se conectar ao banco de dados e criar uma ocorrncia do conjunto de registros.

Caso a instruo SQL contenha variveis, verifique se a coluna Valor padro da caixa Variveis contm valores de teste vlidos antes de clicar em Testar. Caso haja xito, uma tabela exibida com os dados do conjunto de registros. Cada linha contm um registro e cada coluna representa um campo nesse registro. Clique em OK para limpar o conjunto de registros.
6 Caso esteja satisfeito com o trabalho, clique em OK.

Opes da caixa de dilogo avanada Conjunto de registros (ColdFusion)


Use a caixa de dilogo avanada Conjunto de registros para escrever consultas SQL personalizadas ou use a rvore Itens do banco de dados para criar consultas SQL usando uma interface apontar e clicar.
1 Na caixa Nome, digite um nome para o conjunto de registros.

Uma prtica comum adicionar o prefixo rs a nomes do conjunto de registros para diferenci-los dos demais nomes de objeto no cdigo. Por exemplo: rsPressReleases Os nomes do conjunto de registros s podem conter letras, nmeros e o caractere de sublinhado (_). Voc no pode usar caracteres especiais ou espaos. Caso voc esteja definindo um conjunto de registros para um componente do ColdFusion (ou seja, caso um arquivo CFC esteja aberto no momento Dreamweaver), selecione uma funo CFC existente no menu pop-up Funo ou clique no boto Nova funo para criar uma nova funo. Nota: O menu pop-up Funo s est disponvel caso um arquivo CFC seja o documento atual e voc tenha acesso a um computador com o ColdFusion MX 7 ou melhor em execuo. O conjunto de registros definido na funo.
2 Selecione uma fonte de dados no menu pop-up Fonte de dados.

Se no houver nenhuma fonte de dados na lista do menu pop-up, voc primeiramente precisar criar uma fonte de dados do ColdFusion.
3 Nas caixas Nome de usurio e Senha, digite o nome de usurio e a senha do servidor de aplicativo do ColdFusion,

caso necessrio. As fontes de dados do ColdFusion podem exigir um nome de usurio e senha no acesso. Caso voc no tenha o nome de usurio e a senha para acessar uma fonte de dados no ColdFusion, entre em contato com o administrador do ColdFusion na organizao.
4 Insira uma instruo SQL na rea de texto SQL ou use a rvore grfica Itens do banco de dados na parte inferior da

caixa de dilogo para criar uma instruo SQL usando o conjunto de registros escolhido.
5 (Opcional) Faa o seguinte para usar a rvore Itens do banco de dados e criar a instruo SQL:

Verifique se a rea de texto SQL est em branco. Expanda as ramificaes da rvore at localizar o objeto de banco de dados de que voc precisa por exemplo, uma
coluna de uma tabela.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 568


Como tornar pginas dinmicas

Selecione o objeto de banco de dados e clique em um dos botes no lado direito da rvore.
Por exemplo, caso voc selecione uma coluna da tabela, os botes disponveis so SELECT, WHERE e ORDER BY. Clique em um dos botes para adicionar a clusula associada instruo SQL. Caso a instruo SQL contenha parmetros, defina os valores na rea Parmetros clicando no boto de adio (+) e digitando o nome do parmetro e o nome padro (o valor que o parmetro deve usar caso nenhum valor de runtime retorne). Caso a instruo SQL contenha parmetros, verifique se a coluna Valor padro da caixa Parmetros contm valores de teste vlidos. Parmetros de pgina permitem fornecer valores padro para referncias de valor de runtime no SQL que voc escreve. Por exemplo, a seguinte instruo SQL seleciona um registro de funcionrio com base no valor da ID do funcionrio. Voc pode atribuir um valor padro ao parmetro, verificando se um valor de runtime sempre retorna. Nesse exemplo, FormFieldName se refere a um campo de formulrio em que o usurio insere a ID de um funcionrio:
SELECT * FROM Employees WHERE EmpID = + (Request.Form(#FormFieldName#))

A caixa de dilogo Adicionar parmetros de pgina teria um par nome/valor semelhante a:


Nome FormFieldName Valores padro
0001

O valor de runtime costuma ser um parmetro de URL ou de formulrio inserido por um usurio em um campo de formulrio em HTML.
6 Clique em Testar para se conectar ao banco de dados e criar uma ocorrncia do conjunto de registros.

Caso a instruo SQL contenha referncias de runtime, verifique se a coluna Valor padro do campo Parmetros de pgina contm valores de teste vlidos antes de clicar em Testar. Caso haja xito, uma tabela exibida com os dados do conjunto de registros. Cada linha contm um registro e cada coluna representa um campo nesse registro. Clique em OK para limpar o conjunto de registros.
7 Caso esteja satisfeito com o trabalho, clique em OK.

Definir parmetros em uma instruo SQL (ColdFusion)


Defina parmetros em uma instruo SQL; o valor padro o valor que o parmetro deve usar caso no retorne nenhum valor de runtime.
1 Selecione um nome de parmetro no menu pop-up Nome. 2 Insira um valor padro para o parmetro na caixa Parmetro padro e clique em OK.

Definir parmetros em uma instruo SQL (PHP)


Defina parmetros em uma instruo SQL; o valor padro o valor que o parmetro deve usar caso no retorne nenhum valor de runtime.
1 Digite o nome de um parmetro na caixa Nome. 2 Insira um valor padro para o parmetro na caixa Parmetro padro. 3 Insira um valor de runtime para um parmetro na caixa Valor de runtime e clique em OK.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 569


Como tornar pginas dinmicas

Criar consultas SQL usando a rvore Itens do banco de dados


Em vez de digitar manualmente as instrues SQL na caixa SQL, voc pode usar a interface apontar e clicar de Itens do banco de dados para criar consultas SQL complexas. A rvore Itens do banco de dados permite selecionar objetos de banco de dados e vincul-los usando clusulas SQL SELECT, WHERE e ORDER BY. Depois de criar uma consulta SQL, voc pode definir qualquer varivel usando a rea Variveis da caixa de dilogo. Os prximos dois exemplos descrevem duas instrues SQL e as etapas para cri-las usando a rvore Itens do banco de dados da caixa de dilogo avanada Conjunto de registros.

Exemplo: seleo de uma tabela


Este exemplo seleciona todo o contedo da tabela Funcionrios. A instruo SQL que define a consulta exibida da seguinte forma:
SELECT * FROM Employees

Para criar essa consulta, siga estas etapas.


1 Expanda a ramificao Tabelas para exibir todas as tabelas no banco de dados selecionado. 2 Selecione a tabela Funcionrios. 3 Clique no boto Selecionar. 4 Clique em OK para adicionar o conjunto de registros ao painel Ligaes.

Exemplo: seleo de linhas especficas de uma tabela e ordenao dos resultados


O seguinte exemplo seleciona duas linhas da tabela Funcionrios e, depois, seleciona o tipo de trabalho usando uma varivel que voc deve definir. Em seguida, os resultados so ordenados pelo nome de funcionrio.
SELECT emplNo, emplName FROM Employees WHERE emplJob = 'varJob' ORDER BY emplName

1 Expanda a ramificao Tabelas para exibir todas as tabelas no banco de dados selecionado e, depois, expanda a

tabela Funcionrios para exibir as linhas da tabela individual.


2 Crie a instruo SQL da seguinte forma:

Selecione emplNo e clique no boto Selecionar. Selecione emplName e clique no boto Selecionar. Selecione emplJob e clique no boto Onde. Selecione emplName e clique no boto Ordenar por.
3 Coloque o ponto de insero depois de WHERE emplJob na rea de texto SQL e digite ='varJob' (inclua o sinal de

igual).
4 Defina a varivel 'varJob' clicando no boto de adio (+) da rea Variveis e inserindo os valores nas colunas

Nome, Valor padro e Valor de runtime: varJob, CLERK, Request("job").


5 Clique em OK para adicionar o conjunto de registros ao painel Ligaes.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 570


Como tornar pginas dinmicas

Definir parmetros de URL


Os parmetros de URL armazenam informaes recuperadas de entradas dos usurios. Antes de comear, verifique se voc passou um parmetro de formulrio ou de URL ao servidor. Depois de definir a varivel de URL, voc pode usar seu valor na pgina selecionada no momento.
1 Na janela Documento, abra a pgina que usar a varivel. 2 Selecione Janelas > Ligaes para exibir o painel Ligaes. 3 No painel Ligaes, clique no boto de adio (+) e selecione uma das seguintes opes no menu pop-up:
Tipos de documento ASP ColdFusion PHP Item de menu no painel Ligaes da varivel de URL Varivel de solicitao > Request.QueryString Varivel de URL Varivel de URL

4 Na caixa de dilogo Varivel de URL, digite o nome da varivel de URL na caixa e clique em OK.

O nome da varivel de URL costuma ser o nome do campo de formulrio em HTML ou do objeto usado para obter o valor.
5 A varivel de URL exibida no painel Ligaes.

Mais tpicos da Ajuda


Sobre os parmetros de URL e de formulrio na pgina 557 Adio de contedo dinmico a pginas na pgina 577 Parmetros de URL na pgina 657 Variveis de servidor do ColdFusion na pgina 561

Definir parmetros de formulrio


Os parmetros de formulrio armazenam informaes recuperadas includas na solicitao HTTP de uma pgina da Web. Caso voc crie um formulrio que usa o mtodo POSTAR, os dados enviados pelo formulrio so passados para o servidor. Antes de comear, verifique se voc passou um parmetro de formulrio ao servidor. Depois de definir o parmetro de formulrio como fonte de contedo, voc pode usar o valor na pgina.
1 Na janela Documento, abra a pgina que usar a varivel. 2 Selecione Janelas > Ligaes para exibir o painel Ligaes. 3 No painel Ligaes, clique no boto de adio (+) e selecione uma das seguintes opes no menu pop-up:
Tipos de documento ASP ColdFusion PHP Item de menu no painel Ligaes da varivel de formulrio Varivel de solicitao > Request.Form Varivel de formulrio Varivel de formulrio

4 Na caixa de dilogo Varivel de formulrio, digite o nome da varivel de formulrio e clique em OK. O nome do

parmetro de formulrio costuma ser o nome do campo de formulrio em HTML ou do objeto usado para obter o valor.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 571


Como tornar pginas dinmicas

O parmetro de formulrio exibido no painel Ligaes.

Mais tpicos da Ajuda


Sobre as fontes de contedo dinmico na pgina 556 Sobre os parmetros de URL e de formulrio na pgina 557 Definir variveis de servidor na pgina 573

Definir variveis de sesso


Voc pode usar variveis de sesso para armazenar e exibir informaes mantidas durante a visita de um usurio (ou sesso). O servidor cria um objeto de sesso diferente para cada usurio e o mantm durante um perodo estabelecido ou at que o objeto seja encerrado explicitamente. Antes de definir variveis de sesso para uma pgina, voc deve cri-las no cdigo-fonte. Depois de criar uma varivel de sesso no cdigo-fonte do aplicativo da Web, voc pode usar o Dreamweaver para recuperar seu valor e us-lo em uma pgina da Web.
1 Crie uma varivel de sesso no cdigo-fonte e atribua um valor a ela.

Por exemplo, esse modelo do ColdFusion instancia uma sesso chamada username e atribui a ela o valor Cornelius:
<CFSET session.username = Cornelius>

2 Selecione Janela > Ligaes para exibir o painel Ligaes. 3 Clique no boto de adio (+) e selecione Varivel de sesso no menu pop-up. 4 Digite o nome da varivel que voc definiu no cdigo-fonte do aplicativo e clique em OK.

Mais tpicos da Ajuda


Coleta de informaes dos usurios na pgina 656 Como funcionam as variveis de sesso na pgina 558 Coleta, armazenamento e recuperao de informaes em variveis de sesso na pgina 558

Definir variveis de aplicativo para o ASP e o ColdFusion


No ASP e no ColdFusion, voc pode usar variveis de aplicativo para armazenar e exibir informaes mantidas durante a vida til do aplicativo e que se mantm de usurio para usurio. Depois de definir a varivel de aplicativo, voc pode usar o valor em uma pgina. Nota: No h objetos de varivel de aplicativo em PHP.
1 Abra um tipo de documento dinmico na janela Documento.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 572


Como tornar pginas dinmicas

2 Selecione Janela > Ligaes para exibir o painel Ligaes. 3 Clique no boto de adio (+) e selecione Varivel de aplicativo no menu pop-up. 4 Digite o nome da varivel como voc o definiu no cdigo-fonte do aplicativo e clique em OK.

A varivel de aplicativo exibida no painel Ligaes, no cone Aplicativo.

Mais tpicos da Ajuda


Sobre a adio de contedo dinmico na pgina 577 Definir variveis de servidor na pgina 573

Usar uma varivel como fonte de dados para um conjunto de registros do ColdFusion
Quando voc define um conjunto de registros no painel Ligaes, o Dreamweaver informa o nome da fonte de dados do ColdFusion na tag cfquery da pgina. Para obter mais flexibilidade, voc pode armazenar um nome de fonte de dados em uma varivel e usar a varivel na tag cfquery. O Dreamweaver fornece um mtodo visual de especificao dessa varivel nos conjuntos de registros.
1 Verifique se uma pgina do ColdFusion est ativa na janela Documento. 2 No painel Ligaes, clique no boto de adio (+) e selecione Varivel de nome da fonte de dados no menu pop-up.

A caixa de dilogo Varivel de nome da fonte de dados exibida.


3 Defina uma varivel e clique em OK. 4 Ao definir o conjunto de registros, selecione a varivel como fonte de dados do conjunto de registros.

Na caixa de dilogo Conjunto de registros, a varivel exibida no menu pop-up Fonte de dados com as fontes de dados do ColdFusion no servidor.
5 Complete a caixa de dilogo Conjunto de registros e clique em OK. 6 Inicialize a varivel.

O Dreamweaver no inicializa a varivel para que voc possa inicializ-la como e onde desejar. Voc pode inicializar a varivel no cdigo da pgina (antes da tag cfquery), em um arquivo de incluso ou em algum outro arquivo como uma varivel de sesso ou de aplicativo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 573


Como tornar pginas dinmicas

Definir variveis de servidor


Voc define variveis de servidor como fontes de contedo dinmico a serem usadas dentro de um aplicativo da Web. As variveis de servidor variam de acordo com o tipo de documento e entre elas esto variveis de formulrio, de URL, de sesso e de aplicativo. As variveis de servidor podem ser acessadas por todos os clientes que acessam o servidor e por qualquer aplicativo em execuo no servidor. As variveis persistem at a parada do servidor.

Mais tpicos da Ajuda


Adio de contedo dinmico a pginas na pgina 577 Parmetros de URL na pgina 657 Parmetros de formulrio em HTML na pgina 656 Variveis de servidor do ColdFusion na pgina 561

Definir variveis de servidor do ColdFusion


1 Abra o painel Ligaes (Janela > Ligaes). Na caixa de dilogo Varivel de servidor, digite o nome da varivel de

servidor e clique em OK.


2 Clique no boto de adio (+) e selecione a varivel de sesso no menu pop-up. 3 Digite o nome da varivel e clique em OK. A varivel de servidor do ColdFusion exibida no painel Ligaes.

A seguinte tabela lista as variveis de servidor do ColdFusion incorporadas:


Varivel Server.ColdFusion.ProductName Server.ColdFusion.ProductVersion Server.ColdFusion.ProductLevel Server.ColdFusion.SerialNumber Server.OS.Name Server.OS.AdditionalInformation Server.OS.Version Server.OS.BuildNumber Descrio Nome de produto do ColdFusion. Nmero da verso do ColdFusion. Edio do ColdFusion (Enterprise, Professional). Nmero de srie da verso atualmente instalada do ColdFusion. Nome do sistema operacional em execuo no servidor (Windows XP, Windows 2000, Linux). Informaes adicionais sobre o sistema operacional instalado (service packs, atualizaes). Verso do sistema operacional instalado. Verso da compilao do sistema operacional instalado.

Definir uma varivel local do ColdFusion


Variveis locais so variveis criadas com a tag CFSET ou CFPARAM dentro de uma pgina do ColdFusion. A varivel local definida exibida no painel Ligaes.
Na caixa de dilogo Varivel local, digite o nome da varivel local e clique em OK.

Definir variveis de servidor do ASP


Voc pode definir as seguintes variveis de servidor do ASP como fontes de contedo dinmico: Request.Cookie, Request.QueryString, Request.Form, Request.ServerVariables e Request.ClientCertificates.
1 Abra o painel Ligaes (Janela > Ligaes). 2 Clique no boto de adio (+) e selecione Varivel de solicitao no menu pop-up.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 574


Como tornar pginas dinmicas

3 Na caixa de dilogo Varivel de solicitao, selecione um dos seguintes conjuntos de solicitao no menu pop-up Tipo:
O conjunto QueryString Recupera informaes acrescentadas ao URL da pgina de envio como, por exemplo, quando a pgina tem um formulrio em HTML usando o mtodo OBTER. A seqncia de caracteres de consulta consiste em um ou mais pares nome/valor (por exemplo, last=Smith, first=Winston) acrescentados ao URL com um ponto de interrogao (?). Caso a seqncia de caracteres de consulta tenha mais de um par nome/valor, so inseridos sinais de e comercial (&). O conjunto Form Recupera informaes de formulrio includas no corpo da solicitao HTTP por formulrio HTTP

usando o mtodo POSTAR.


O conjunto ServerVariables Recupera os valores de variveis de ambiente predefinidas. O conjunto tem uma lista de variveis longa, inclusive CONTENT_LENGTH (o comprimento do contedo enviado na solicitao HTTP, que voc pode usar para ver se um formulrio est vazio) e HTTP_USER_AGENT (fornece informaes sobre o navegador do usurio).

Por exemplo, Request.ServerVariables("HTTP_USER_AGENT") contm informaes sobre o navegador responsvel pela solicitao como, por exemplo, Mozilla/4.07 [en] (WinNT; I), que indica um navegador Netscape Navigator 4.07. Para obter uma lista completa das variveis de ambiente do servidor do ASP, consulte a documentao on-line instalada com o Microsoft Personal Web Server (PWS) ou o Internet Information Server (IIS).
O conjunto Cookies Recupera os valores dos cookies enviados em uma solicitao HTTP. Por exemplo, suponhamos que na pgina haja um cookie chamado "readMe" no sistema do usurio. No servidor, os valores do cookie so armazenados na varivel Request.Cookies("readMe"). O conjunto ClientCertificate Recupera os campos de certificao da solicitao HTTP enviada pelo navegador. Os

campos de certificao so especificados no padro X.509.


4 Especifique a varivel no conjunto que voc deseja acessar e clique em OK.

Por exemplo, caso voc acesse as informaes na varivel Request.ServerVariables("HTTP_USER_AGENT"), insira o argumento HTTP_USER_AGENT. Caso voc queira acessar as informaes na varivel Request.Form("lastname"), insira o argumento lastname. A varivel de solicitao exibida no painel Ligaes.

Definir variveis de servidor PHP


Defina as variveis de servidor como uma fonte de contedo dinmico para pginas em PHP. As variveis de servidor do PHP so exibidas no painel Ligaes.
1 Abra o painel Ligaes (Janela > Ligaes). 2 Clique no boto de adio (+) e selecione a varivel no menu pop-up. 3 Na caixa de dilogo Varivel de solicitao, digite o nome da varivel (por exemplo, REQUEST_METHOD) e

clique em OK. Para obter mais informaes, procure pela palavra-chave $_SERVER na documentao do PHP.

Definir uma varivel de cliente do ColdFusion


Defina uma varivel de cliente do ColdFusion como uma fonte de contedo dinmico para a pgina. As variveis de cliente do ColdFusion recm-definidas so exibidas no painel Ligaes.
Na caixa de dilogo Varivel de cliente, digite o nome da varivel e clique em OK.

Por exemplo, para acessar as informaes na varivel Client.LastVisit do ColdFusion, insira LastVisit.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 575


Como tornar pginas dinmicas

Variveis de cliente so variveis criadas no cdigo para associar dados a um cliente especfico. As variveis de cliente mantm o estado do aplicativo enquanto o usurio se move uma pgina para outra no aplicativo, bem como de uma sesso para outra. As variveis de cliente podem ser definidas pelo usurio ou incorporadas. A seguinte tabela lista as variveis de cliente do ColdFusion incorporadas:
Varivel Client.CFID Client.CFTOKEN Client.URLToken Descrio Outra ID para cada cliente que se conecta ao servidor. Um nmero gerado aleatoriamente usado exclusivamente para identificar um cliente em especial. Uma combinao entre CFID e CFTOKEN a ser passada entre os modelos quando os cookies no forem usados. Registra o carimbo de data/hora da ltima visita que um cliente fez. O nmero de solicitaes de pgina vinculadas a um nico cliente (controlado por CFID e CFTOKEN). Registra o carimbo de data/hora quando CFID e CFTOKEN foram criados inicialmente para um determinado cliente.

Client.LastVisit Client.HitCount Client.TimeCreated

Definir uma varivel de cookie do ColdFusion


As variveis de cookie so criadas no cdigo e acessam informaes contidas em cookies passadas para o servidor por um navegador. A varivel de cookie definida exibida no painel Ligaes.
Na caixa de dilogo Varivel de cookie, digite o nome da varivel de cookie e clique em OK.

Definir uma varivel CGI do ColdFusion


A varivel CGI definida exibida no painel Ligaes.
Na caixa de dilogo Varivel CGI, digite o nome da varivel e clique em OK.

Por exemplo, caso voc acesse as informaes na varivel CGI.HTTP_REFERER, insira HTTP_REFERER. A seguinte tabela lista as variveis CGI do ColdFusion mais comuns criadas no servidor:
Varivel SERVER_SOFTWARE Descrio O nome e a verso do software do servidor das informaes que atende solicitao (no qual o gateway est em execuo). Formato: nome/verso. O nome de host do servidor, a cpia do DNS ou o endereo IP como ele exibido nos URLs de autoreferncia. A reviso da especificao de CGI com a qual o servidor compatvel. Formato: CGI/reviso. O nome e a reviso do protocolo de informaes que acompanha a solicitao. Formato: protocolo/reviso. O nmero da porta para o qual a solicitao foi enviada. O mtodo com o qual a solicitao foi feita. Para HTTP, os mtodos so Obter, Cabealho, Postar etc. As informaes adicionais do caminho dadas pelo cliente. Os scripts podem ser acessados pelo nome do caminho virtual, seguido de informaes adicionais ao final dele. As informaes adicionais so enviadas como PATH_INFO. O servidor fornece uma verso traduzida de PATH_INFO, que usa o caminho e faz um mapeamento virtual/fsico para ele.

SERVER_NAME

GATEWAY_INTERFACE SERVER_PROTOCOL

SERVER_PORT REQUEST_METHOD PATH_INFO

PATH_TRANSLATED

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 576


Como tornar pginas dinmicas

Varivel SCRIPT_NAME QUERY_STRING REMOTE_HOST

Descrio Um caminho virtual at o script em execuo; usado em URLs de auto-referncia. As informaes de consulta aps o ponto de interrogao (?) no URL que referencia o script. O nome de host que realiza a solicitao. Caso no tenha essas informaes, o servidor define REMOTE_ADDR, e no REMOTE_HOST. O endereo IP do host remoto que faz a solicitao. Caso o servidor d suporte autenticao do usurio e o script esteja protegido, trata-se do mtodo de autenticao especfico do protocolo usado para validar o usurio. Caso o servidor d suporte autenticao do usurio e o script esteja protegido, trata-se do nome de usurio da autenticao. (Tambm disponvel como AUTH_USER.) Caso o servidor HTTP d suporte identificao RFC 931, a varivel definida como o nome do usurio remoto recuperado do servidor. Use a varivel apenas no logon. Em consultas que tenham informaes anexadas como, por exemplo, HTTP POST e PUT, trata-se do tipo de contedo dos dados. O comprimento do contedo conforme indicado pelo cliente.

REMOTE_ADDR AUTH_TYPE

REMOTE_USER AUTH_USER

REMOTE_IDENT

CONTENT_TYPE

CONTENT_LENGTH

A seguinte tabela lista as variveis CGI mais comuns criadas pelo navegador e passadas para o servidor:
Varivel HTTP_REFERER HTTP_USER_AGENT Descrio O documento de referncia. Trata-se do documento de vnculo ou de envio dos dados do formulrio. O navegador que o cliente est usando no momento para enviar a solicitao. Formato: software/biblioteca da verso/verso. A hora em que a pgina foi modificada pela ltima vez. A varivel enviada no momento em que o navegador desejar, normalmente em resposta ao servidor que enviou o cabealho HTTP LAST_MODIFIED. Ela pode ser usada para aproveitar o cache do navegador.

HTTP_IF_MODIFIED_SINCE

Colocar em cache fontes de contedo


Voc pode colocar em cache ou armazenar fontes de contedo dinmico em uma Design Note. Isso permite trabalhar em um site mesmo que voc no tenha acesso ao banco de dados ou ao servidor de aplicativo que armazena as fontes de contedo dinmico. A colocao em cache tambm pode agilizar o desenvolvimento com a eliminao de acessos repetidos em uma rede ao banco de dados e ao servidor de aplicativo.
Clique no boto de seta no canto superior direito do painel Ligaes e escolha Colocar em cache no menu pop-up.

Caso faa alteraes em uma das fontes de contedo, voc pode atualizar o cache clicando no boto Atualizar (o cone de seta circular) no canto superior direito do painel Ligaes. (Expanda o painel caso voc no veja o boto.)

Alterar ou excluir fontes de contedo


Voc pode alterar ou excluir qualquer fonte de contedo dinmico existente ou seja, qualquer fonte de contedo listada no painel Ligaes. A alterao ou a excluso de uma fonte de contedo no painel Ligaes no altera ou exclui nenhuma ocorrncia do contedo na pgina. Isso apenas o altera ou exclui como uma possvel fonte de contedo da pgina.

Alterar uma fonte de contedo no painel Ligaes


1 No painel Ligaes (Janela > Ligaes), clique duas vezes no nome da fonte de contedo que voc deseja editar.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 577


Como tornar pginas dinmicas

2 Faa suas alteraes na caixa de dilogo exibida. 3 Caso esteja satisfeito com o trabalho, clique em OK.

Excluir uma fonte de contedo do painel Ligaes


1 No painel Ligaes (Janela > Ligaes), selecione a fonte de contedo na lista. 2 Clique no boto de subtrao (-).

Copiar um conjunto de registros de uma pgina para outra


Voc pode copiar um conjunto de registros de uma pgina para outra dentro de um site definido.
1 Selecione o conjunto de registros no painel Ligaes ou no painel Comportamentos de servidor. 2 Clique com o boto direito do mouse no conjunto de registros e selecione Copiar no menu pop-up. 3 Abra a pgina para a qual voc deseja copiar o conjunto de registros. 4 Clique com o boto direito do mouse no painel Ligaes ou na barra de ferramentas Comportamentos de servidor

e selecione Colar no menu pop-up.

Mais tpicos da Ajuda


Sobre as fontes de contedo dinmico na pgina 556 Alterar ou excluir fontes de contedo na pgina 576

Adio de contedo dinmico a pginas


Sobre a adio de contedo dinmico
Depois de definir uma ou mais fontes de contedo dinmico, voc pode us-las para adicionar contedo dinmico pgina. As fontes de contedo podem incluir uma coluna de um conjunto de registro, um valor enviado por um formulrio em HTML, o valor contido em um objeto de servidor ou outros dados. No Dreamweaver, voc pode colocar contedo dinmico em praticamente qualquer lugar de uma pgina da Web ou cdigo-fonte HTML. Voc pode colocar contedo dinmico no ponto de insero, substituir uma seqncia de caracteres de texto ou inseri-lo como um atributo HTML. Por exemplo, o contedo dinmico pode definir o atributo src de uma imagem ou o atributo value de um campo de formulrio. Voc pode adicionar contedo dinmico a uma pgina selecionando uma fonte de contedo no painel Ligaes. O Dreamweaver insere um script do servidor no cdigo da pgina que instrui o servidor a transferir os dados da fonte de contedo para o cdigo HTML da pgina quando esta solicitada pelo navegador. Normalmente, h mais de uma forma de tornar dinmico um elemento de pgina. Por exemplo, para tornar uma imagem dinmica voc pode usar o painel Ligaes, o Inspetor de propriedades ou o comando Imagem do menu Inserir. Por padro, uma pgina em HTML pode exibir apenas um registro por vez. Para exibir os demais registros do conjunto de registros, voc pode adicionar um link para percorr-los individualmente ou pode criar uma regio repetitiva a fim de exibir mais de um registro em uma nica pgina.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 578


Como tornar pginas dinmicas

Mais tpicos da Ajuda


Definio de origens de contedo dinmico na pgina 563 Criar uma barra de navegao do conjunto de registros na pgina 584 Exibir vrios resultados do conjunto de registros na pgina 587 Aplicao de elementos tipogrficos e de layout de pgina a dados dinmicos na pgina 584 Usar formatos de dados predefinidos na pgina 591

Sobre o texto dinmico


O texto dinmico adota qualquer formatao aplicada ao texto existente ou ao ponto de insero. Por exemplo, caso um estilo de folhas de estilos em cascata (CSS) afete o texto selecionado, o contedo dinmico que o substitui tambm afetado pelo estilo. Voc pode adicionar ou alterar o formato de texto do contedo dinmico usando qualquer uma das ferramentas de formatao de texto do Dreamweaver. Voc tambm pode aplicar um formato de dados ao texto dinmico. Por exemplo, caso os dados consistam em dados, voc pode especificar um determinado formato de data como, por exemplo, 04/17/00 para visitantes norte-americanos ou 17/04/00 para visitantes canadenses.

Tornar texto dinmico


Voc pode substituir o texto existente pelo texto dinmico ou colocar texto dinmico em um determinado ponto de insero da pgina.

Mais tpicos da Ajuda


Sobre conjuntos de registros na pgina 556 Usar formatos de dados predefinidos na pgina 591

Adicionar texto dinmico


1 Na Visualizao de design, selecione o texto na pgina ou clique onde voc deseja adicionar texto dinmico. 2 No painel Ligaes (Janela > Ligaes), selecione uma fonte de contedo na lista. Caso voc selecione um conjunto

de registros, especifique a coluna que voc deseja no conjunto de registros. A fonte de contedo deve conter texto sem formatao (texto em ASCII). Texto sem formatao inclui HTML. Caso nenhuma fonte de contedo seja exibida na lista ou caso as fontes de contedo disponveis no atendam s suas necessidades, clique no boto de adio (+) para definir uma nova.
3 (Opcional) Selecione um formato de dados para o texto. 4 Clique em Inserir ou arraste a fonte de contedo para a pgina.

Um alocador de espao de contedo dinmico aparece. (Caso voc tenha selecionado o texto na pgina, o alocador de espao substitui a seleo do texto.) O alocador de espao do contedo do conjunto de registros usa a sintaxe {RecordsetName.ColumnName}, em que Recordset o nome do conjunto de registros e ColumnName o nome da coluna que voc escolheu no conjunto. s vezes, o comprimento dos alocadores de espao para texto dinmico distorce o layout da pgina na janela Documento. Voc pode resolver o problema usando chaves vazias como alocadores de espao, como descrito no prximo tpico.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 579


Como tornar pginas dinmicas

Exibir alocadores de espao para texto dinmico


1 Selecione Editar > Preferncias > Elementos invisveis (Windows) ou Dreamweaver > Preferences > Invisible

Elements (Macintosh).
2 No menu pop-up Mostrar texto dinmico como, selecione { } e clique em OK.

Tornar as imagens dinmicas


Voc pode tornar dinmicas as imagens na sua pgina. Por exemplo, suponhamos que voc crie uma pgina para exibir itens venda em um leilo beneficente. Cada pgina incluiria texto descritivo e foto de um item. O layout geral da pgina permaneceria o mesmo para todos os itens, mas a foto (e o texto descritivo) poderia mudar.
1 Com a pgina aberta na Visualizao de design (Exibir > Design), coloque o ponto de insero onde voc deseja

que a imagem seja exibida na pgina.


2 Selecione Inserir > Imagem.

A caixa de dilogo Selecionar origem da imagem exibida.


3 Clique na opo Fontes de dados (Windows) ou no boto Data Source (Macintosh).

exibida uma lista de fontes de contedo.


4 Selecione uma fonte de contedo na lista e clique em OK.

A fonte de contedo deve ser um conjunto de registros que contm os caminhos dos arquivos de imagem. Dependendo da estrutura de arquivo do site, os caminhos podem ser absolutos, relativos ao documento ou raiz. Nota: Atualmente, o Dreamweaver no d suporte a imagens binrias armazenadas em um banco de dados. Caso nenhum registro seja exibido na lista ou caso os conjuntos de registros disponveis no atendam s suas necessidades, defina um novo conjunto de registros.

Mais tpicos da Ajuda


Definir um conjunto de registros sem escrever em SQL na pgina 563

Tornar os atributos de HTML dinmicos


Voc pode alterar dinamicamente a aparncia de uma pgina ligando os atributos de HTML a dados. Por exemplo, voc pode alterar a imagem do plano de fundo de uma tabela ligando o atributo background da tabela a um campo em um conjunto de registros. Voc pode ligar atributos HTML usando o painel Ligaes ou o Inspetor de propriedades.

Tornar atributos de HTML dinmicos usando o painel Ligaes


1 Abra o painel Ligaes escolhendo Janela > Ligaes. 2 Verifique se o painel Ligaes lista a fonte de dados que voc deseja usar.

A fonte de contedo deve conter dados apropriados ao atributo de HTML que voc deseja ligar. Caso nenhuma fonte de contedo seja exibida na lista ou caso as fontes de contedo disponveis no atendam s suas necessidades, clique no boto de adio (+) para definir uma nova fonte de dados.
3 Na Visualizao de design, selecione um objeto HTML.

Por exemplo, para selecionar uma tabela em HTML, clique dentro dela e, depois, clique na tag <table> no seletor de tags na parte inferior da janela Documento.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 580


Como tornar pginas dinmicas

4 No painel Ligaes, selecione uma fonte de contedo na lista. 5 Na caixa Ligar a, selecione um atributo de HTML no menu pop-up. 6 Clique em Ligar.

Na prxima vez em que a pgina for executada no servidor de aplicativo, o valor da fonte de dados ser vinculado ao atributo de HTML.

Tornar atributos de HTML dinmicos usando o Inspetor de propriedades


1 Na Visualizao de design, selecione um objeto HTML e abra o Inspetor de propriedades (Janela > Propriedades).

Por exemplo, para selecionar uma tabela em HTML, clique dentro dela e, depois, clique na tag <table> no seletor de tags na parte inferior da janela Documento.
2 Como voc liga uma fonte de contedo dinmico ao atributo de HTML depende de onde ela est localizada.

Caso o atributo que voc deseja ligar tenha um cone de pasta prximo a ele no Inspetor de propriedades, clique no
cone de pasta para abrir uma caixa de dilogo de seleo do arquivo e, em seguida, clique na opo Fontes de dados para exibir uma lista das fontes de dados.

Caso o atributo que voc deseja ligar no tenha um cone de pasta prximo a ele, clique na aba Lista (a aba mais
abaixo das duas) esquerda do inspetor. A visualizao Lista do Inspetor de propriedades exibida.

Caso o atributo que voc deseja ligar no esteja listado na visualizao Lista, clique no boto de adio (+) e, em
seguida, digite o nome do atributo ou clique no boto de seta pequeno e selecione o atributo no menu pop-up.
3 Para tornar o valor do atributo dinmico, clique no atributo e, em seguida, clique no cone do raio ou no cone da

pasta ao final da linha do atributo. Caso voc tenha clicado no cone do raio, uma lista de fontes de dados exibida. Caso tenha clicado no cone da pasta, uma caixa de dilogo para seleo de arquivo exibida. Selecione a opo Fontes de dados para exibir uma lista das fontes de contedo.
4 Selecione uma fonte de contedo na lista de fontes de contedo e clique em OK.

A fonte de contedo deve manter dados apropriados ao atributo de HTML que voc deseja ligar. Caso nenhuma fonte de contedo seja exibida na lista ou caso as fontes de contedo disponveis no atendam s suas necessidades, defina uma nova. Na prxima vez em que a pgina for executada no servidor de aplicativo, o valor da fonte de dados ser vinculado ao atributo de HTML.

Tornar ActiveX, Flash e outros parmetros de objeto dinmicos


Voc pode tornar os parmetros de applets Java e os plug-ins dinmicos, bem como os parmetros dos objetos de ActiveX, Flash, Shockwave, Director e Generator. Antes de comear, verifique se os campos do conjunto de registros mantm dados apropriados aos parmetros de objeto que voc deseja ligar.
1 Na Visualizao de design, selecione um objeto da pgina e abra o Inspetor de propriedades (Janela >

Propriedades).
2 Clique no boto Parmetros. 3 Caso o parmetro no seja exibido na lista, clique no boto de adio (+) e digite um nome de parmetro na coluna

Parmetro.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 581


Como tornar pginas dinmicas

4 Clique na coluna Valor do parmetro e, depois, clique no cone do raio para especificar um valor dinmico.

exibida uma lista de fontes de dados.


5 Selecione uma fonte de dados na lista e clique em OK.

A fonte de dados deve manter dados apropriados ao parmetro de objeto que voc deseja ligar. Caso nenhuma fonte de dados seja exibida na lista ou caso as fontes de dados disponveis no atendam s suas necessidades, defina uma nova.

Mais tpicos da Ajuda


Definio de origens de contedo dinmico na pgina 563

Alterao do contedo dinmico


Sobre o contedo dinmico
Voc pode alterar o contedo dinmico da pgina editando o comportamento de servidor que fornece o contedo. Por exemplo, voc pode editar um comportamento de servidor do conjunto de registros para fornecer mais registros pgina. O contedo dinmico de uma pgina listado no painel Comportamentos de servidor. Por exemplo, caso voc adicione um conjunto de registros pgina, o painel Comportamentos de servidor listado da seguinte forma:
Recordset(myRecordset)

Caso voc adicione outro conjunto de registros pgina, o painel Comportamentos de servidor lista ambos os conjuntos de registros da seguinte forma:
Recordset(mySecondRecordset)Recordset(myRecordset)

Editar contedo dinmico


1 Abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor). 2 Clique no boto de adio (+) para exibir os comportamentos de servidor e clique duas vezes no comportamento

de servidor do painel. A caixa de dilogo que voc usou para definir a fonte de dados original exibida.
3 Faa as alteraes na caixa de dilogo e clique em OK.

Excluir contedo dinmico


Depois de adicionar contedo dinmico a uma pgina, o exclua de uma das seguintes formas:

Selecione o contedo dinmico na pgina e pressione Excluir. Selecione o contedo dinmico no painel Comportamentos de servidor e clique no boto de subtrao (-).
Nota: Essa operao remove o script do servidor na pgina que recupera o contedo dinmico do banco de dados. Ela no exclui os dados do banco de dados.

Testar o contedo dinmico


Voc pode visualizar e editar contedo dinmico utilizando a Visualizao dinmica.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 582


Como tornar pginas dinmicas

Enquanto o contedo dinmico exibido, voc pode realizar as seguintes tarefas:

Ajustar o layout da pgina usando as ferramentas de design da pgina Adicionar, editar ou excluir contedo dinmico Adicionar, editar ou excluir comportamentos de servidor
1 Clique no boto Visualizao dinmica para exibir o contedo dinmico 2 Faa as alteraes necessrias na pgina. preciso alternar entre Visualizao dinmica e de design ou Visualizao

de cdigo para fazer as alteraes e ver como elas foram efetivadas.

Mais tpicos da Ajuda


Parmetros de formulrio em HTML na pgina 656 Parmetros de URL na pgina 657 Como funcionam as variveis de sesso na pgina 558

Deixar os usurios do Adobe Contribute editarem contedo dinmico


Quando um usurio do Contribute edita uma pgina com contedo dinmico ou elementos invisveis (como, por exemplo, scripts e comentrios), o Contribute exibe o contedo dinmico e os elementos invisveis como marcadores amarelos. Por padro, os usurios do Contribute no podem selecionar ou excluir esses marcadores. Caso queira que os usurios do Contribute possam selecionar e excluir contedo dinmico e outros elementos invisveis de uma pgina, voc pode alterar as configuraes do grupo de permisso para permitir isso. Normalmente, os usurios do Contribute jamais podem editar contedo dinmico, mesmo quando voc permite que eles o selecionem. Nota: Usando algumas tecnologias de servidor, voc pode exibir texto esttico usando uma tag ou uma funo do servidor. Para permitir que os usurios do Contribute editem o texto esttico em uma pgina dinmica que usa uma dessas tecnologias de servidor, coloque o texto fora das tags de servidor. Para obter mais informaes, consulte Administrao do Adobe Contribute.
1 Selecione Site > Administrar o site do Contribute. 2 Caso determinadas opes obrigatrias para a compatibilidade com o Contribute no estejam ativadas, uma caixa

de dilogo exibida perguntando se voc deseja ativar essas opes. Clique em OK para ativar essas opes e a compatibilidade com o Contribute.
3 Se solicitado, insira a senha de administrador e clique em OK.

A caixa de dilogo Administrar site exibida.


4 Na categoria Usurios e funes, selecione uma funo e clique no boto Editar configuraes de funo. 5 Selecione a categoria Edio e desmarque a opo para proteger scripts e formulrios. 6 Clique em OK para fechar a caixa de dilogo Editar configuraes. 7 Clique em Fechar para fechar a caixa de dilogo Administrar site.

Mais tpicos da Ajuda


Gerenciamento de sites do Contribute com o Dreamweaver na pgina 51 Criar um modelo para um site do Contribute na pgina 399

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 583


Como tornar pginas dinmicas

Modificar conjuntos de registros com o Inspetor de propriedades


Use o Inspetor de propriedades para modificar o conjunto de registros selecionado. As opes disponveis variam de acordo com o modelo do servidor.
1 Abra o Inspetor de propriedades (Janela > Propriedades) e, em seguida, selecione o conjunto de registros no painel

Comportamentos de servidor (Janela > Comportamento de servidor).


2 Edite todas as opes. Quando voc seleciona uma nova opo no inspetor, o Dreamweaver atualiza a pgina.

Mais tpicos da Ajuda


Editar contedo dinmico na pgina 581

Exibio de registros de banco de dados


Sobre os registros do banco de dados
A exibio de registros do banco de dados envolve a recuperao de informaes armazenadas em um banco de dados ou em outra fonte de contedo, alm do processamento dessas informaes em uma pgina da Web. O Dreamweaver fornece vrios mtodos de exibio de contedo dinmico, alm de muitos comportamentos de servidor incorporados que permitem aprimorar a apresentao de contedo dinmico e possibilitam aos usurios percorrer e navegar nas informaes retornadas de um banco de dados com mais facilidade. Os bancos de dados e as demais fontes de contedo dinmico oferecem mais eficincia e flexibilidade na pesquisa, na classificao e na visualizao de grandes armazenamentos de informaes. O uso de um banco de dados para armazenar contedo de sites se justifica quando voc precisa armazenar grandes quantidades de informaes e, em seguida, recuperar e exibir essas informaes de maneira significativa. O Dreamweaver oferece vrias ferramentas e comportamentos predefinidos para ajud-lo a recuperar e a exibir as informaes armazenadas em um banco de dados de maneira eficiente.

Comportamentos de servidor e elementos de formatao


O Dreamweaver fornece os seguintes comportamentos de servidor e elementos de formatao para permitir a exibio de dados dinmicos:
Formatos Permitem que voc aplique tipos diferentes de valores numricos, monetrios, de data/hora e porcentagem a textos dinmicos.

Por exemplo, caso o preo de um item em um conjunto de registros seja 10.989, voc pode exibir o preo na pgina como US$ 10.99 selecionando o formato Moeda - 2 casas decimais do Dreamweaver. Esse formato exibe um nmero usando duas casas decimais. Caso o nmero tenha mais de duas casas decimais, o formato de dados arredonda o nmero para o decimal mais prximo. Caso o nmero no tenha casas decimais, o formato de dados adiciona uma casa decimal e dois zeros.
Regio repetitiva Comportamentos de servidor permitem exibir vrios itens retornados de uma consulta de banco de

dados e especificar o nmero de registros a ser exibido por pgina.


Navegao do conjunto de registros Comportamentos de servidor permitem inserir elementos de navegao que

permitem aos usurios passar ao grupo de conjuntos de registros anteriores ou posteriores retornados pelo conjunto de registros. Por exemplo, caso opte por exibir 10 registros por pgina usando o objeto de servidor Regio repetitiva e o conjunto retorne 40 registros, voc pode navegar em 10 registros por vez.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 584


Como tornar pginas dinmicas

Barra de status Conjunto de registros Comportamentos de servidor permitem incluir um contador que mostra aos

usurios onde eles esto dentro de um conjunto de registros em relao ao nmero total de registros retornados.
Mostrar regio Comportamentos de servidor permitem optar por mostrar ou ocultar itens na pgina com base na

relevncia dos registros exibidos no momento. Por exemplo, caso um usurio tenha navegado at o ltimo registro de um conjunto, voc pode ocultar o link Prximo e exibir apenas o link Anterior.

Aplicao de elementos tipogrficos e de layout de pgina a dados dinmicos


Um recurso eficiente do Dreamweaver a possibilidade de apresentar dados dinmicos dentro de uma pgina estruturada e de aplicar formatao tipogrfica usando HTML e CSS. Para aplicar formatos a dados dinmicos no Dreamweaver, formate as tabelas e os alocadores de espao para os dados dinmicos usando as ferramentas de formatao do Dreamweaver. Quando so inseridos usando a fonte de dados, os dados adotam automaticamente a formatao da fonte, do pargrafo e da tabela especificada por voc.

Mais tpicos da Ajuda


Apresentao do contedo em tabelas na pgina 175 Adio e formatao do texto na pgina 217

Navegao em resultados do conjunto de recursos do banco de dados


Os links para navegao no conjunto de registros permitem aos usurios mover de um registro para o prximo ou de um conjunto de registros para o prximo. Por exemplo, depois de criar uma pgina para exibir cinco registros por vez, voc talvez queira adicionar links como, por exemplo, Prximo ou Anterior que permitem aos usurios exibir os cinco registros prximos ou anteriores. Voc pode criar quatro tipos de links de navegao para percorrer um conjunto de registros: Primeiro, Anterior, Prximo e ltimo. Uma nica pgina pode conter qualquer nmero desses links, desde que todos funcionem em um nico conjunto de registros. Voc no pode adicionar links para percorrer um segundo conjunto de registros na mesma pgina. Os links para navegao no conjunto de registros exigem os seguintes elementos dinmicos:

Um conjunto de registros para navegao Contedo dinmico na pgina para exibir o(s) registro(s) Texto ou imagens na pgina para funcionar como uma barra de navegao clicvel Um conjunto Mover para registro dos comportamentos de servidor para navegar no conjunto de registros
Voc pode adicionar os dois ltimos elementos usando o objeto de servidor Barras para navegao em registros ou adicion-los separadamente usando as ferramentas de design e o painel Comportamentos de servidor.

Criar uma barra de navegao do conjunto de registros


Voc pode criar uma barra de navegao do conjunto de registros em uma nica operao usando o comportamento de servidor Barra de navegao do conjunto de registros. O objeto de servidor adiciona os seguintes blocos de criao pgina:

Uma tabela em HTML com links de texto ou imagem Um conjunto de comportamentos de servidor Mover para Um conjunto de comportamentos de servidor Mostrar regio

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 585


Como tornar pginas dinmicas

A verso em texto de Barra de navegao do conjunto de registros semelhante a:

A verso em imagem de Barra de navegao do conjunto de registros semelhante a:

Antes de colocar a barra de navegao na pgina, verifique se a pgina contm um conjunto de registros para navegao e um layout de pgina no qual exibir os registros. Depois de colocar a barra de navegao na pgina, voc pode usar as ferramentas de design para personalizar a barra. Voc tambm pode editar os comportamentos de servidor Mover para e Mostrar regio clicando duas vezes neles no painel Comportamentos de servidor. O Dreamweaver cria uma tabela que contm links de texto ou de imagem que permitem ao usurio navegar no conjunto de registros selecionado quando clicado. Quando o primeiro registro do conjunto exibido, os links Primeiro e Anterior ou as imagens permanecem ocultos. Quando o ltimo registro do conjunto exibido, os links Prximo e ltimo ou as imagens permanecem ocultos. Voc pode personalizar o layout da barra de navegao usando as ferramentas de design e o painel Comportamentos de servidor.
1 Na Visualizao de design, coloque o ponto de insero no local da pgina onde voc deseja que a barra de

navegao seja exibida.


2 Exiba a caixa de dilogo Barra de navegao do conjunto de registros (Inserir > Objetos de dados > Paginao do

conjunto de registros > Barra de navegao do conjunto de registros).


3 Selecione o conjunto de registros em que voc deseja navegar no menu pop-up Conjunto de registros. 4 Na seo Exibir usando, selecione o formato para exibir os links de navegao na pgina e clique em OK.
Texto Coloca links de texto na pgina. Imagens Inclui imagens grficas como links. O Dreamweaver usa arquivos de imagem prprios. Voc pode substituir

essas imagens por arquivos de imagem prprios depois de colocar a barra na pgina.

Barras de navegao do conjunto de registros personalizadas


Voc pode criar sua prpria barra de navegao do conjunto de registros que usa layout e estilos de formatao mais complexos do que os da tabela simples criada pelo objeto de servidor Barra de navegao do conjunto de registros. Para criar sua prpria barra de navegao do conjunto de registros, voc deve:

Criar links de navegao em texto ou imagens Colocar os links na pgina usando a Visualizao de design Atribuir comportamentos de servidor individuais a cada link de navegao
Esta seo descreve como atribuir comportamentos de servidor individuais aos links de navegao.

Criar e atribuir comportamentos de servidor a um link de navegao


1 Na Visualizao de design, selecione a seqncia de caracteres de texto ou a imagem que voc deseja usar como link

para navegao em registros.


2 Abra o painel Comportamentos do servidor (Janela > Comportamentos do servidor) e clique no boto de adio (+).

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 586


Como tornar pginas dinmicas

3 Selecione Paginao do conjunto de registros no menu pop-up e, depois, selecione um comportamento de servidor

apropriado no link dos comportamentos de servidor listados. Caso o conjunto contenha vrios registros, o comportamento de servidor Mover para ltimo registro pode demorar muito para ser executado quando o usurio clica no link.
4 No menu pop-up Conjunto de registros, selecione o conjunto que contm os registros e clique em OK.

O comportamento de servidor atribudo ao link de navegao.

Definir as opes da caixa de dilogo Mover para (comportamento de servidor)


Adicione links que permitam ao usurio navegar nos registros de um conjunto.
1 Caso voc no tenha selecionado nada na pgina, selecione um link no menu pop-up. 2 Selecione o conjunto que contm os registros a serem percorridos e clique em OK.

Nota: Caso o conjunto contenha vrios registros, o comportamento de servidor Mover para ltimo registro pode demorar muito para ser executado quando o usurio clica no link.

Tarefas de design da barra de navegao


Ao criar uma barra de navegao personalizada, comece criando sua representao visual usando as ferramentas de design de pgina do Dreamweaver. Voc no precisa criar um link para a seqncia de caracteres de texto ou a imagem; o Dreamweaver cria um para voc. A pgina para a qual a barra de navegao foi criada deve conter um conjunto de registros para navegar. Uma barra de navegao do conjunto de registros simples pode ser semelhante a esta com botes de link criados fora das imagens ou outros elementos de contedo:

Depois de adicionar um conjunto de registros a uma pgina e criar uma barra de navegao, voc deve aplicar comportamentos de servidor a cada elemento de navegao. Por exemplo, uma barra de navegao do conjunto de registros tpica contm representaes dos seguintes links correspondentes ao comportamento apropriado:
Link de navegao Ir para primeira pgina Ir para pgina anterior Ir para prxima pgina Ir para ltima pgina Comportamento de servidor Mover para primeira pgina Mover para pgina anterior Mover para prxima pgina Mover para ltima pgina

Mais tpicos da Ajuda


Sobre conjuntos de registros na pgina 556

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 587


Como tornar pginas dinmicas

Exibir e ocultar regies com base nos resultados do conjunto de registros


Voc tambm pode especificar que uma regio seja exibida ou ocultada com base no preenchimento do conjunto de registros. Caso um conjunto de registros esteja vazio (por exemplo, nenhum registro foi encontrado correspondente consulta), voc pode exibir uma mensagem informando o usurio de que nenhum registro retornou. Isso especialmente til quando se criam pginas de pesquisa que dependam dos termos de pesquisa de entrada para executar consultas. Da mesma forma, voc pode exibir uma mensagem de erro caso haja um problema na conexo com um banco de dados ou caso o nome de usurio e a senha de um usurio no correspondam aos reconhecidos pelo servidor. Os comportamentos de servidor Mostrar regio so:

Mostrar se conjunto de registros estiver vazio Mostrar se conjunto de registros no estiver vazio Mostrar se for primeira pgina Mostrar se no for primeira pgina Mostrar se for ltima pgina Mostrar se no for ltima pgina
1 Na Visualizao de design, selecione a regio na pgina a ser mostrada ou ocultada. 2 No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no boto de adio (+). 3 Selecione Mostrar regio no menu pop-up, selecione um dos comportamentos de servidor listados e clique em OK.

Mais tpicos da Ajuda


Sobre os registros do banco de dados na pgina 583 Criar uma tabela dinmica na pgina 588

Exibir vrios resultados do conjunto de registros


O comportamento de servidor Regio repetitiva permite exibir vrios registros de um conjunto dentro de uma pgina. Qualquer seleo de dados dinmicos pode ser transformada em uma regio repetitiva. No entanto, as regies mais comuns so tabelas, linhas de tabelas ou uma srie de linhas de tabelas.
1 Na Visualizao de design, selecione uma regio que apresente contedo dinmico.

A seleo pode ser qualquer item, incluindo tabelas, linhas de tabelas ou mesmo um pargrafo do texto. Para selecionar uma regio na pgina com preciso, voc pode usar o seletor de tags no canto esquerdo da janela do documento. Por exemplo, caso a regio seja uma linha de tabela, clique dentro da linha na pgina e, depois, clique na tag <tr> direita no seletor para selecionar a linha da tabela.
2 Selecione Janela > Comportamentos de servidor para exibir o painel Comportamentos de servidor. 3 Clique no boto de adio (+) e selecione Regio repetitiva. 4 Selecione o nome do conjunto de registros a ser usado no menu pop-up. 5 Selecione o nmero de registros a serem exibidos por pgina e clique em OK.

Na janela Documento, um fino contorno cinza com abas exibido em torno da regio repetitiva.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 588


Como tornar pginas dinmicas

Mais tpicos da Ajuda


Sobre os registros do banco de dados na pgina 583 Editar contedo dinmico na pgina 581

Modificar regies repetitivas no Inspetor de propriedades


Modifique a regio repetitiva selecionada alterando qualquer uma das seguintes opes:

O nome da regio repetitiva. O conjunto que fornece os registros regio repetitiva. O nmero de registros exibidos
Quando voc seleciona uma nova opo, o Dreamweaver atualiza a pgina.

Criar e adicionar uma regio repetitiva para exibir vrios registros em uma pgina
1 Especifique o conjunto de registros que contm os dados a serem exibidos na regio repetitiva. 2 Especifique o nmero de registros a serem exibidos por pgina e clique em OK.

Caso voc especifique um nmero limitado de registros por pgina e o nmero de registros solicitados seja excedido, adicione links para navegao em registro para permitir aos usurios exibir os demais registros.

Criar uma tabela dinmica


O seguinte exemplo ilustra como o comportamento Regio repetitiva aplicado linha de uma tabela e especifica que so exibidos nove registros por pgina. A prpria linha exibe quatro registros diferentes: cidade, estado, endereo e CEP.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 589


Como tornar pginas dinmicas

Para criar uma tabela como, por exemplo, a do exemplo anterior, voc deve criar uma tabela que tenha contedo dinmico e aplicar o comportamento de servidor Regio repetitiva linha da tabela com o contedo dinmico. Quando a pgina processada pelo servidor de aplicativo, a linha repetida o nmero de vezes especificado no objeto de servidor Regio repetitiva com um registro diferente inserido em cada linha nova.
1 Escolha uma destas opes para inserir uma tabela dinmica:

Selecione Inserir > Objetos de dados > Dados dinmicos > Tabela dinmica para exibir a caixa de dilogo Tabela
dinmica.

Na categoria Dados do painel Inserir, clique no boto Dados dinmicos e selecione o cone Tabela dinmica no
menu pop-up.
2 Selecione o conjunto de registros no menu pop-up Conjunto de registros. 3 Selecione o nmero de registros a serem exibidos por pgina. 4 (Opcional) Insira os valores da borda da tabela, do preenchimento da clula e do espaamento da clula.

A caixa de dilogo Tabela dinmica mantm os valores que voc insere para bordas da tabela, preenchimento da clula e espaamento da clula. Nota: Caso voc esteja trabalhando em um projeto que exija vrias tabelas dinmicas com a mesma aparncia, insira os valores de layout da tabela, o que simplifica ainda mais o desenvolvimento da pgina. Voc pode ajustar esses valores depois de inserir a tabela usando o Inspetor de propriedades da tabela.
5 Clique em OK.

Uma tabela e os alocadores de espao do contedo dinmico definido no conjunto de registros associado so inseridos na pgina.

Nesse exemplo, o conjunto de registros contm quatro colunas: AUTHORID, FIRSTNAME, LASTNAME e BIO. A linha de cabealho da tabela preenchida com os nomes de cada coluna. Voc pode editar os cabealhos usando qualquer texto descritivo ou substitu-los por imagens representativas.

Criar contadores de registros


Os contadores de registros do aos usurios um ponto de referncia ao navegarem em um conjunto de registros. Normalmente, eles exibem o nmero total de registros retornados e os registros visualizados no momento. Por exemplo, se um conjunto retornasse 40 registros individuais e 8 fossem exibidos por pgina, o contador de registros na primeira pgina indicaria Exibindo registros 1-8 de 40. Para criar um contador de registros em uma pgina, voc deve criar um conjunto de registros para a pgina, um layout de pgina apropriado ao contedo dinmico e, em seguida, uma barra de navegao do conjunto de registros.

Mais tpicos da Ajuda


Sobre conjuntos de registros na pgina 556 Criar uma barra de navegao do conjunto de registros na pgina 584

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 590


Como tornar pginas dinmicas

Exibir vrios resultados do conjunto de registros na pgina 587 Criar uma tabela dinmica na pgina 588

Criar contadores de registros simples


Os contadores de registros permitem aos usurios saber onde esto em um determinado conjunto de registros em relao ao nmero total de registros retornados. Por essa razo, os contadores de registros so um comportamento til capaz de agregar usabilidade de uma pgina da Web de maneira significativa. Crie um contador de registros simples usando o objeto de servidor Status de navegao do conjunto de registros. Esse objeto de servidor cria uma entrada de texto na pgina para exibir o status de registro atual. Voc pode personalizar o contador de registros usando as ferramentas de design de pgina do Dreamweaver.
1 Coloque o ponto de insero onde voc deseja inserir um contador de registros. 2 Selecione Inserir > Objetos de dados > Exibir contagem de registros > Status de navegao do conjunto de registros

e, depois, selecione o conjunto de registros no menu pop-up Conjunto de registros e, em seguida, clique em OK. O objeto de servidor Status de navegao do conjunto de registros insere um contador de registros de texto semelhante ao seguinte exemplo:

Quando exibido na Visualizao dinmica, o contador exibido semelhante ao seguinte exemplo:

Criar e adicionar o contador de registros na pgina


Na caixa de dilogo Status de navegao do conjunto de registros, selecione o conjunto de registros a ser controlado

e clique em OK.

Criar contadores de registros personalizados


Voc usa comportamentos de contagem de registros para criar contadores de registros personalizados. A criao de um contador de registros personalizado permite criar um contador de registros que vai alm da tabela simples, de linha nica, inserida pelo objeto de servidor Status de navegao do conjunto de registros. Voc pode organizar elementos de design de vrias formas criativas e aplicar um comportamento de servidor apropriado a cada elemento. Os comportamentos de servidor Contagem de registros so:

Exibir nmero de registro inicial Exibir nmero de registro final Exibir total de registros
Para criar um contador de registros personalizado em uma pgina, voc deve criar inicialmente um conjunto de registros para a pgina, um layout de pgina apropriado ao contedo dinmico e, em seguida, uma barra de navegao do conjunto de registros. Este exemplo cria um contador de registros semelhante ao do exemplo em Contadores de registros simples. Nesse exemplo, o texto na fonte sans-serif representa os alocadores de espao da contagem de registros que sero inseridos na pgina. O contador de registros do exemplo exibido da seguinte forma: Exibindo registros de StartRow a EndRow de RecordSet.RecordCount.
1 Na Visualizao de design, digite o texto do contador na pgina. O texto pode ser o que voc quiser, por exemplo:
Displaying records thru of .

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 591


Como tornar pginas dinmicas

2 Coloque o ponto de insero ao final da seqncia de caracteres de texto. 3 Abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor). 4 Clique no boto de adio (+) no canto superior esquerdo e, depois, clique em Exibir contagem de registros. Nesse

submenu, selecione Exibir total de registros. O comportamento Exibir total de registros inserido na pgina, e um alocador de espao inserido onde estava o ponto de insero. A seqncia de caracteres de texto exibida da seguinte forma:
Displaying records thru of {Recordset1.RecordCount}.

5 Coloque o ponto de insero depois da palavra records e selecione Exibir nmero de registro inicial no painel

Comportamentos de servidor > boto de adio (+) > Contagem de registros. A seqncia de caracteres de texto exibida da seguinte forma:
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.

6 Agora coloque o ponto de insero entre as palavras thru e of e selecione Exibir nmero de registro inicial no

painel Comportamentos de servidor > boto de adio (+) > Contagem de registros. A seqncia de caracteres de texto exibida da seguinte forma:
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.

7 Confirme se o contador est funcionando corretamente exibindo a pgina na Visualizao dinmica; o contador

semelhante ao do seguinte exemplo:


Displaying records 1 thru 8 of 40.

Caso a pgina de resultados tenha um link de navegao para se mover para o prximo conjunto de registros, o clique no link atualiza o contador de registros para que ele exiba o seguinte:
Showing records 9 thru 16 of 40.

Usar formatos de dados predefinidos


O Dreamweaver inclui vrios formatos de dados predefinidos que voc pode aplicar a elementos de dados dinmicos. Entre os estilos de formato de dados esto data e hora, moeda e formatos numrico e percentuais.

Aplicar formatos de dados a contedo dinmico


1 Na janela Documento, selecione o alocador de espao do contedo dinmico. 2 Selecione Janela > Ligaes para exibir o painel Ligaes. 3 Clique no boto de seta para baixo na coluna Formato.

Caso a seta para baixo no esteja visvel, expanda o painel.


4 No menu pop-up Formato, selecione a categoria do formato de dados que voc deseja.

Verifique se o formato de dados apropriado ao tipo de dado que voc est formatando. Por exemplo, os formatos Moeda s funcionam caso os dados dinmicos consistam em dados numricos. Observe que voc no pode aplicar mais de um formato aos mesmos dados.
5 Verifique se o formato foi aplicado corretamente ao visualizar a pgina na Visualizao dinmica.

Personalizar um formato de dados


1 Abra uma pgina que contenha dados dinmicos na Visualizao de design. 2 Selecione os dados dinmicos cujo formato voc deseja personalizar.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 592


Como tornar pginas dinmicas

O item de dados ligado cujo texto dinmico voc selecionou realado no painel Ligaes (Janela > Ligaes). O painel exibe duas colunas para o item selecionado Ligao e Formato. Caso a coluna Formato no esteja visvel, alargue o painel Ligaes para mostr-la.
3 No painel Ligaes, clique na seta para baixo na coluna Formato para expandir o menu pop-up dos formatos de

dados disponveis. Caso a seta para baixo no esteja visvel, alargue ainda mais o painel Ligaes.
4 Selecione Editar lista de formatos no menu pop-up. 5 Complete a caixa de dilogo e clique em OK. a Selecione o formato na lista e clique em Editar. b Altere qualquer um dos seguintes parmetros nas caixas Moeda, Nmero ou Porcentagem e clique em OK.

O nmero de dgitos a serem exibidos aps a casa decimal Se um zero deve ser colocado antes das fraes Se os parnteses ou um sinal de subtrao devem ser usados em valores negativos Se os dgitos devem ser agrupados
c Para excluir um formato de dados, clique no formato na lista e clique no boto de subtrao (-).

Criar um formato de dados (apenas ASP)


1 Abra uma pgina que contenha dados dinmicos na Visualizao de design. 2 Selecione os dados dinmicos para os quais voc deseja criar um formato personalizado. 3 Selecione Janela > Ligaes para exibir o painel Ligaes e clique na seta para baixo na coluna Formato. Caso a seta

para baixo no esteja visvel, expanda o painel.


4 Selecione Editar lista de formatos no menu pop-up. 5 Clique no boto de adio (+) e selecione um tipo de formato. 6 Defina o formato e clique em OK. 7 Digite um nome para o novo formato na coluna Nome e clique em OK.

Nota: Embora o Dreamweaver suporte somente a criao de formatos de dados para pginas em ASP, os usurios do ColdFusion e do PHO podem baixar formatos que outros desenvolvedores criaram ou criar formatos de servidor e postlos no Dreamweaver Exchange. Para obter mais informaes sobre a API Formato de servidor, consulte Extenso do Dreamweaver (Ajuda > Extenso do Dreamweaver > Formatos de servidor).

Visualizao de live data


O recurso Visualizar Live Data est obsoleto no Dreamweaver CS5. Ele foi substitudo por Visualizao dinmica, um recurso mais simplificado. Para exibir live data em Visualizao dinmica, assegure-se de j ter feito o seguinte procedimento:

Definir uma pasta para processar pginas dinmicas (por exemplo, uma pasta raiz em um servidor ColdFusion ou
no computador ou em uma mquina remota). Caso a pgina exiba uma mensagem de erro quando voc ativar a Visualizao dinmica, verifique se o prefixo do URL na caixa de dilogo Definio de sites est correto.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 593


Como tornar pginas dinmicas

Copie os arquivos relacionados (se houver) para a pasta. Fornea pgina todos os parmetros que um usurio normalmente forneceria.

Fornecer live data pgina na Visualizao dinmica


1 Abra a caixa de dilogo Configuraes de visualizao dinmica (Exibir > Opes de visualizao dinmica >

Configuraes de solicitao HTTP).


2 Na rea Solicitao de URL, clique no boto de adio (+) e digite um parmetro que a pgina espera. 3 Especifique um nome e um valor de teste para cada parmetro. 4 No menu pop-up Mtodo, selecione o mtodo de formulrio em HTML que a pgina espera: POSTAR ou OBTER. 5 Na rea de texto Script de inicializao, inclua todos os cdigos-fonte que voc deseja inserir na parte superior da

pgina antes da execuo. Os scripts de inicializao consistem em cdigo que define as variveis de sesso.
6 Para salvar as configuraes da pgina atual, selecione Salvar configuraes para este documento e, depois, clique

em OK. Nota: Para salvar as configuraes, voc deve ativar as Design Notes (Arquivo > Design Notes).

Soluo de problemas de live data na Visualizao dinmica


Muitos problemas com a visualizao de dados dinmicos em Visualizao dinmica podem estar ligados a valores no encontrados ou incorretos na caixa de dilogo Definio de sites (Site > Editar sites). Marque a categoria Servidor de teste na caixa de dilogo Definio de sites. A caixa Pasta remota deve especificar uma pasta capaz de processar pginas dinmicas. Eis um exemplo de uma pasta remota apropriada caso o IIS ou o PWS esteja em execuo no disco rgido: C:\Inetpub\wwwroot\myapp\ Verifique se a caixa Prefixo do URL especifica um URL correspondente (mapeada para) pasta remota. Por exemplo, caso o PWS ou o IIS esteja em execuo no computador local, as seguintes pastas remotas tm os seguintes prefixos do URL:
Pasta remota C:\Inetpub\wwwroot\ C:\Inetpub\wwwroot\myapp\ C:\Inetpub\wwwroot\fs\planes Prefixo do URL http://localhost/ http://localhost/myapp/ http://localhost/fs/planes

Mais tpicos da Ajuda


Alternar entre visualizaes na janela Documento na pgina 17 Visualizao de pginas na Visualizao dinmica na pgina 287 Visualizao de pginas dinmicas em um navegador na pgina 552

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 594


Como tornar pginas dinmicas

Adio de comportamentos de servidor personalizados


Sobre os comportamentos de servidor personalizados
O Dreamweaver acompanha um conjunto de comportamentos de servidor incorporados que permite adicionar recursos dinmicos a um site. Voc pode estender a funcionalidade do Dreamweaver criando comportamentos de servidor para atender s suas necessidades de desenvolvimento ou obtendo comportamentos de servidor no site do Dreamweaver Exchange. Antes de criar comportamentos de servidor prprios, voc deve visitar o site do Dreamweaver Exchange para ver se alguma outra parte j criou um comportamento de servidor que fornece a funcionalidade que voc gostaria de adicionar ao site. Em geral, um desenvolvedor de outro fabricante j criou e testou um comportamento de servidor que atender s suas necessidades.

Acessar o Dreamweaver Exchange


1 No Dreamweaver, acesse o Dreamweaver Exchange de uma destas formas:

Selecione Ajuda > Dreamweaver Exchange. Selecione Janela > Comportamentos de servidor, clique no boto de adio (+) e selecione Obter mais
comportamentos de servidor. A pgina da Web do Dreamweaver Exchange aberta no navegador.
2 Faa logon no Exchange usando sua ID Adobe ou, caso ainda no tenha criado uma ID Dreamweaver Exchange

para voc mesmo, siga as instrues para abrir uma conta Adobe.

Instalar um comportamento de servidor ou outra extenso no Dreamweaver


1 Inicie o Gerente de extenso selecionando Comandos > Gerenciar extenses. 2 Selecione Arquivo > Instalar pacote no Gerente de extenso.

Para obter mais informaes, consulte Uso do Gerente de extenso.

Fluxo de trabalho dos comportamentos de servidor personalizados


Caso seja um desenvolvedor proficiente em ColdFusion, JavaScript, VBScript ou PHP, voc pode escrever seus prprios comportamentos de servidor. Entre as etapas para criar um comportamento de servidor esto as seguintes tarefas:

Escreva um ou mais blocos de cdigo que realizem a ao obrigatria. Especifique onde o bloco de cdigo deve ser inserido no cdigo HTML da pgina. Caso o comportamento de servidor exija que um valor seja especificado para um parmetro, crie uma caixa de
dilogo que solicite ao desenvolvedor que est aplicando o comportamento fornecer um valor apropriado.

Teste o comportamento de servidor antes de disponibiliz-lo aos demais.

Mais tpicos da Ajuda


Solicitar um parmetro para o comportamento de servidor na pgina 601 Teste dos comportamentos de servidor na pgina 604

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 595


Como tornar pginas dinmicas

Usar o Criador de comportamentos de servidor


Use o Criador de comportamentos de servidor para adicionar o(s) bloco(s) de cdigo que o comportamento insere em uma pgina.
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Novo comportamento de servidor.


2 No menu pop-up Tipo de documento, selecione o tipo de documento para o qual voc est desenvolvendo o

comportamento de servidor.
3 Na caixa Nome, digite um nome para o comportamento de servidor. 4 (Opcional) Para copiar um comportamento de servidor existente a ser adicionado ao comportamento que voc est

criando, selecione a opo Copiar comportamento de servidor existente e, depois, selecione o comportamento de servidor no menu pop-up Comportamento a ser copiado. Clique em OK. A caixa de dilogo Criador de comportamentos de servidor exibida.
5 Para adicionar um novo bloco de cdigo, clique no boto de adio (+), digite um nome para o bloco de cdigo e

clique em OK. O nome que voc digita exibido no Criador de comportamentos de servidor com as tags de script apropriadas visveis na caixa Bloco de cdigo.
6 Na caixa Bloco de cdigo, digite o cdigo de runtime necessrio implementao do comportamento de servidor.

Nota: Ao digitar o cdigo na caixa Bloco de cdigo, voc s pode inserir uma nica tag ou bloco de cdigo para cada bloco de cdigo nomeado (por exemplo, myBehavior_block1, myBehavior_block2, myBehavior_blockn etc.). Caso voc tenha que inserir vrias tags ou blocos de cdigo, crie um bloco de cdigo individual para cada uma. Voc tambm pode copiar e colar cdigo de outras pginas.
7 Coloque o ponto de insero no bloco de cdigo em que voc deseja inserir o parmetro ou selecione uma

seqncia de caracteres a ser substituda por um parmetro.


8 Clique no boto Inserir o parmetro no bloco de cdigo. 9 Digite um nome para o parmetro na caixa Nome do parmetro (por exemplo, Sesso) e clique em OK.

O parmetro inserido no bloco de cdigo no local em que voc colocou o ponto de insero antes da definio do parmetro. Caso voc selecione uma seqncia de caracteres, todas as instncias da seqncia de caracteres selecionada so substitudas por um marcador de parmetro (por exemplo, @@Sesso@@).
10 Selecione uma opo no menu pop-up Inserir cdigo especificando onde incorporar os blocos de cdigo. 11 (Opcional) Para especificar informaes adicionais sobre o comportamento de servidor, clique no boto Avanado. 12 Para criar mais blocos de cdigo, repita as etapas de 5 a 11. 13 Caso o comportamento de servidor exija que os parmetros sejam fornecidos a ele, voc deve criar uma caixa de

dilogo que aceite parmetros da pessoa que aplica o comportamento. Consulte o link abaixo.
14 Depois de realizar as etapas obrigatrias criao do comportamento de servidor, clique em OK.

O painel Comportamentos de servidor lista o comportamento de servidor.


15 Teste o comportamento de servidor e verifique se ele est funcionando corretamente.

Mais tpicos da Ajuda


Repetio dos blocos de cdigo com a diretiva de loop na pgina 599 Diretrizes de codificao na pgina 604

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 596


Como tornar pginas dinmicas

Solicitar um parmetro para o comportamento de servidor na pgina 601 Adio de comportamentos de servidor personalizados na pgina 594

Opes avanadas
Depois que voc especifica o cdigo-fonte e insere o local de cada bloco de cdigo, o comportamento de servidor est totalmente definido. Na maioria dos casos, voc no precisa especificar nenhuma informao adicional. Caso seja um usurio avanado, voc pode definir uma das seguintes opes:
Identificador Especifica se o bloco de cdigo deve ser tratado como um identificador.

Por padro, todos os blocos de cdigo so identificadores. Caso o Dreamweaver localize um bloco de cdigo identificador em qualquer lugar de um documento, ele lista o comportamento no painel Comportamentos de servidor. Use a opo Identificador para especificar se o bloco de cdigo deve ser tratado como um identificador. Pelo menos um dos blocos de cdigo do comportamento de servidor deve ser identificador. Um bloco de cdigo no deve ser um identificador caso uma das seguintes condies se aplique: o mesmo bloco de cdigo usado por outro comportamento de servidor, ou o bloco to simples que pode ocorrer naturalmente na pgina.
Ttulo do comportamento de servidor Especifica o ttulo do comportamento no painel Comportamentos de servidor.

Quando o designer da pgina clicar no boto de adio (+) no painel Comportamentos de servidor, o ttulo do novo comportamento de servidor ser exibido no menu pop-up. Quando um designer aplica uma ocorrncia de um comportamento de servidor a um documento, o comportamento exibido na lista de comportamentos aplicados no painel Comportamentos de servidor. Use a caixa Ttulo do comportamento de servidor para especificar o contedo do menu pop-up de adio (+) e a lista dos comportamentos aplicados. O valor inicial da caixa o nome que voc forneceu na caixa de dilogo Novo comportamento de servidor. medida que os parmetros so definidos, o nome atualizado automaticamente para que os parmetros sejam exibidos entre parnteses depois do nome do comportamento de servidor.
Set Session Variable (@@Name@@, @@Value@@)

Caso o usurio aceite o valor padro, tudo o que estiver antes dos parnteses exibido no menu pop-up de adio (+) (por exemplo, Definir varivel de sesso). O nome mais os parmetros sero exibidos na lista dos comportamentos aplicados por exemplo, Definir varivel de sesso ("abcd", "5").
Bloco de cdigo a ser selecionado Especifica o bloco de cdigo selecionado quando o usurio seleciona o

comportamento no painel Comportamentos de servidor. Quando voc aplica um comportamento de servidor, um dos blocos de cdigo do comportamento designado como sendo o bloco de cdigo a ser selecionado. Caso voc aplique o comportamento de servidor e, em seguida, selecione o comportamento no painel Comportamentos de servidor, o bloco designado selecionado na janela Documento. Por padro, o Dreamweaver seleciona o primeiro bloco de cdigo que no esteja acima da tag html. Caso todos os blocos de cdigo estejam acima da tag html, selecionado o primeiro. Os usurios avanados podem especificar qual o bloco de cdigo selecionado.

Criao dos blocos de cdigo


Os blocos de cdigo que voc cria no Criador de comportamentos de servidor so integrados em um comportamento de servidor exibido no painel Comportamentos de servidor. O cdigo pode ser qualquer cdigo de runtime vlido para o modelo de servidor especificado. Por exemplo, caso voc escolha ColdFusion como o tipo de documento para o comportamento de servidor personalizado, o cdigo que voc escreve deve ser um cdigo do ColdFusion vlido em execuo em um servidor de aplicativo do ColdFusion.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 597


Como tornar pginas dinmicas

Voc pode criar os blocos de cdigo diretamente no Criador de comportamentos de servidor ou copiar e colar o cdigo de outras fontes. Cada bloco de cdigo que voc cria no Criador de comportamentos de servidor deve ser um bloco com tag ou script nico. Caso voc insira vrios blocos de tag, divida-os em blocos de cdigo separados. Condies em blocos de cdigo O Dreamweaver permite que voc desenvolva blocos de cdigo que incorporam instrues de controle executadas periodicamente. O Criador de comportamentos de servidor usa as instrues if, elseif e else, podendo conter parmetros do comportamento de servidor. Isso permite inserir blocos de texto alternativos com base nos valores das relaes OR entre os parmetros de comportamento do servidor. O seguinte exemplo mostra as instrues if, elseif e else. Os colchetes ([ ]) indicam o cdigo opcional e o asterisco (*), zero ou mais instncias. Para executar uma parte de um bloco de cdigo ou todo o bloco somente se uma ou mais determinadas condies se aplicarem, use a seguinte sintaxe:
<@ if (expression1) @>conditional text1[<@ elseif (expression2) @>conditional text2]*[<@ else @> conditional text3]<@ endif @>

As expresses de condio podem ser qualquer expresso JavaScript que possa ser avaliada com o uso da funo eval() do JavaScript, podendo incluir um parmetro do comportamento de servidor marcado por @@s. (Os @@s diferenciam o parmetro das variveis e palavras-chave do JavaScript.) Uso efetivo de expresses condicionais Durante o uso das diretivas if, else e elseif dentro da tag XML insertText, o texto participante pr-processado para resolver as diretivas if e determinar o texto a ser includo no resultado. As diretivas if e elseif usam a expresso como um argumento. A expresso de condio igual s expresses de condio JavaScript, tambm podendo conter parmetros do comportamento de servidor. Diretivas como essa permitem optar por blocos de cdigo alternativos baseados nos valores ou nas relaes entre parmetros do comportamento de servidor. Por exemplo, o seguinte cdigo do JSP acompanha um comportamento de servidor do Dreamweaver que usa um bloco de cdigo convencional:
@@rsName@@.close(); <@ if (@@callableName@@ != '') @> @@callableName@@.execute(); @@rsName@@ = @@callableName@@.getResultSet();<@ else @> @@rsName@@ = Statement@@rsName@@.executeQuery(); <@ endif @> @@rsName@@_hasData = @@rsName@@.next();

O bloco de cdigo convencional comea com <@ if (@@callableName@@ != '') @> e termina com <@ endif @>. De acordo com o cdigo, caso o usurio digite um valor para o parmetro @@callableName@@ na caixa de dilogo Parmetro do comportamento de servidor em outras palavras, caso o valor de parmetro @@callableName@@ no seja nulo ou (@@callableName@@ != '') , o bloco de cdigo condicional substitudo pelas seguintes instrues:
@@callableName@@.execute(); @@rsName@@ = @@callableName@@.getResultSet();

Do contrrio, o bloco de cdigo substitudo pela seguinte instruo:


@@rsName@@ = Statement@@rsName@@.executeQuery();

Mais tpicos da Ajuda


Repetio dos blocos de cdigo com a diretiva de loop na pgina 599

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 598


Como tornar pginas dinmicas

Posicionamento de um bloco de cdigo


Ao criar blocos de cdigo usando o Criador de comportamentos de servidor, voc deve especificar onde inseri-los no cdigo HTML da pgina. Por exemplo, caso insira um bloco de cdigo acima da tag de abertura <html>, voc deve especificar a posio do bloco em relao s demais tags, scripts e comportamentos de servidor na seo do cdigo HTML da pgina. Entre os exemplos tpicos esto o posicionamento de um comportamento antes ou depois de qualquer consulta ao conjunto de registros que tambm possa existir no cdigo da pgina acima da tag de abertura <html>. Quando voc seleciona uma opo de posicionamento no menu pop-up Inserir cdigo, as opes disponveis no menu pop-up Posio relativa mudam para fornecer opes relevantes a essa parte da pgina. Por exemplo, caso voc selecione Acima da tag <html> no menu pop-up Inserir cdigo, as opes de posicionamento disponveis no menu pop-up Posio relativa refletem opes relevantes parte da pgina. A seguinte tabela mostra as opes de insero do bloco de cdigo, alm das opes de posicionamento relativo disponveis a cada uma:
Opes de Inserir cdigo Acima da tag <html> Opes de posio relativa

No incio do arquivo Logo antes dos conjuntos de registros Logo aps os conjuntos de registros Logo acima da tag <html> Posio personalizada Antes do fim do arquivo Antes da finalizao do conjunto de registros Aps a finalizao do conjunto de registros Aps a tag </html> Posio personalizada

Abaixo da tag </html>

Relativo a determinada tag

Selecione uma tag no menu pop-up Tag e, em seguida, escolha uma das opes de posicionamento. Antes da seleo Aps a seleo Substituir a seleo Envolver a seleo

Relativo seleo

Para especificar uma posio personalizada, voc deve atribuir um peso ao bloco de cdigo. Use a opo Posio personalizada somente quando voc quiser inserir mais de um bloco de cdigo em uma determinada ordem. Por exemplo, para inserir uma srie ordenada dos trs blocos de cdigo aps os blocos de cdigo que abrem os conjuntos de registros, voc inseriria um peso 60 para o primeiro bloco, 65 para o segundo e 70 para o terceiro. Por padro, o Dreamweaver atribui um peso 50 a todos os blocos de cdigo que abrem o conjunto de registros inseridos acima da tag <html>. Caso o peso de dois ou mais blocos seja o mesmo, o Dreamweaver define aleatoriamente a ordem entre os blocos.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 599


Como tornar pginas dinmicas

Mais tpicos da Ajuda


Solicitar um parmetro para o comportamento de servidor na pgina 601 Diretrizes de codificao na pgina 604 Sobre os comportamentos de servidor personalizados na pgina 594 Criao dos blocos de cdigo na pgina 596 Teste dos comportamentos de servidor na pgina 604

Posicionar um bloco de cdigo (instrues gerais)


1 Usando o Criador de comportamentos de servidor, escreva um bloco de cdigo. 2 Na caixa de dilogo Criador de comportamentos de servidor, selecione uma posio na qual inserir o bloco de

cdigo no menu pop-up Inserir cdigo.


3 Na caixa de dilogo Criador de comportamentos de servidor, selecione uma posio relativa ao que voc selecionou

no menu pop-up Inserir cdigo.


4 Caso complete a criao do bloco de cdigo, clique em OK.

O comportamento de servidor listado no painel Comportamentos de servidor (Janela > Comportamento de servidor); clique no boto de adio (+) para exibi-lo.
5 Teste o comportamento de servidor e verifique se ele est funcionando corretamente.

Posicionar um bloco de cdigo relativo a outra tag na pgina


1 No menu pop-up Inserir cdigo, selecione Relativo a determinada tag. 2 Na caixa Tag, digite a tag ou selecione uma no menu pop-up.

Caso voc insira uma tag, no inclua os sinais de menor e maior (<>).
3 Especifique um local relativo tag escolhendo uma opo no menu pop-up Posio relativa.

Posicionar um bloco de cdigo relativo a uma tag selecionada pelo designer da pgina
1 No menu pop-up Inserir cdigo, selecione Relativo seleo. 2 Especifique um local relativo seleo escolhendo uma opo no menu pop-up Posio relativa.

Voc pode inserir o cdigo de bloco logo antes ou logo depois da seleo. Voc tambm pode substituir a seleo pelo bloco de cdigo ou envolv-lo em torno da seleo. Para envolver o bloco de cdigo em torno de uma seleo, a seleo deve consistir em tags de abertura e de fechamento sem nada entre elas como a seguinte:
<CFIF Day="Monday"></CFIF>

Insira a parte da tag de abertura do bloco de cdigo antes da tag de abertura da seleo e a parte da tag de fechamento do bloco de cdigo depois da tag de fechamento da seleo.

Repetio dos blocos de cdigo com a diretiva de loop


Para repetir uma parte de um bloco de cdigo ou todo o bloco algumas vezes, use a seguinte sintaxe:
<@ loop (@@param1@@,@@param2@@) @>code block<@ endloop @>

Ao criar comportamentos de servidor, voc pode usar construtos de loop para repetir um bloco de cdigo um nmero especificado de vezes.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 600


Como tornar pginas dinmicas

<@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @>code block <@ endloop @>

A diretiva de loop aceita uma lista separada por vrgulas das matrizes de parmetros como argumentos. Nesse caso, os argumentos da matriz de parmetros permitem ao usurio fornecer vrios valores para um nico parmetro. O texto repetitivo duplicado n vezes, em que n o comprimento dos argumentos da matriz de parmetros. Caso seja especificado mais de um argumento de matriz de parmetros, todas as matrizes devem ter o mesmo comprimento. Na ensima avaliao do loop, o ensimo elemento da matriz de parmetros substitui as instncias do parmetro associado no bloco de cdigos. Ao criar uma caixa de dilogo para o comportamento de servidor, voc pode adicionar um controle caixa de dilogo que permite ao designer da pgina criar matrizes de parmetros. O Dreamweaver inclui um controle de matriz simples que voc pode usar para criar caixas de dilogo. Esse controle, chamado Lista separada por vrgula do campo de texto, est disponvel no Criador de comportamentos de servidor. Para criar elementos de interface de usurio mais complexos, consulte a documentao da API para criar uma caixa de dilogo com um controle de criao de matrizes (um controle de grade, por exemplo). Voc pode aninhar qualquer nmero de condicionais ou diretivas de loop em uma diretiva condicional. Por exemplo, voc pode especificar se uma expresso verdadeira para executar um loop. O seguinte exemplo mostra como blocos de cdigo repetitivos podem ser usados para criar comportamentos de servidor (o exemplo um comportamento do ColdFusion usado para acessar um procedimento armazenado):
<CFSTOREDPROC procedure="AddNewBook" datasource=#MM_connection_DSN# username=#MM_connection_USERNAME# password=#MM_connection_PASSWORD#> <CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryID#" cfsqltype="CF_SQL_INTEGER"> <CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#" cfsqltype="CF_SQL_VARCHAR"> </CFSTOREDPROC>

Neste exemplo, a tag CFSTOREDPROC pode incluir zero ou mais tags CFPROCPARAM. No entanto, sem o suporte diretiva de loop, no h como incluir as tags CFPROCPARAM na tag CFSTOREDPROC inserida. Se isso fosse criado como um comportamento de servidor sem o uso da diretiva de loop, voc precisaria dividir esse exemplo em dois participantes: uma tag principal CFSTOREDPROC e uma tag CFPROCPARAM cujo tipo de participante mltiplo. Usando a diretiva de loop, voc pode escrever o mesmo procedimento da seguinte forma:
<CFSTOREDPROC procedure="@@procedure@@" datasource=#MM_@@conn@@_DSN# username=#MM_@@conn@@_USERNAME# password=#MM_@@conn@@_PASSWORD#> <@ loop (@@paramName@@,@@value@@,@@type@@) @> <CFPROCPARAM type="IN" dbvarname="@@paramName@@" value="@@value@@" cfsqltype="@@type@@"> <@ endloop @> </CFSTOREDPROC>

Nota: As novas linhas depois de cada @> so ignoradas. Caso o usurio tenha inserido os seguintes valores de parmetro na caixa de dilogo Criador de comportamentos de servidor:

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 601


Como tornar pginas dinmicas

procedure = "proc1" conn = "connection1" paramName = ["@CategoryId", "@Year", "@ISBN"] value = ["#Form.CategoryId#", "#Form.Year#", "#Form.ISBN#"] type = ["CF_SQL_INTEGER", "CF_SQL_INTEGER", "CF_SQL_VARCHAR"]

O comportamento de servidor inseriria o seguinte cdigo de runtime na pgina:


<CFSTOREDPROC procedure="proc1" datasource=#MM_connection1_DSN# username=#MM_connection1_USERNAME# password=#MM_connection1_PASSWORD#> <CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryId#" cfsqltype="CF_SQL_INTEGER"> <CFPROCPARAM type="IN" dbvarname="@Year" value="#Form.Year#" cfsqltype="CF_SQL_INTEGER"> <CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#" cfsqltype="CF_SQL_VARCHAR"> </CFSTOREDPROC>

Nota: As matrizes de parmetros no podem ser usadas fora de um loop, exceto como parte de uma expresso de diretiva condicional. Uso das variveis _length e _index da diretiva de loop A diretiva de loop inclui duas variveis incorporadas que voc pode usar em condies if incorporadas. As variveis so: _length e _index. A varivel _length avalia o comprimento das matrizes processadas pela diretiva de loop, ao passo que a varivel _index avalia o ndice atual da diretiva de loop. Para garantir que as variveis s sejam reconhecidas como diretivas, e no como parmetros reais a serem passados para o loop, no coloque nenhuma das variveis entre @@s. Um exemplo de uso das variveis incorporadas aplic-las ao atributo import da diretiva de pgina. O atributo
import exige a separao dos pacotes por vrgulas. Caso a diretiva loop se estenda por todo o atributo import, voc

obtm apenas o nome de atributo import= na primeira iterao do loop isso inclui as aspas de fechamento (") e no uma vrgula na ltima iterao do loop. Usando a varivel incorporada, voc pode expressar isso da seguinte forma:
<@loop (@@Import@@)@> <@ if(_index == 0)@>import=" <@endif@>@@Import@@<@if (_index == _length-1)@>"<@else@>, <@ endif @> <@endloop@>

Solicitar um parmetro para o comportamento de servidor


Os comportamentos de servidor normalmente exigem que o designer da pgina fornea um valor de parmetro. Esse valor deve ser inserido antes do cdigo do comportamento de servidor ser inserido na pgina. Voc cria a caixa de dilogo definindo os parmetros fornecidos pelo designer no cdigo. Em seguida, voc gera uma caixa de dilogo para o comportamento de servidor, que solicita ao designer da pgina um valor de parmetro. Nota: Um parmetro adicionado ao bloco de cdigo sem a sua interveno caso voc especifique que o cdigo deve ser inserido relativo a uma tag especfica escolhida pelo designer da pgina (ou seja, voc escolhe Relativo a determinada tag no menu pop-up Inserir cdigo). O parmetro adiciona um menu de tag caixa de dilogo do comportamento para permitir ao designer da pgina selecionar uma tag.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 602


Como tornar pginas dinmicas

Definir o parmetro no cdigo do comportamento de servidor


1 Digite um marcador de parmetro no cdigo em que voc deseja inserir o valor de parmetro fornecido. O

parmetro tem a seguinte sintaxe:


@@parameterName@@

2 Coloque a seqncia de caracteres formParam entre marcadores de parmetro (@@):


<% Session("lang_pref") = Request.Form("@@formParam@@"); %>

Por exemplo, caso o comportamento de servidor contenha o seguinte bloco de cdigo:


<% Session("lang_pref") = Request.Form("Form_Object_Name"); %>

Para exigir que o designer da pgina fornea o valor de Form_Object_Name, coloque a seqncia de caracteres entre marcadores de parmetro (@@):
<% Session("lang_pref") = Request.Form("@@Form_Object_Name@@"); %>

Voc tambm pode realar a seqncia de caracteres e clicar no boto Inserir o parmetro no bloco de cdigo. Digite o nome de um parmetro e clique em OK. O Dreamweaver substitui todas as instncias da seqncia de caracteres realada pelo nome de parmetro especificado entre marcadores de parmetro. O Dreamweaver usa as seqncias de caracteres que voc coloca entre marcadores de parmetro para identificar os controles na caixa de dilogo gerada (consulte o seguinte procedimento). No exemplo anterior, o Dreamweaver cria uma caixa de dilogo com o seguinte rtulo:

Nota: Os nomes de parmetro no cdigo do comportamento de servidor no podem ter espaos. Por isso, os rtulos da caixa de dilogo no podem ter nenhum espao. Caso queira incluir espaos no rtulo, voc pode editar o arquivo HTML gerado.

Criar uma caixa de dilogo para o comportamento de servidor a fim de solicitar o valor de parmetro
1 No Criador de comportamentos de servidor, clique em Avanar. 2 Para alterar a ordem de exibio dos controles da caixa de dilogo, selecione um parmetro e clique nas setas para

cima e para baixo.


3 Para alterar o controle de um parmetro, selecione o parmetro e, depois, selecione outro controle na coluna Exibir

como.
4 Clique em OK.

O Dreamweaver gera uma caixa de dilogo com um controle identificado para cada parmetro fornecido por designer que voc define.

Exibir a caixa de dilogo


Clique no boto de adio (+) no painel Comportamentos de servidor (Janela > Comportamentos de servidor) e

selecione o comportamento de servidor personalizado no menu pop-up.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 603


Como tornar pginas dinmicas

Editar a caixa de dilogo que voc criou para o comportamento de servidor


1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Editar comportamentos de servidor no menu pop-up.


2 Selecione o comportamento de servidor na lista e clique em Abrir. 3 Clique em Avanar.

Uma caixa de dilogo exibida listando todos os parmetros fornecidos pelo designer que voc definiu no cdigo.
4 Para alterar a ordem de exibio dos controles da caixa de dilogo, selecione um parmetro e clique nas setas para

cima e para baixo.


5 Para alterar o controle de um parmetro, selecione o parmetro e, depois, selecione outro controle na coluna Exibir

como.
6 Clique em OK.

Editar e modificar comportamentos de servidor


Voc pode editar qualquer comportamento de servidor criado com o Criador de comportamentos de servidor, inclusive comportamentos de servidor que voc baixa no site do Dreamweaver Exchange e de desenvolvedores de outros fabricantes. Caso voc aplique um comportamento de servidor a uma pgina e, em seguida, edite o comportamento no Dreamweaver, as instncias do comportamento antigo deixam de ser exibidas no painel Comportamentos de servidor. O painel Comportamentos de servidor pesquisa a pgina em busca do cdigo correspondente ao cdigo dos comportamentos de servidor conhecidos. Caso o cdigo de um comportamento de servidor seja alterado, o painel no reconhece as verses anteriores do comportamento na pgina.

Mais tpicos da Ajuda


Usar o Criador de comportamentos de servidor na pgina 595 Posicionamento de um bloco de cdigo na pgina 598

Manter as verses anterior e nova do comportamento no painel


Clique no boto de adio (+) no painel Comportamentos de servidor (Janela > Comportamentos de servidor),

selecione Novo comportamento de servidor e crie uma cpia do comportamento de servidor antigo.

Editar o cdigo de um comportamento de servidor criado com o Criador de comportamentos de servidor


1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Editar comportamentos de servidor no menu pop-up. A caixa de dilogo Editar comportamentos de servidor exibe todos os comportamentos relacionados tecnologia de servidor atual.
2 Selecione o comportamento de servidor e clique em Editar. 3 Selecione o bloco de cdigo apropriado e modifique o cdigo, as marcas de parmetro ou a posio do bloco de

cdigo a ser inserido nas pginas.


4 Caso o cdigo modificado no contenha nenhum parmetro fornecido pelo designer, clique em OK.

O Dreamweaver gera novamente o comportamento de servidor sem uma caixa de dilogo. O novo comportamento de servidor exibido no menu pop-up de adio (+) do painel Comportamentos de servidor.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 604


Como tornar pginas dinmicas

5 Caso o cdigo modificado contenha parmetros fornecidos pelo designer, clique em Avanar.

O Dreamweaver pergunta se voc deseja criar uma nova caixa de dilogo substituindo a anterior. Faa as alteraes e clique em OK. O Dreamweaver salva todas as alteraes no arquivo EDML do comportamento de servidor.

Diretrizes de codificao
Em geral, o cdigo do comportamento de servidor deve ser compacto e eficiente. Os desenvolvedores de aplicativo da Web so muito sensveis ao cdigo adicionado s suas pginas. Siga as prticas de codificao geralmente aceitas para linguagens do tipo documento (ColdFusion, JavaScript, VBScript ou PHP). Ao escrever comentrios, considere os pblicos tcnicos diferentes que talvez precisem compreender o cdigo como, por exemplo, os designers da Web e de interao ou outros desenvolvedores de aplicativo da Web. Inclua comentrios que descrevam com preciso o propsito do cdigo e todas as instrues especiais para inclu-lo em uma pgina. No se esquea das seguintes diretrizes de codificao quando voc criar comportamentos de servidor:
Verificao de erros Um requisito importante. O cdigo do comportamento de servidor deve lidar tranqilamente com casos de erro. Tente prever todas as possibilidades. Por exemplo, e se uma solicitao de parmetro falha? E se nenhum registro retornar de uma consulta? Nomes exclusivos Ajude a garantir que o cdigo seja claramente identificvel e evite diferenas de nome em relao ao cdigo existente. Por exemplo, caso a pgina contenha uma funo chamada hideLayer() e uma varivel global chamada ERROR_STRING e o comportamento de servidor insira um cdigo que tambm usa esses nomes, o comportamento de servidor pode entrar em conflito com o cdigo existente. Prefixos de cdigo Eles permitem que voc identifique funes de runtime prprias e variveis globais em uma pgina. Uma conveno usar as iniciais. Nunca use o prefixo MM_ porque ele est reservado apenas para uso do Dreamweaver. O Dreamweaver precede todas as funes e variveis globais com o prefixo MM_ para impedir que elas entrem em conflito com qualquer cdigo que voc escreva.
var MM_ERROR_STRING = "..."; function MM_hideLayer() {

Evite blocos de cdigo semelhantes para que o cdigo que voc escreve no seja muito semelhante ao cdigo em outros blocos. Caso um bloco de cdigo seja muito semelhante a outro bloco de cdigo na pgina, o painel Comportamentos de servidor pode identificar por engano o primeiro bloco de cdigo como uma ocorrncia do segundo (ou o inverso). Uma soluo simples adicionar um comentrio a um bloco de cdigo para torn-lo exclusivo.

Mais tpicos da Ajuda


Sobre os comportamentos de servidor personalizados na pgina 594 Fluxo de trabalho dos comportamentos de servidor personalizados na pgina 594

Teste dos comportamentos de servidor


O Exchange do Dreamweaver recomenda a realizao dos seguintes testes em todos os comportamentos de servidor que voc cria:

Aplique o comportamento do painel Comportamentos de servidor. Caso haja uma caixa de dilogo, insira dados
vlidos nos campos e clique em OK. Verifique se no ocorre nenhum erro quando o comportamento aplicado. Verifique se o cdigo de runtime do comportamento de servidor exibido no Inspetor de cdigo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 605


Como tornar pginas dinmicas

Aplique o comportamento de servidor novamente e digite os dados invlidos em todos os campos da caixa de
dilogo. Tente deixar o campo em branco usando nmeros grandes ou negativos, caracteres invlidos (como, por exemplo, /, ?, :, * etc.) e letras em campos numricos. Voc pode escrever rotinas de validao de formulrio para lidar com dados invlidos (rotinas de validao envolvem codificao manual, o que vai alm do escopo deste livro). Depois de aplicar o comportamento de servidor pgina, verifique o seguinte:

Verifique o painel Comportamentos de servidor para ter certeza de que o nome do comportamento de servidor
exibido na lista de comportamentos adicionados pgina.

Se aplicvel, verifique se os cones de script do servidor aparecem na pgina. Os cones genricos de script do
servidor so escudos dourados. Para ver os cones, ative Elementos invisveis (Exibir > Auxlios visuais > Elementos invisveis).

Na Visualizao de cdigo (Exibir > Cdigo), verifique se nenhum cdigo invlido foi gerado.
Alm disso, caso o comportamento de servidor insira cdigo no documento que estabelece uma conexo com um banco de dados, crie um banco de dados de teste e teste o cdigo inserido no documento. Verifique a conexo definindo as consultas que produzem conjuntos de dados diferentes e tamanhos de conjuntos de dados diferentes. Por fim, carregue a pgina no servidor e a abra em um navegador. Veja o cdigo-fonte HTML da pgina e verifique se nenhum HTML invlido foi gerado pelos scripts do servidor.

ltima atualizao em 28/4/2010

606

Captulo 20: Criao visual de aplicativos


No Adobe Dreamweaver CS5, voc pode usar o Adobe ColdFusion, PHP ou ASP para criar pginas que permitam pesquisar, inserir, excluir e atualizar registros do banco de dados, exibir informaes mestre e detalhadas, alm de restringir o acesso a determinados usurios.

Criao de pginas mestre e detalhadas


Sobre pginas mestre e detalhadas
Pginas mestre e detalhadas so conjuntos de pginas usados para organizar e exibir dados de um conjunto de registros. Essas pginas fornecem ao visitante do site tanto uma viso geral quanto uma viso detalhada. A pgina mestre lista todos os registros e contm links para as pginas detalhadas que exibem informaes adicionais sobre cada registro.

Pgina mestre

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 607


Criao visual de aplicativos

Pgina detalhada

Voc pode criar pginas mestre e detalhadas inserindo um objeto de dados para criar uma pgina mestre e uma pgina detalhada em uma operao ou usando comportamentos de servidor para cri-las de maneira mais personalizada. Ao usar comportamentos de servidor para criar pginas mestre e detalhadas, voc cria inicialmente uma pgina mestre para listar os registros e, em seguida, adiciona links da lista s pginas detalhadas.

Mais tpicos da Ajuda


Sobre pginas de pesquisa e de resultados na pgina 613

Criar uma pgina mestre


Antes de comear, verifique se voc definiu uma conexo de banco de dados para o site.
1 Para criar uma pgina em branco, selecione Arquivo > Novo > Pgina em branco, escolha um tipo de pgina e

clique em Criar. Essa se torna a pgina mestre.


2 Defina um conjunto de registros.

No painel Ligaes (Janelas > Ligaes), clique no boto de adio (+), selecione Conjunto de registros e escolha as opes. Caso voc queira escrever sua prpria instruo SQL, clique em Avanado. Verifique se o conjunto de registros contm todas as colunas da tabela necessrias criao da pgina mestre. O conjunto de registros tambm deve incluir a coluna da tabela que contm a chave exclusiva de cada registro, ou seja, a coluna ID do registro. No seguinte exemplo, a coluna Cdigo contm a chave exclusiva de todos os registros.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 608


Criao visual de aplicativos

Colunas do conjunto de registros selecionadas para uma pgina mestre

Normalmente, o conjunto de registros da pgina mestre extrai algumas colunas da tabela de um banco de dados, ao passo que o conjunto de registros da pgina detalhada extrai mais colunas da mesma tabela para fornecer detalhes adicionais. O conjunto de registros pode ser definido pelo usurio durante o runtime. Para obter mais informaes, consulte Criao de pginas de pesquisa e de resultados na pgina 613.
3 Insira uma tabela dinmica para exibir os registros.

Coloque o ponto de insero onde voc deseja que a tabela dinmica seja exibida na pgina. Selecione Inserir > Objetos de dados > Dados dinmicos > Tabela dinmica, defina as opes e clique em OK. Caso no queira mostrar as IDs de registro aos usurios, voc pode excluir a coluna da tabela dinmica. Clique em qualquer lugar da pgina a fim de mover o foco para a pgina. Mova o cursor prximo parte superior da coluna na tabela dinmica at que as clulas da coluna estejam contornadas em vermelho e, em seguida, marque a coluna. Pressione Excluir para excluir a coluna da tabela.

Mais tpicos da Ajuda


Definir um conjunto de registros sem escrever em SQL na pgina 563 Definir um conjunto de registros avanado escrevendo em SQL na pgina 565 Criar uma tabela dinmica na pgina 588

Criar links para a pgina detalhada


Depois de criar a pgina mestre e adicionar o conjunto de registros, voc cria links que abrem a pgina detalhada. Em seguida, voc modifica os links para passar as IDs dos registros selecionados pelo usurio. A pgina detalhada usa essa ID para localizar o registro solicitado no banco de dados e exibi-lo. Nota: Voc cria links para atualizar pginas usando o mesmo processo. A pgina de resultados semelhante a uma pgina mestre, e a pgina de atualizao semelhante pgina detalhada.

Mais tpicos da Ajuda


Criao de pginas para atualizar um registro na pgina 623

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 609


Criao visual de aplicativos

Abrir a pgina detalhada e passar a ID de um registro (ColdFusion, PHP)


1 Na tabela dinmica, selecione o alocador de espao de contedo do texto que funcionar como um link.

Links aplicados ao alocador de espao selecionado.

2 No Inspetor de propriedades, clique no cone da pasta ao lado da caixa Link. 3 Procure e selecione a pgina detalhada. A pgina detalhada exibida na caixa Link do Inspetor de propriedades.

Na tabela dinmica, o texto selecionado exibido com o link. Quando a pgina executada no servidor, o link aplicado ao texto em todas as linhas da tabela.
4 Na pgina mestre, selecione o link na tabela dinmica. 5 (ColdFusion) Na caixa Link do Inspetor de propriedades, adicione esta seqncia de caracteres ao final do URL:
?recordID=#recordsetName.fieldName#

O ponto de interrogao informa ao servidor de que se trata de um ou mais parmetros de URL. A palavra recordID o nome do parmetro do URL (voc pode dar a ele o nome que quiser). Anote o nome do parmetro do URL porque voc o usar na pgina detalhada posteriormente. A expresso aps o sinal de igual o valor do parmetro. Nesse caso, o valor gerado por uma expresso do ColdFusion que retorna a ID de um registro do conjunto de registros. gerada uma ID diferente para cada linha da tabela dinmica. Na expresso 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 nmero da ID de um registro. No seguinte exemplo, o campo consiste em cdigos de local exclusivos.
locationDetail.cfm?recordID=#rsLocations.CODE#

Quando a pgina executada, os valores do campo CODE do conjunto de registros so inseridos nas linhas correspondentes da tabela dinmica. Por exemplo, caso Canberra, Austrlia, o local da locao, apresente o cdigo CBR, o seguinte URL usado na linha Canberra da tabela dinmica:
locationDetail.cfm?recordID=CBR

6 (PHP) No campo Link do Inspetor de propriedades, adicione esta seqncia de caracteres ao final do URL:
?recordID=<?php echo $row_recordsetName['fieldName']; ?>

O ponto de interrogao informa ao servidor de que se trata de um ou mais parmetros de URL. A palavra recordID o nome do parmetro do URL (voc pode usar o nome que quiser). Anote o nome do parmetro do URL porque voc o usar na pgina detalhada posteriormente. A expresso aps o sinal de igual o valor do parmetro. Nesse caso, o valor gerado por uma expresso do PHP que retorna a ID de um registro do conjunto de registros. gerada uma ID diferente para cada linha da tabela dinmica. Na expresso 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 nmero da ID de um registro. No seguinte exemplo, o campo consiste em cdigos de local exclusivos.
locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 610


Criao visual de aplicativos

Quando a pgina executada, os valores do campo CODE do conjunto de registros so inseridos nas linhas correspondentes da tabela dinmica. Por exemplo, caso Canberra, Austrlia, o local da locao, apresente o cdigo CBR, o seguinte URL usado na linha Canberra da tabela dinmica:
locationDetail.php?recordID=CBR

7 Salve a pgina.

Abra a pgina detalhada e passe a ID de um registro (ASP)


1 Selecione o contedo dinmico a ser duplicado como um link. 2 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Ir para pgina detalhada no menu pop-up.


3 Na caixa Pgina detalhada, clique em Procurar e localize a pgina. 4 Especifique o valor que voc deseja passar para a pgina 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.
5 Se desejado, passe os parmetros de pgina existentes para a pgina detalhada selecionando as opes Parmetros

de URL ou Parmetros de formulrio.


6 Clique em OK.

Um link especial contorna o texto selecionado. Quando o usurio clica no link, o comportamento de servidor Ir para pgina detalhada passa um parmetro do URL que contm a ID do registro para a pgina detalhada. Por exemplo, caso o parmetro do URL se chame id e a pgina detalhada, customerdetail.asp, o URL permanece semelhante seguinte quando o usurio clica no link: http://www.mysite.com/customerdetail.asp?id=43 A primeira parte do URL, http://www.mysite.com/customerdetail.asp, abre a pgina detalhada. J a segunda parte, ?id=43, o parmetro do URL. Ela informa pgina detalhada qual registro localizar e exibir. O termo id o nome do parmetro do URL e 43 seu valor. Nesse exemplo, o parmetro do URL contm o nmero da ID do registro, 43.

Localizar e exibir o registro solicitado na pgina detalhada


Para exibir o registro solicitado pela pgina mestre, voc deve definir um conjunto de registros para armazenar um nico registro e ligar as colunas do conjunto pgina detalhada.
1 Alterne para a pgina detalhada. Caso voc ainda no tenha uma pgina detalhada, crie uma pgina em branco

(Arquivo > Novo).


2 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Conjunto de registros (consulta)

ou Conjunto de dados (consulta) no menu pop-up. A caixa de dilogo Conjunto de registros ou Conjunto de dados simples exibida. Caso seja exibida a caixa de dilogo avanada em seu lugar, clique em Simples.
3 Nomeie o conjunto de registros e selecione uma fonte de dados, alm da tabela do banco de dados que fornecer os

dados para o conjunto de registros.


4 Na rea Colunas, selecione as colunas da tabela a serem includas no conjunto de registros.

O conjunto pode ser idntico ou no ao conjunto de registros da pgina mestre. Normalmente, o conjunto de registros de uma pgina detalhada tem mais colunas para poder exibir mais detalhes.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 611


Criao visual de aplicativos

Caso os conjuntos de registros sejam diferentes, verifique se o conjunto da pgina detalhada contenha pelo menos uma coluna em comum com o conjunto de registros da pgina mestre. A coluna em comum costuma ser a da ID do registro, mas tambm 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.
5 Complete a seo Filtro para localizar e exibir o registro especificado no parmetro do URL passado pela pgina

mestre:

No primeiro menu pop-up da rea Filtro, selecione a coluna do conjunto de registros que contm valores
correspondentes ao valor do parmetro do URL passado pela pgina mestre. Por exemplo, caso o parmetro do URL contenha o nmero de uma ID de registro, selecione a coluna que contm os nmeros da ID de registro. No exemplo abordado na seo anterior, a coluna do conjunto de registros chamada CODE contm os valores correspondentes ao valor do parmetro do URL passado pela pgina 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 Parmetro do URL. A pgina mestre usa um parmetro do URL para passar
informaes pgina detalhada.

Na quarta caixa, digite o nome do parmetro do URL passado pela pgina mestre.
6 Clique em OK. O conjunto de registros exibido no painel Ligaes. 7 Ligue as colunas do conjunto de registros pgina detalhada selecionando as colunas no painel Ligaes (Janela >

Ligaes) e arrastando-as para a pgina. Depois de carregar as pginas mestre e detalhada no servidor, voc pode abrir a pgina mestre em um navegador. Depois que um link detalhado clicado na pgina mestre, a pgina detalhada aberta com mais informaes sobre o registro selecionado.

Mais tpicos da Ajuda


Configurar um servidor de teste na pgina 46

Localize um registro especfico e exiba-o em uma pgina (ASP)


Voc pode adicionar um comportamento de servidor que localize um registro especfico de um conjunto para poder exibir os dados do registro na pgina. O comportamento do servidor s est disponvel quando se usa o modelo de servidor ASP.
1 Crie uma pgina que tenha os seguintes pr-requisitos:

A ID de um registro contida no parmetro de um URL e passada por outra pgina para a pgina atual. Voc pode
criar parmetros de URL na outra pgina com hiperlinks em HTML ou formulrio em HTML. Para obter mais informaes, consulte Coleta de informaes dos usurios na pgina 656.

Um conjunto de registros definido para a pgina atual. O comportamento de servidor extrai os detalhes do registro
do conjunto. Para obter instrues, consulte Definir um conjunto de registros sem escrever em SQL na pgina 563 ou Definir um conjunto de registros avanado escrevendo em SQL na pgina 565.

Colunas do conjunto de registros ligado pgina. O registro especfico deve ser exibido na pgina. Para obter mais
informaes, consulte Tornar texto dinmico na pgina 578.
2 Adicione o comportamento de servidor para localizar o registro especificado pelo parmetro do URL clicando no

boto de adio (+) do painel Comportamentos de servidor (Janela > Comportamentos de servidor) e selecionando Paginao do conjunto de registros > Mover para registro especfico.
3 No menu pop-up Mover para registro em, selecione o conjunto de registros definido para a pgina.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 612


Criao visual de aplicativos

4 No menu pop-up Coluna Onde, selecione a coluna que contm o valor passado pela outra pgina.

Por exemplo, caso a outra pgina passe o nmero de uma ID de registro, selecione a coluna que contm os nmeros da ID de registro.
5 Na caixa Corresponde ao parmetro de URL, digite o nome do parmetro do URL passado pela outra pgina.

Por exemplo, caso o URL usado pela outra pgina para abrir a pgina detalhada seja id=43, digiteid na caixa Corresponde ao parmetro de URL.
6 Clique em OK.

Na prxima vez em que a pgina for solicitada por um navegador, o comportamento de servidor ir ler a ID do registro no parmetro do URL passado pela outra pgina e se mover para o registro especificado do conjunto.

Criar pginas mestre e detalhadas em uma operao


Ao desenvolver aplicativos da Web, voc pode criar rapidamente pginas mestre e detalhadas usando o objeto de dados Conjunto de pginas mestre/detalhadas.
1 Para criar uma pgina dinmica em branco, selecione Arquivo > Novo > Pgina em branco, escolha uma pgina

dinmica e clique em Criar. Essa se torna a pgina mestre.


2 Defina um conjunto de registros para a pgina.

Verifique se o conjunto de registros contm no apenas todas as colunas necessrias pgina mestre, mas tambm todas as colunas necessrias pgina detalhada. Normalmente, o conjunto de registros da pgina mestre extrai algumas colunas da tabela de um banco de dados, ao passo que o conjunto de registros da pgina detalhada extrai mais colunas da mesma tabela para fornecer detalhes adicionais.
3 Abra a pgina mestre na Visualizao de design e selecione Inserir > Objetos de dados > Conjunto de pginas

mestre/detalhadas.
4 No menu pop-up Recordset, verifique se o conjunto que contm os registros a serem exibidos na pgina mestre est

escolhido.
5 Na rea Campos de pgina mestre, selecione as colunas do conjunto de registros a serem exibidas na pgina mestre.

Por padro, todas as colunas do conjunto de registros so selecionadas. Caso o conjunto de registros contenha uma coluna de chave exclusiva como, por exemplo, recordID, selecione-a e clique no boto de subtrao (-) para que ela no seja exibida na pgina.
6 Para alterar a ordem na qual as colunas so exibidas na pgina mestre, selecione uma coluna na lista e clique na seta

para cima ou para baixo. Na pgina mestre, as colunas do conjunto de registros sero 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.
7 No menu pop-up Vincular a detalhes em, selecione a coluna do conjunto de registros que exibir um valor que

tambm funciona como um link para a pgina detalhada. Por exemplo, caso voc queira que cada nome de produto na pgina mestre tenha um link para a pgina detalhada, selecione a coluna do conjunto de registros que contm os nomes dos produtos.
8 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 nmero da ID do registro. Esse valor passado para a pgina detalhada para que ela possa identificar o registro escolhido pelo usurio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 613


Criao visual de aplicativos

9 Desmarque a opo Numrico caso a coluna da chave exclusiva no seja numrica.

Nota: Essa opo selecionada por padro; ela no exibida para todos os modelos de servidor.
10 Especifique o nmero de registros a serem exibidos na pgina mestre. 11 Na caixa Nome de pgina detalhada, clique em Procurar e localize o arquivo de pgina detalhada criado por voc

ou digite um nome e deixe que o objeto de dados crie um.


12 Na rea Campos de pgina detalhada, selecione as colunas a serem exibidas na pgina detalhada.

Por padro, todas as colunas do conjunto de registros da pgina mestre so selecionadas. Caso o conjunto de registros contenha uma coluna de chave exclusiva como, por exemplo, recordID, selecione-a e clique no boto de subtrao () para que ela no seja exibida na pgina detalhada.
13 Para alterar a ordem na qual as colunas so exibidas na pgina detalhada, selecione uma coluna na lista e clique na

seta para cima ou para baixo. Na pgina detalhada, as colunas do conjunto de registros so 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.
14 Clique em OK.

O objeto de dados cria uma pgina detalhada (caso voc ainda no tenha criado uma) e adiciona contedo dinmico e comportamentos de servidor s pginas mestre e detalhadas.
15 Personalize o layout das pginas mestre e detalhadas de acordo com suas necessidades.

Voc pode personalizar integralmente o layout de todas as pginas usando as ferramentas de design doDreamweaver. Voc tambm pode editar os comportamentos de servidor clicando duas vezes neles no painel Comportamentos de servidor. Depois de criar as pginas mestre e detalhadas usando o objeto de dados, use o painel Comportamentos de servidor (Janela > Comportamentos de servidor) para modificar os vrios blocos de criao inseridos pelo objeto de dados nas pginas.

Mais tpicos da Ajuda


Editar contedo dinmico na pgina 581 Definio de origens de contedo dinmico na pgina 563

Criao de pginas de pesquisa e de resultados


Sobre pginas de pesquisa e de resultados
Voc pode usar o Dreamweaver para criar um conjunto de pginas e permitir que os usurios pesquisem o banco de dados e vejam os resultados da pesquisa. Na maior parte dos casos, voc precisa de pelo menos duas pginas para adicionar esse recurso ao aplicativo da Web. A primeira pgina contm um formulrio em HTML no qual os usurios inserem os parmetros de pesquisa. Embora no realize nenhuma pesquisa efetiva, essa pgina conhecida como pgina de pesquisa. A segunda pgina de que voc precisa a de resultados, que realiza grande parte do trabalho. A pgina de resultados realiza as seguintes tarefas:

L os parmetros de pesquisa enviados pela pgina de pesquisa

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 614


Criao visual de aplicativos

Conecta-se ao banco de dados e procura os registros Cria um conjunto usando os registros encontrados Exibe o contedo do conjunto de registros
Voc tambm pode adicionar uma pgina detalhada. Uma pgina detalhada d aos usurios mais informaes sobre um determinado registro da pgina de resultados. Caso voc tenha apenas um parmetro de pesquisa, o Dreamweaver lhe permite adicionar recursos de pesquisa ao aplicativo da Web sem usar consultas e variveis SQL. Basta criar as pginas e completar algumas caixas de dilogo. Caso tenha mais de um parmetro de pesquisa, voc precisa escrever uma instruo SQL e definir muitas variveis para ela. O Dreamweaver insere a consulta SQL na pgina. Quando a pgina executada no servidor, todos os registros na tabela do banco de dados so verificados. Caso o campo especificado em um registro atenda s condies da consulta SQL, o registro includo em um conjunto de registros. A consulta SQL ativa cria um conjunto de registros contendo apenas os resultados da pesquisa. Por exemplo, a equipe de vendas em campo pode ter informaes sobre clientes de uma determinada rea cujas rendas so superiores a um determinado nvel. Em um formulrio de uma pgina de pesquisa, o associado de vendas insere uma rea geogrfica e um nvel de receita mnimo e, em seguida, clica no boto Enviar para enviar os dois valores a um servidor. No servidor, os valores so passados para a instruo SQL da pgina de resultados, que cria um conjunto de registros contendo apenas os clientes da rea especificada cujas receitas estejam acima do nvel especificado.

Mais tpicos da Ajuda


Definio de origens de contedo dinmico na pgina 563 Criao de pginas de pesquisa e de resultados na pgina 613

Criar a pgina de pesquisa


Uma pgina de pesquisa na Web normalmente contm campos de formulrio nos quais o usurio insere os parmetros de pesquisa. A pgina de pesquisa deve ter, no mnimo, um formulrio em HTML com um boto Enviar. Para adicionar um formulrio em HTML a uma pgina de pesquisa, conclua o seguinte procedimento.
1 Abra a pgina de pesquisa ou uma nova pgina e selecione Inserir > Formulrio > Formulrio.

criado um formulrio vazio na pgina. Voc talvez precise ativar os Elementos invisveis (Exibir > Auxlios visuais > Elementos invisveis) para ver os limites do formulrio, representados por linhas finas em vermelho.
2 Adicione objetos de formulrio para que os usurios insiram os parmetros de pesquisa selecionando Formulrio

no menu Inserir. Entre os objetos de formulrio esto campos de texto, menus, opes e botes de opo. Voc pode adicionar quantos objetos de formulrio quiser para ajudar os usurios a refinar suas pesquisas. No entanto, lembre-se de que quanto maior for o nmero de parmetros na pgina de pesquisa, mais complexa ser a instruo SQL.
3 Adicione um boto Enviar ao formulrio (Inserir > Formulrio > Boto). 4 (Opcional) Altere o rtulo do boto Enviar selecionando o boto, abrindo o Inspetor de propriedades (Janela >

Propriedades) e inserindo um novo valor na caixa Valor. Em seguida, voc informar ao formulrio para onde enviar os parmetros de pesquisa quando o usurio clica no boto Enviar.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 615


Criao visual de aplicativos

5 Escolha o formulrio selecionando a tag <form> no seletor de tags na parte inferior da janela Documento, como

mostra a seguinte imagem:

6 Na caixa Ao do Inspetor de propriedades do formulrio, digite o nome de arquivo da pgina de resultados que

realizar a pesquisa no banco de dados.


7 No menu pop-up Mtodo, selecione um dos seguintes mtodos para determinar como o formulrio envia os dados

para o servidor:

OBTER envia os dados do formulrio anexando-os ao URL como uma seqncia de caracteres de consulta. Como

os URLs esto limitados a 8.192 caracteres, no use o mtodo OBTER com formulrios longos.
POSTAR envia os dados do formulrio no corpo de uma mensagem. Padro usa o mtodo padro do navegador (normalmente, OBTER).

A pgina de pesquisa est pronta.

Mais tpicos da Ajuda


Sobre pginas de pesquisa e de resultados na pgina 613 Criao de formulrios da Web na pgina 659

Criar uma pgina de resultados bsica


Quando o usurio clica no boto Pesquisar do formulrio, os parmetros de pesquisa so enviados para uma pgina de resultados no servidor. A pgina de resultados no servidor, e no a pgina de pesquisa no navegador, a responsvel por recuperar os registros do banco de dados. Caso a pgina de pesquisa envie um parmetro de pesquisa nico para o servidor, voc pode criar a pgina de resultados sem consultas e variveis SQL. Voc cria um conjunto de registros bsico com um filtro que exclui os registros que no atendam ao parmetro de pesquisa enviado pela pgina de pesquisa. Nota: Caso tenha mais de uma condio de pesquisa, voc deve usar a caixa de dilogo avanada Conjunto de registros para definir o conjunto de registros (consulte Criar uma pgina de resultados avanada na pgina 617).

Mais tpicos da Ajuda


Sobre pginas de pesquisa e de resultados na pgina 613 Criar a pgina de pesquisa na pgina 614 Criar uma pgina detalhada para uma pgina de resultados na pgina 619

Criar o conjunto de registros para manter os resultados de pesquisa


1 Abra a pgina de resultados na janela Documento.

Caso voc ainda no tenha uma pgina de resultados, crie uma pgina dinmica em branco (Arquivo > Novo > Pgina em branco).
2 Crie um conjunto de registros abrindo o painel Ligaes (Janela > Ligaes), clicando no boto de adio (+) e

selecionando Conjunto de registros no menu pop-up.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 616


Criao visual de aplicativos

3 Verifique se a caixa de dilogo simples Conjunto de registros exibida.

Mas caso seja exibida a caixa de dilogo avanada, alterne para a caixa de dilogo simples clicando no boto Simples.
4 Digite um nome para o conjunto de registros e selecione uma conexo.

A conexo deve ser com um banco de dados que contenha os dados a serem pesquisados pelo usurio.
5 No menu pop-up Tabela, selecione a tabela a ser procurada no banco de dados.

Nota: Em uma pesquisa com parmetro nico, voc pode procurar registros em apenas uma tabela. Para pesquisar mais de uma tabela simultaneamente, voc deve usar a caixa de dilogo avanada Conjunto de registros e definir uma consulta SQL.
6 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. Voc deve incluir apenas as colunas que contenham as informaes a serem exibidas na pgina de resultados. Saia da caixa de dilogo Conjunto de registros por enquanto. Voc a usar para recuperar os parmetros enviados pela pgina de pesquisa e criar um filtro do conjunto de registros a fim de excluir os registros que no atendam aos parmetros.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 617


Criao visual de aplicativos

Criar o filtro do conjunto de registros


1 No primeiro menu pop-up na rea Filtro, selecione uma coluna da tabela do banco de dados na qual procurar uma

correspondncia. Por exemplo, caso o valor enviado pela pgina de pesquisa seja o nome de uma cidade, selecione a coluna da tabela que contm nomes de cidades.
2 No menu pop-up ao lado do primeiro menu, selecione o sinal de igual (ele deve ser o padro). 3 No terceiro menu pop-up, selecione Varivel de formulrio caso o formulrio na pgina de pesquisa use o mtodo
POSTAR ou Parmetro de URL caso ele use o mtodo OBTER.

A pgina de pesquisa usa uma varivel de formulrio ou um parmetro de URL a fim de passar informaes para a pgina de resultados.
4 Na quarta caixa, digite o nome do objeto de formulrio que aceita o parmetro de pesquisa na pgina de pesquisa.

O nome do objeto duplicado como o nome da varivel de formulrio ou do parmetro de URL. Voc pode obter o nome alternando para a pgina de pesquisa, clicando no objeto de formulrio no formulrio para selecion-lo e verificando o nome do objeto no Inspetor de propriedades. Por exemplo, suponhamos que voc queira criar um conjunto de registros que inclua apenas viagens de aventura para um pas especfico. Vamos pressupor que haja uma coluna na tabela chamada TRIPLOCATION. Alm disso, suponhamos que o formulrio em HTML na pgina de pesquisa use o mtodo OBTER e contenha um objeto de menu chamado Location que exibe uma lista dos pases. O seguinte exemplo mostra como a seo Filtro deve ficar:

5 (Opcional) Clique em Testar, digite um valor de teste e clique em OK para se conectar ao banco de dados e criar

uma ocorrncia do conjunto de registros. O valor de teste simula o valor que retornaria da pgina de pesquisa. Clique em OK para fechar o conjunto de registros de teste.
6 Caso voc esteja satisfeito com o conjunto de registros, clique em OK.

Um script do servidor inserido na pgina que verifica todos os registros na tabela do banco de dados quando executada no servidor. Caso o campo especificado em um registro atenda condio de filtragem, o registro includo em um conjunto de registros. O script cria um conjunto de registros contendo apenas os resultados da pesquisa. A prxima etapa exibir o conjunto de registros na pgina de resultados. Para obter mais informaes, consulte Exibir os resultados da pesquisa na pgina 618.

Criar uma pgina de resultados avanada


Caso a pgina de pesquisa envie mais de um parmetro de pesquisa ao servidor, voc deve escrever uma consulta SQL para a pgina de resultados e usar os parmetros de pesquisa em variveis SQL. Nota: Caso tenha apenas uma condio de pesquisa, voc pode usar a caixa de dilogo simples Conjunto de registros para definir o conjunto de registros (consulte Criar uma pgina de resultados bsica na pgina 615).
1 Abra a pgina de resultados no Dreamweaver e, em seguida, crie um conjunto de registros abrindo o painel Ligaes

(Janela > Ligaes), clicando no boto de adio (+) e selecionando Conjunto de registros no menu pop-up.
2 Verifique se a caixa de dilogo avanada Conjunto de registros exibida.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 618


Criao visual de aplicativos

A caixa de dilogo avanada tem uma rea de texto para inserir instrues SQL. Mas caso seja exibida a caixa de dilogo simples, alterne para a caixa de dilogo avanada clicando no boto Avanado.
3 Digite um nome para o conjunto de registros e selecione uma conexo.

A conexo deve ser com um banco de dados que contenha os dados a serem pesquisados pelo usurio.
4 Insira uma instruo Select na rea de texto SQL.

Verifique se a instruo inclui uma clusula WHERE com variveis que mantm os parmetros de pesquisa. No seguinte exemplo, as variveis so chamadas varLastName e varDept:
SELECT EMPLOYEEID, FIRSTNAME, LASTNAME, DEPARTMENT, EXTENSION FROM EMPLOYEE WHERE LASTNAME LIKE 'varLastName' AND DEPARTMENT LIKE 'varDept'

Para reduzir o trabalho de digitao, voc pode usar os trs itens de banco de dados na parte inferior da caixa de dilogo avanada Conjunto de registros. Para obter instrues, consulte Definir um conjunto de registros avanado escrevendo em SQL na pgina 565. Para obter ajuda sobre a sintaxe SQL, consulte o SQL primer em www.adobe.com/go/learn_dw_sqlprimer_br.
5 Atribua s variveis SQL os valores dos parmetros de pesquisa clicando no boto de adio (+) na rea Variveis

e digitando o nome da varivel, o valor padro (o valor que a varivel deve assumir caso no retorne nenhum valor de runtime) e o valor de runtime (normalmente um objeto de servidor que mantm um valor enviado por um navegador como, por exemplo, uma varivel de solicitao). No seguinte exemplo em ASP, o formulrio em HTML na pgina de pesquisa usa o mtodo OBTER e contm um campo de texto chamado LastName e outro chamado Department:

No ColdFusion, os valores de runtime seriam #LastName# e #Department#. No PHP, os valores de runtime devem ser $_REQUEST["LastName"] e $_REQUEST["Department"].
6 (Opcional) Clique em Testar para criar uma ocorrncia do conjunto de registros usando os valores de varivel

padro. Os valores padro simulam os valores que retornariam da pgina de pesquisa. Clique em OK para fechar o conjunto de registros de teste.
7 Caso voc esteja satisfeito com o conjunto de registros, clique em OK.

A consulta SQL inserida na pgina. A prxima etapa exibir o conjunto de registros na pgina de resultados.

Exibir os resultados da pesquisa


Depois de criar um conjunto de registros para manter os resultados da pesquisa, voc deve exibir as informaes na pgina de resultados. Exibir os registros pode ser uma simples questo de arrastar colunas individuais do painel Ligaes para a pgina de resultados. Voc pode adicionar links de navegao para avanar e retornar o conjunto de registros, ou criar uma regio repetitiva para exibir mais de um registro na pgina. Voc tambm pode adicionar links a uma pgina detalhada.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 619


Criao visual de aplicativos

Para obter mais informaes sobre mtodos de exibio do contedo dinmico em uma pgina que no seja o de exibio dos resultados em uma tabela dinmica, consulte Exibio de registros de banco de dados na pgina 583.
1 Coloque o ponto de insero onde voc deseja que a tabela dinmica seja exibida na pgina de resultados e selecione

Inserir > Objetos de dados > Dados dinmicos > Tabela dinmica.
2 Complete a caixa de dilogo Tabela dinmica, selecionando o conjunto de registros definido por voc para manter

os resultados de pesquisa.
3 Clique em OK. Uma tabela dinmica que exibe resultados de pesquisa inserida na pgina de resultados.

Criar uma pgina detalhada para uma pgina de resultados


O conjunto de pginas de pesquisa e de resultados pode incluir uma pgina detalhada para exibir mais informaes sobre registros especficos da pgina de resultados. Nessa situao, a pgina de resultados tambm duplicada como pgina mestre em um conjunto de pginas mestre/detalhadas.

Mais tpicos da Ajuda


Criar pginas mestre e detalhadas em uma operao na pgina 612 Criar a pgina de pesquisa na pgina 614 Criar uma pgina de resultados bsica na pgina 615

Crie um link para abrir uma pgina relacionada (ASP)


Voc pode criar um link que abre uma pgina relacionada e passa parmetros existentes para essa pgina. O comportamento do servidor s est disponvel quando se usa o modelo de servidor ASP. Antes de adicionar um comportamento de servidor Ir para pgina relacionada a uma pgina, verifique se ela recebe parmetros de formulrio ou URL de outra pgina. A funo do comportamento de servidor passar esses parmetros para uma terceira pgina. Por exemplo, voc pode passar os parmetros de pesquisa recebidos por uma pgina de resultados para outra pgina e evitar que o usurio digite novamente esses parmetros. Alm disso, voc pode selecionar um texto ou uma imagem da pgina para servir como o link para a pgina relacionada ou posicionar o ponteiro na pgina sem selecionar nada, e o texto do link inserido.
1 Na caixa Ir para pgina relacionada, clique em Procurar e localize o arquivo da pgina relacionada.

Caso a pgina atual envie dados para ela prpria, digite o nome do arquivo da pgina atual.
2 Caso os parmetros que voc deseja passar tenham sido recebidos diretamente de um formulrio em HTML usando

o mtodo OBTER ou estejam listados no URL da pgina, selecione a opo Parmetros de URL.
3 Caso os parmetros que voc deseja passar tenham sido recebidos diretamente de um formulrio em HTML usando

o mtodo POSTAR, selecione a opo Parmetros de formulrio.


4 Clique em OK.

Quando o novo link clicado, a pgina passa os parmetros para a pgina relacionada usando uma seqncia de caracteres de consulta.

Mais tpicos da Ajuda


Coleta de informaes dos usurios na pgina 656

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 620


Criao visual de aplicativos

Criao de pginas para insero de registro


Sobre a criao de pginas para insero de registro
O aplicativo pode conter uma pgina que permite aos usurios inserir novos registros em um banco de dados. Para obter um tutorial sobre a criao de uma pgina para insero de registro, consulte www.adobe.com/go/learn_dw_webapp_br. Uma pgina para insero consiste em dois blocos de criao:

Um formulrio em HTML que permite aos usurios inserir dados Um comportamento de servidor Inserir registro que atualiza o banco de dados
Quando um usurio clica em Enviar em um formulrio, o comportamento de servidor insere registros em uma tabela do banco de dados. Voc pode adicionar esses blocos de criao em uma nica operao usando o objeto de dados Registrar formulrio de insero ou pode adicion-los separadamente usando as ferramentas de formulrio do Dreamweaver e o painel Comportamentos de servidor. Nota: A pgina para insero pode conter apenas um comportamento de servidor para edio do registro por vez. Por exemplo, voc no pode adicionar um comportamento de servidor Atualizar registro ou Excluir registro pgina para insero.

Criar uma pgina para insero bloco por bloco


Voc tambm pode criar uma pgina para insero usando as ferramentas de formulrio e os comportamentos de servidor.

Mais tpicos da Ajuda


Criao de formulrios da Web na pgina 659

Adicionar um formulrio em HTML a uma pgina para insero


1 Crie uma pgina dinmica (Arquivo > Novo > Pgina em branco) e crie o layout da pgina usando as ferramentas

de design do Dreamweaver.
2 Adicione um formulrio em HTML colocando o ponto de insero onde voc deseja que o formulrio seja exibido

e selecionando Inserir > Formulrio > Formulrio. criado um formulrio vazio na pgina. Voc talvez precise ativar os Elementos invisveis (Exibir > Auxlios visuais > Elementos invisveis) para ver os limites do formulrio, representados por linhas finas em vermelho.
3 Nomeie o formulrio em HTML clicando na tag <form> na parte inferior da janela Documento para selecionar o

formulrio, abrindo o Inspetor de propriedades (Janela > Propriedades) e digitando um nome na caixa Formulrio. Voc no precisa especificar um atributo action ou method para o formulrio a fim de inform-lo para onde e como enviar os dados do registro quando o usurio clicar no boto Enviar. O comportamento de servidor Inserir registro define esses atributos para voc.
4 Adicione um objeto de formulrio como, por exemplo, um campo de texto (Inserir > Formulrio > Campo de

texto) para cada coluna na tabela do banco de dados em que deseja inserir os registros. Os objetos de formulrio se destinam entrada de dados. Os campos de texto so comuns a esse propsito, mas voc tambm pode usar menus, opes e botes de opo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 621


Criao visual de aplicativos

5 Adicione um boto Enviar ao formulrio (Inserir > Formulrio > Boto).

Voc pode alterar o rtulo do boto Enviar selecionando o boto, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Rtulo.

Adicionar um comportamento de servidor para inserir registros em uma tabela do banco de dados (ColdFusion)
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Inserir registro no menu pop-up.


2 Selecione um formulrio no menu pop-up Enviar valores de. 3 No menu pop-up Fonte de dados, selecione uma conexo com o banco de dados. 4 Digite o nome do usurio e a senha. 5 No menu pop-up Inserir em uma tabela, selecione a tabela do banco de dados em que o registro deve ser inserido. 6 Especifique uma coluna do banco de dados em que o registro deve ser inserido, selecione o objeto de formulrio

que ir inserir o registro no menu pop-up Valor e um tipo de dados para o objeto de formulrio no menu pop-up Enviar como. O tipo de dados o tipo que a coluna na tabela do banco de dados est esperando (texto, numrico, valores de opo booleanos). Repita o procedimento para todos os objetos no formulrio.
7 Na caixa Ir para, Aps a insero, insira a pgina a ser aberta aps a insero do registro na tabela ou clique no boto

Procurar para procurar o arquivo.


8 Clique em OK.

O Dreamweaver adiciona um comportamento de servidor pgina que permite aos usurios inserir registros em uma tabela do banco de dados preenchendo o formulrio em HTML e clicando no boto Enviar.

Adicionar um comportamento de servidor para inserir registros em uma tabela do banco de dados (ASP)
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Inserir registro no menu pop-up.


2 No menu pop-up Conexo, selecione uma conexo com o banco de dados.

Clique no boto Definir caso voc precise definir uma conexo.


3 No menu pop-up Inserir em uma tabela, selecione a tabela do banco de dados em que o registro deve ser inserido. 4 Na caixa Ir para, Aps a insero, insira a pgina a ser aberta aps a insero do registro na tabela ou clique em

Procurar para procurar o arquivo.


5 No menu pop-up Obter valores em, selecione o formulrio em HTML usando na insero dos dados.

O Dreamweaver seleciona automaticamente o primeiro formulrio da pgina.


6 Especifique uma coluna do banco de dados em que o registro deve ser inserido, selecione o objeto de formulrio

que ir inserir o registro no menu pop-up Valor e um tipo de dados para o objeto de formulrio no menu pop-up Enviar como. O tipo de dados o tipo que a coluna na tabela do banco de dados est esperando (texto, numrico, valores de opo booleanos). Repita o procedimento para todos os objetos no formulrio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 622


Criao visual de aplicativos

7 Clique em OK.

O Dreamweaver adiciona um comportamento de servidor pgina que permite aos usurios inserir registros em uma tabela do banco de dados preenchendo o formulrio em HTML e clicando no boto Enviar. Para editar o comportamento de servidor, abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor) e clique duas vezes no comportamento Inserir registro.

Adicionar um comportamento de servidor para inserir registros em uma tabela do banco de dados (PHP)
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Inserir registro no menu pop-up.


2 Selecione um formulrio no menu pop-up Enviar valores de. 3 No menu pop-up Conexo, selecione uma conexo com o banco de dados. 4 No menu pop-up Inserir tabela, selecione a tabela do banco de dados em que o registro deve ser inserido. 5 Especifique uma coluna do banco de dados em que o registro deve ser inserido, selecione o objeto de formulrio

que ir inserir o registro no menu pop-up Valor e um tipo de dados para o objeto de formulrio no menu pop-up Enviar como. O tipo de dados o tipo que a coluna na tabela do banco de dados est esperando (texto, numrico, valores de opo booleanos). Repita o procedimento para todos os objetos no formulrio.
6 Na caixa Ir para, Aps a insero, insira a pgina a ser aberta aps a insero do registro na tabela ou clique no boto

Procurar para procurar o arquivo.


7 Clique em OK.

O Dreamweaver adiciona um comportamento de servidor pgina que permite aos usurios inserir registros em uma tabela do banco de dados preenchendo o formulrio em HTML e clicando no boto Enviar.

Criar a pgina para insero em uma nica operao


1 Abra a pgina na Visualizao de design e selecione Inserir > Objetos de dados > Inserir registro > Assistente para

registrar formulrio de insero.


2 No menu pop-up Conexo, selecione uma conexo com o banco de dados. Clique em Definir caso voc precise

definir uma conexo.


3 No menu pop-up Inserir em uma tabela, selecione a tabela do banco de dados em que o registro deve ser inserido. 4 Caso voc use o ColdFusion, digite um nome de usurio e senha. 5 Na caixa Ir para, Aps a insero, insira a pgina a ser aberta aps a insero do registro na tabela ou clique no boto

Procurar para procurar o arquivo.


6 Na rea Campos de formulrio, especifique os objetos de formulrio que voc deseja incluir no formulrio em

HTML da pgina para insero e quais colunas da tabela do banco de dados cada objeto de formulrio deve atualizar. Por padro, o Dreamweaver cria um objeto de formulrio para cada coluna na tabela do banco de dados. Caso o banco de dados gere automaticamente IDs de chave exclusiva para cada novo registro criado, remova o objeto de formulrio correspondente coluna da chave selecionando-o na lista e clicando no boto de subtrao (-). Isso elimina o risco de que o usurio do formulrio insira um valor de ID j existente.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 623


Criao visual de aplicativos

Voc tambm pode alterar a ordem dos objetos no formulrio em HTML selecionando um objeto de formulrio na lista e clicando na seta para cima ou para baixo direita da caixa de dilogo.
7 Especifique como cada campo de entrada de dados deve ser exibido no formulrio em HTML clicando em uma

linha na tabela Campos de formulrio e inserindo as seguintes informaes nas caixas abaixo da tabela:

Na caixa Rtulo, digite um rtulo descritivo a ser exibido ao lado do campo de entrada de dados. Por padro, o
Dreamweaver exibe o nome da coluna da tabela no rtulo.

No menu pop-up Exibir como, selecione um objeto de formulrio para servir como campo de entrada de dados.
Voc pode selecionar Campo de texto, rea de texto, Menu, Caixa de seleo, Grupo de botes de opo e Texto. Para entradas somente leitura, selecione Texto. Voc tambm pode selecionar Campo de senha, Campo de arquivo e Campo oculto. Nota: Os campos ocultos so inseridos ao final do formulrio.

No menu pop-up Enviar como, selecione o formato de dados aceito pela tabela do banco de dados. Por exemplo,
caso a coluna da tabela aceite apenas dados numricos, selecione Numrico.

Defina as propriedades do objeto de formulrio. Voc conta com opes diferentes dependendo do objeto de
formulrio selecionado por voc como o campo de entrada de dados. Para campos de texto, reas de texto e texto, voc pode inserir um valor inicial. Para menus e grupos de botes de opo, voc abre outra caixa de dilogo a fim de definir as propriedades. Para opes, selecione a opo Marcado ou Desmarcado.
8 Clique em OK.

O Dreamweaver adiciona um formulrio em HTML e um comportamento de servidor Inserir registro pgina. Os objetos de formulrio so colocados em uma tabela bsica, que voc pode personalizar usando as ferramentas de design de pgina do Dreamweaver. (Verifique se todos os objetos continuam dentro dos limites do formulrio.) Para editar o comportamento de servidor, abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor) e clique duas vezes no comportamento Inserir registro.

Criao de pginas para atualizar um registro


Sobre as pginas de atualizao do registro
O aplicativo pode conter um conjunto de pginas que permite aos usurios atualizar registros existentes em uma tabela do banco de dados. As pginas normalmente consistem em uma pgina de pesquisa, uma pgina de resultados e uma pgina de atualizao. As pginas de pesquisa e de resultados permitem aos usurios recuperar o registro e a pgina de atualizao permite aos usurios modific-lo.

Procurar o registro a ser atualizado


Quando querem atualizar um registro, os usurios devem inicialmente localiz-lo no banco de dados. Dessa forma, voc precisa de uma pgina de pesquisa e resultados para usar a pgina de atualizao. O usurio insere os critrios na pgina de pesquisa e seleciona o registro na pgina de resultados. Quando o usurio clica no registro da pgina de resultados, a pgina de atualizao aberta exibindo o registro em um formulrio em HTML.

Mais tpicos da Ajuda


Criao de pginas de pesquisa e de resultados na pgina 613

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 624


Criao visual de aplicativos

Criar links para a pgina de atualizao


Depois de criar as pginas de pesquisa e de resultados, voc cria links na pgina de resultados para abrir a pgina de atualizao. Em seguida, voc modifica os links para passar as IDs dos registros selecionados pelo usurio. A pgina de atualizao usa essa ID para localizar o registro solicitado no banco de dados e exibi-lo. Voc usa o mesmo processo para abrir a pgina de atualizao e passar uma ID de registro da abertura de uma pgina detalhada e da passagem de uma ID de registro. Para obter mais informaes, consulte Criar links para a pgina detalhada na pgina 608.

Mais tpicos da Ajuda


Parmetros de URL na pgina 657

Recuperar o registro a ser atualizado


Depois que a pgina de resultados passa o ID do registro para a pgina de atualizao identificando o registro a ser atualizado, a pgina de atualizao deve ler o parmetro, recuperar o registro da tabela do banco de dados e armazenlo temporariamente em um conjunto de registros.
1 Crie uma pgina no Dreamweaver e a salve.

A pgina se tornar a pgina de atualizao.


2 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Conjunto de registros.

Caso seja exibida a caixa de dilogo avanada, clique em Simples. A caixa de dilogo avanada tem uma rea de texto para inserir instrues SQL; a simples, no.
3 Nomeie o conjunto de registros e especifique onde os dados que voc deseja atualizar esto localizados usando os

menus pop-up Conexo e Tabela.


4 Clique em Selecionado e selecione uma coluna da chave (normalmente a coluna da ID de registro) e as colunas que

contm os dados a serem atualizados.


5 Configure a rea Filtro de forma que o valor da coluna da chave seja igual ao valor do parmetro de URL

correspondente passado pela pgina de resultados. O tipo de filtro cria um conjunto de registros que contm apenas o registro especificado pela pgina de resultados. Por exemplo, caso a coluna da chave contenha informaes da ID de registro e se chame PRID e caso a pgina de resultados passe as informaes da ID de registro correspondente no parmetro de URL chamado id, a rea Filtro deve ser semelhante ao seguinte exemplo:

6 Clique em OK.

Quando o usurio seleciona um registro na pgina de resultados, a pgina de atualizao gera um conjunto de registros contendo apenas o registro selecionado.

Concluir a pgina de atualizao bloco por bloco


Uma pgina de atualizao tem trs blocos de criao:

Um conjunto de registros filtrado para recuperar o registro de uma tabela do banco de dados

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 625


Criao visual de aplicativos

Um formulrio em HTML para permitir aos usurios modificar os dados do registro Um comportamento de servidor Atualizar registro para atualizar a tabela do banco de dados
Voc pode adicionar separadamente os dois blocos de criao bsicos finais de uma pgina de atualizao usando as ferramentas de formulrio e o painel Comportamentos de servidor.

Mais tpicos da Ajuda


Recuperar o registro a ser atualizado na pgina 624 Criao de formulrios da Web na pgina 659

Adicionar um formulrio em HTML a uma pgina de atualizao


1 Crie uma pgina (Arquivo > Novo > Pgina em branco). Essa se torna a pgina de atualizao. 2 Crie o layout da pgina usando as ferramentas de design do Dreamweaver. 3 Adicione um formulrio em HTML colocando o ponto de insero onde voc deseja que o formulrio seja exibido

e selecionando Inserir > Formulrio > Formulrio. criado um formulrio vazio na pgina. Voc talvez precise ativar os Elementos invisveis (Exibir > Auxlios visuais > Elementos invisveis) para ver os limites do formulrio, representados por linhas finas em vermelho.
4 Nomeie o formulrio em HTML clicando na tag <form> na parte inferior da janela Documento para selecionar o

formulrio, abrindo o Inspetor de propriedades (Janela > Propriedades) e digitando um nome na caixa Formulrio. Voc no precisa especificar um atributo action ou method para o formulrio a fim de inform-lo para onde e como enviar os dados do registro quando o usurio clicar no boto Enviar. O comportamento de servidor Atualizar registro define esses atributos para voc.
5 Adicione um objeto de formulrio como, por exemplo, um campo de texto (Inserir > Formulrio > Campo de

texto) para cada coluna a ser atualizada na tabela do banco de dados. Os objetos de formulrio se destinam entrada de dados. Os campos de texto so comuns a esse propsito, mas voc tambm pode usar menus, opes e botes de opo. Cada objeto de formulrio deve ter uma coluna correspondente no conjunto de registros definido anteriormente. A nica exceo a coluna de chave exclusiva, que no deve ter nenhum objeto de formulrio correspondente.
6 Adicione um boto Enviar ao formulrio (Inserir > Formulrio > Boto).

Voc pode alterar o rtulo do boto Enviar selecionando o boto, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Rtulo.

Exibir o registro no formulrio


1 Verifique se voc definiu um conjunto de registros para manter o registro a ser atualizado pelo usurio.

Consulte Recuperar o registro a ser atualizado na pgina 624.


2 Ligue todos os objetos de formulrio no conjunto de registro conforme a descrio nas seguintes etapas:

Exibir contedo dinmico em campos de texto em HTML na pgina 669 Pr-selecionar dinamicamente uma caixa de seleo em HTML na pgina 670 Pr-selecionar dinamicamente um boto de opo em HTML na pgina 670 Inserir ou alterar um menu dinmico de formulrio HTML na pgina 668 Tornar os menus de formulrio em HTML dinmicos na pgina 669

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 626


Criao visual de aplicativos

Adicionar um comportamento de servidor para atualizar a tabela do banco de dados


1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Atualizar registro no menu pop-up. A caixa de dilogo Atualizar registro exibida.
2 Selecione um formulrio no menu pop-up Enviar valores de. 3 No menu pop-up Fonte de dados ou Conexo, selecione uma conexo com o banco de dados. 4 Digite o nome do usurio e a senha, se aplicvel. 5 No menu pop-up Atualizar tabela, selecione a tabela do banco de dados que contm o registro da atualizao. 6 (ColdFusion, PHP) Especifique uma coluna do banco de dados a ser atualizada, selecione o objeto de formulrio

que atualizar a coluna no menu pop-up Valor, escolha o tipo de dados do objeto de formulrio no menu pop-up Enviar como e selecione Chave primria, caso queira identificar essa coluna como a chave primria. O tipo de dados o tipo que a coluna na tabela do banco de dados est esperando (texto, numrico, valores de opo booleanos). Repita o procedimento para todos os objetos no formulrio.
7 (ASP) No menu pop-up Selecionar registro em, especifique o conjunto de registros que contm o registro exibido

no formulrio em HTML. No menu pop-up Coluna de chave exclusiva, selecione uma coluna de chave (normalmente a coluna da ID de registro) para identificar o registro na tabela do banco de dados. Selecione a opo Numrico, caso o valor seja um nmero. Uma coluna de chave normalmente aceita apenas valores numricos, embora aceite valores de texto s vezes.
8 Na caixa Ir para, Aps a atualizao ou Se obtiver xito, insira a pgina a ser aberta aps a atualizao do registro

na tabela ou clique no boto Procurar para procurar o arquivo.


9 (ASP) Especifique uma coluna do banco de dados a ser atualizada, selecione o objeto de formulrio que ir atualizar

a coluna no menu pop-up Valor e um tipo de dados para o objeto de formulrio no menu pop-up Enviar como. O tipo de dados o tipo que a coluna na tabela do banco de dados est esperando (texto, numrico, valores de opo booleanos). Repita o procedimento para todos os formulrios.
10 Clique em OK.

O Dreamweaver adiciona um comportamento de servidor pgina que permite aos usurios atualizar registros em uma tabela do banco de dados modificando as informaes exibidas no formulrio em HTML e clicando no boto Enviar. Para editar o comportamento de servidor, abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor) e clique duas vezes no comportamento Atualizar registro.

Concluir a pgina de atualizao em uma nica operao


Uma pgina de atualizao tem trs blocos de criao:

Um conjunto de registros filtrado para recuperar o registro de uma tabela do banco de dados Um formulrio em HTML para permitir aos usurios modificar os dados do registro Um comportamento de servidor Atualizar registro para atualizar a tabela do banco de dados
Voc pode adicionar os dois blocos de criao finais de uma pgina de atualizao em uma nica operao usando o objeto de dados Registrar formulrio de atualizao. O objeto de dados adiciona um formulrio em HTML e um comportamento de servidor Atualizar registro pgina.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 627


Criao visual de aplicativos

Para que voc possa usar o objeto de dados, o aplicativo da Web deve ser capaz de identificar o registro a ser atualizado e a pgina de atualizao deve ser capaz de recuper-lo. Depois que o objeto de dados coloca os blocos de criao na pgina, voc pode usar as ferramentas de design do Dreamweaver para personalizar o formulrio ao seu gosto, ou o painel Comportamentos de servidor para editar o comportamento de servidor Atualizar registro. Nota: A pgina de atualizao pode conter apenas um comportamento de servidor para edio do registro por vez. Por exemplo, voc no pode adicionar um comportamento de servidor Inserir registro ou Excluir registro pgina de atualizao.
1 Abra a pgina na Visualizao de design e selecione Inserir > Objetos de dados > Atualizar registro > Assistente

para registrar formulrio de atualizao. A caixa de dilogo Registrar formulrio de atualizao exibida.
2 No menu pop-up Conexo, selecione uma conexo com o banco de dados.

Clique no boto Definir caso voc precise definir uma conexo.


3 No menu pop-up Tabela a ser atualizada, selecione a tabela do banco de dados que contm o registro da atualizao. 4 No menu pop-up Selecionar registro em, especifique o conjunto de registros que contm o registro exibido no

formulrio em HTML.
5 No menu pop-up Coluna de chave exclusiva, selecione uma coluna de chave (normalmente a coluna da ID de

registro) para identificar o registro na tabela do banco de dados. Caso o valor seja um nmero, selecione a opo Numrico. Uma coluna de chave normalmente aceita apenas valores numricos, embora aceite valores de texto s vezes.
6 Em Aps a atualizao, caixa Ir para, insira a pgina a ser aberta aps a atualizao do registro na tabela. 7 Na rea Campos de formulrio, especifique quais colunas da tabela do banco de dados cada objeto de formulrio

deve atualizar. Por padro, o Dreamweaver cria um objeto de formulrio para cada coluna na tabela do banco de dados. Caso o banco de dados gere automaticamente IDs de chave exclusiva para cada novo registro criado, remova o objeto de formulrio correspondente coluna da chave selecionando-o na lista e clicando no boto de subtrao (-). Isso elimina o risco de que o usurio do formulrio insira um valor de ID j existente. Voc tambm pode alterar a ordem dos objetos no formulrio em HTML selecionando um objeto de formulrio na lista e clicando na seta para cima ou para baixo direita da caixa de dilogo.
8 Especifique como cada campo de entrada de dados deve ser exibido no formulrio em HTML clicando em uma

linha na tabela Campos de formulrio e inserindo as seguintes informaes nas caixas abaixo da tabela:

Na caixa Rtulo, digite um rtulo descritivo a ser exibido ao lado do campo de entrada de dados. Por padro, o
Dreamweaver exibe o nome da coluna da tabela no rtulo.

No menu pop-up Exibir como, selecione um objeto de formulrio para servir como campo de entrada de dados.
Voc pode selecionar Campo de texto, rea de texto, Menu, Caixa de seleo, Grupo de botes de opo e Texto. Para entradas somente leitura, selecione Texto. Voc tambm pode selecionar Campo de senha, Campo de arquivo e Campo oculto. Nota: Os campos ocultos so inseridos ao final do formulrio.

No menu pop-up Enviar como, selecione o formato de dados esperado pela tabela do banco de dados. Por exemplo,
caso a coluna da tabela aceite apenas dados numricos, selecione Numrico.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 628


Criao visual de aplicativos

Defina as propriedades do objeto de formulrio. Voc conta com opes diferentes dependendo do objeto de
formulrio selecionado por voc como o campo de entrada de dados. Para campos de texto, reas de texto e texto, voc pode inserir um valor inicial. Para menus e grupos de botes de opo, voc abre outra caixa de dilogo a fim de definir as propriedades. Para opes, selecione a opo Marcado ou Desmarcado.
9 Defina as propriedades dos demais objetos de formulrio selecionando outra linha Campos de formulrio e

digitando um rtulo, valor Exibir como e valor Enviar como. Para menus e grupos de botes de opo, abra outra caixa de dilogo a fim de definir as propriedades. Para opes, defina uma comparao entre o valor do registro atual da opo e um determinado valor para saber se a opo est marcada quando o registro exibido.
10 Clique em OK.

O Dreamweaver adiciona um formulrio em HTML e um comportamento de servidor Atualizar registro pgina. O objeto de dados adiciona um formulrio em HTML e um comportamento de servidor Atualizar registro pgina. Os objetos de formulrio so colocados em uma tabela bsica, que voc pode personalizar usando as ferramentas de design de pgina do Dreamweaver. (Verifique se todos os objetos continuam dentro dos limites do formulrio.) Para editar o comportamento de servidor, abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor) e clique duas vezes no comportamento Atualizar registro.

Mais tpicos da Ajuda


Recuperar o registro a ser atualizado na pgina 624 Inserir ou alterar um menu dinmico de formulrio HTML na pgina 668

Opes de Propriedades do elemento de formulrio


O propsito da caixa de dilogo Propriedades do elemento de formulrio definir as opes dos elementos de formulrio em pginas que permitam aos usurios atualizar registros de um banco de dados.
1 Selecione Manualmente ou No banco de dados, dependendo da forma como planeja criar o elemento de

formulrio.
2 Clique no boto de adio (+) para adicionar um elemento. 3 Digite um rtulo e um valor para o elemento. 4 Na caixa Selecionar valor igual a, caso voc queira que um determinado elemento esteja selecionado quando a

pgina for aberta em um navegador ou quando um registro for exibido no formulrio, insira um valor igual ao do elemento. Voc pode inserir um valor esttico ou especificar um valor dinmico clicando no cone do raio e selecionando um valor dinmico na lista das fontes de dados. Em ambos os casos, o valor especificado deve ser correspondente a um dos valores do elemento.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 629


Criao visual de aplicativos

Criao de pginas para excluir um registro


Sobre as pginas de excluso do registro
O aplicativo pode conter um conjunto de pginas que permite aos usurios excluir registros de um banco de dados. As pginas normalmente consistem em uma pgina de pesquisa, uma pgina de resultados e uma pgina de excluso. Uma pgina de excluso costuma ser uma pgina detalhada funcionando em conjunto com uma pgina de resultados. As pginas de pesquisa e de resultados permitem ao usurio recuperar o registro e a pgina de excluso, confirmar e exclu-lo. Depois de criar as pginas de pesquisa e de resultados, voc adiciona links na pgina de resultados para abrir a pgina de excluso e, em seguida, criar uma pgina que exiba os registros e um boto Enviar.

Procurar o registro a ser excludo


Quando querem excluir um registro, os usurios devem inicialmente localiz-lo no banco de dados. Dessa forma, voc precisa de uma pgina de pesquisa e resultados para usar a pgina de excluso. O usurio insere os critrios na pgina de pesquisa e seleciona o registro na pgina de resultados. Quando o usurio clica no registro, a pgina de excluso aberta exibindo o registro em um formulrio em HTML.

Mais tpicos da Ajuda


Criao de pginas de pesquisa e de resultados na pgina 613

Criar links para uma pgina de excluso


Depois de criar as pginas de pesquisa e de resultados, voc deve criar links na pgina de resultados para abrir a pgina de excluso. Em seguida, voc modifica os links para passar as IDs dos registros a serem excludos pelo usurio. A pgina de excluso usa essa ID para localizar e exibir o registro.

Mais tpicos da Ajuda


Parmetros de URL na pgina 657

Para criar manualmente os links


1 Na pgina de resultados, crie uma coluna na tabela usada para exibir os registros clicando dentro da ltima coluna

da tabela e selecionando Modificar > Tabela > Inserir linhas ou colunas.


2 Selecione as opes Colunas e Aps coluna atual e clique em OK.

Uma coluna adicionada tabela.


3 Na coluna da tabela recm-criada, digite a seqncia de caracteres Delete na linha que contm os alocadores de

espao do contedo dinmico. Verifique se voc digitou a seqncia de caracteres na regio com abas repetitivas. Voc tambm pode inserir uma imagem com uma palavra ou smbolo a ser excludo.
4 Selecione a seqncia de caracteres Delete para aplicar um link a ela. 5 No Inspetor de propriedades, insira a pgina de excluso na caixa Link. Voc pode digitar qualquer nome de

arquivo. Aps o clique fora da caixa Link, a seqncia de caracteres Delete exibida vinculada tabela. Se ativar Visualizao dinmica, voc pode ver se o link est aplicado ao mesmo texto em todas as linhas da tabela.
6 Selecione o link Excluir na pgina de resultados.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 630


Criao visual de aplicativos

7 (ColdFusion) Na caixa Link do Inspetor de propriedades, adicione esta seqncia de caracteres ao final do URL:
?recordID=#recordsetName.fieldName#

O ponto de interrogao informa ao servidor de que se trata de um ou mais parmetros de URL. A palavra recordID o nome do parmetro do URL (voc pode dar a ele o nome que quiser). Anote o nome do parmetro do URL porque voc o usar na pgina de excluso posteriormente. A expresso aps o sinal de igual o valor do parmetro. Nesse caso, o valor gerado por uma expresso do ColdFusion que retorna a ID de um registro do conjunto de registros. gerada uma ID diferente para cada linha da tabela dinmica. Na expresso 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 nmero da ID de um registro. No seguinte exemplo, o campo consiste em cdigos de local exclusivos:
confirmDelete.cfm?recordID=#rsLocations.CODE#

Quando a pgina executada, os valores do campo CODE do conjunto de registros so inseridos nas linhas correspondentes da tabela dinmica. Por exemplo, caso Canberra, Austrlia, o local da locao, apresente o cdigo CBR, o seguinte URL usado na linha Canberra da tabela dinmica:
confirmDelete.cfm?recordID=CBR

8 (PHP) No campo Link do Inspetor de propriedades, adicione esta seqncia de caracteres ao final do URL:
?recordID=<?php echo $row_recordsetName['fieldName']; ?>

O ponto de interrogao informa ao servidor de que se trata de um ou mais parmetros de URL. A palavra recordID o nome do parmetro do URL (voc pode dar a ele o nome que quiser). Anote o nome do parmetro do URL porque voc o usar na pgina de excluso posteriormente. A expresso aps o sinal de igual o valor do parmetro. Nesse caso, o valor gerado por uma expresso do PHP que retorna a ID de um registro do conjunto de registros. gerada uma ID diferente para cada linha da tabela dinmica. Na expresso 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 nmero da ID de um registro. No seguinte exemplo, o campo consiste em cdigos de local exclusivos:
confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Quando a pgina executada, os valores do campo CODE do conjunto de registros so inseridos nas linhas correspondentes da tabela dinmica. Por exemplo, caso Canberra, Austrlia, o local da locao, apresente o cdigo CBR, o seguinte URL usado na linha Canberra da tabela dinmica:
confirmDelete.php?recordID=CBR

9 (ASP) No campo Link do Inspetor de propriedades, adicione esta seqncia de caracteres ao final do URL:
?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>

O ponto de interrogao informa ao servidor de que se trata de um ou mais parmetros de URL. A palavra recordID o nome do parmetro do URL (voc pode dar a ele o nome que quiser). Anote o nome do parmetro do URL porque voc o usar na pgina de excluso posteriormente. A expresso aps o sinal de igual o valor do parmetro. Nesse caso, o valor gerado por uma expresso do ASP que retorna a ID de registro do conjunto de registros. gerada uma ID diferente para cada linha da tabela dinmica. Na expresso do ASP, 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 nmero da ID de um registro. No seguinte exemplo, o campo consiste em cdigos de local exclusivos:
confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 631


Criao visual de aplicativos

Quando a pgina executada, os valores do campo CODE do conjunto de registros so inseridos nas linhas correspondentes da tabela dinmica. Por exemplo, caso Canberra, Austrlia, o local da locao, apresente o cdigo CBR, o seguinte URL usado na linha Canberra da tabela dinmica:
confirmDelete.asp?recordID=CBR

10 Salve a pgina.

Para criar visualmente os links (apenas em ASP)


1 Na pgina de resultados, crie uma coluna na tabela usada para exibir os registros clicando dentro da ltima coluna

da tabela e selecionando Modificar > Tabela > Inserir linhas ou colunas.


2 Selecione as opes Colunas e Aps coluna atual e clique em OK.

Uma coluna adicionada tabela.


3 Na coluna da tabela recm-criada, digite a seqncia de caracteres Delete na linha que contm os alocadores de

espao do contedo dinmico. Verifique se voc digitou a seqncia de caracteres na regio com abas repetitivas. Voc tambm pode inserir uma imagem com uma palavra ou smbolo a ser excludo.
4 Selecione a seqncia de caracteres Delete para aplicar um link a ela. 5 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Ir para pgina detalhada no menu pop-up.


6 Na caixa Pgina detalhada, clique em Procurar e localize a pgina de excluso. 7 Na caixa Repassar parmetro de URL, especifique o nome do parmetro, como recordID.

Voc pode inventar o nome que quiser, mas anote o nome, porque depois ser usado na pgina de excluso.
8 Especifique o valor que voc deseja passar para a pgina de excluso 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.
9 Selecione a opo Parmetros de URL. 10 Clique em OK.

Um link especial contorna o texto selecionado. Quando o usurio clica no link, o comportamento de servidor Ir para pgina detalhada passa um parmetro do URL que contm a ID do registro para a pgina de excluso especificada. Por exemplo, caso o parmetro do URL se chame recordID e a pgina de excluso, confirmdelete.asp, quando o usurio clica no link, o URL permanece semelhante seguinte: http://www.mysite.com/confirmdelete.asp?recordID=43 A primeira parte do URL, http://www.mysite.com/confirmdelete.asp, abre a pgina de excluso. J a segunda parte, ?recordID=43, o parmetro do URL. Ela informa pgina de excluso qual registro localizar e exibir. O termo recordID o nome do parmetro do URL e 43 seu valor. Nesse exemplo, o parmetro do URL contm o nmero da ID do registro, 43.

Criar a pgina de excluso


Depois de concluir a pgina que lista os registros, alterne para a pgina de excluso. A pgina de excluso mostra o registro e pergunta ao usurio se ele tem certeza de que deseja exclu-lo. Quando o usurio confirma a operao clicando no boto de formulrio, o aplicativo da Web exclui o registro do banco de dados.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 632


Criao visual de aplicativos

Criar essa pgina consiste na criao de um formulrio em HTML, na recuperao do registro a ser exibido no formulrio, na exibio do registro no formulrio e na adio da lgica para exclu-lo do banco de dados. Recuperar e exibir o registro consiste na definio de um conjunto de registros para manter um nico registro aquele que o usurio deseja excluir e na ligao das colunas do conjunto ao formulrio. Nota: A pgina de excluso pode conter apenas um comportamento de servidor para edio do registro por vez. Por exemplo, voc no pode adicionar um comportamento de servidor Inserir registro ou Atualizar registro pgina de excluso.

Criar um formulrio em HTML para exibir o registro


1 Crie uma pgina e a salve como a pgina de excluso especificada na seo anterior.

Voc especificou uma pgina de excluso ao criar o link Excluir na seo anterior. Use esse nome ao salvar o arquivo pela primeira vez (por exemplo, deleteConfirm.cfm).
2 Insira um formulrio em HTML na pgina (Inserir > Formulrio > Formulrio). 3 Adicione um campo de formulrio oculto ao formulrio.

O campo de formulrio oculto obrigatrio para armazenar a ID do registro passada pelo parmetro de URL. Para adicionar um campo oculto, coloque o ponto de insero no formulrio e selecione Inserir > Formulrio > Campo oculto.
4 Adicione um boto ao formulrio.

O usurio clicar no boto para confirmar e excluir o registro exibido. Para adicionar um boto, coloque o ponto de insero no formulrio e selecione Inserir > Formulrio > Boto.
5 Melhore o design da pgina da forma que desejar e a salve.

Recuperar o registro que o usurio deseja excluir


1 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Conjunto de registros (consulta)

no menu pop-up. A caixa de dilogo Conjunto de registros ou Conjunto de dados simples exibida. Caso seja exibida a caixa de dilogo Conjunto de registros avanada em seu lugar, clique em Simples.
2 Nomeie o conjunto de registros e selecione uma fonte de dados, alm da tabela do banco de dados que contm os

registros que os usurios podem excluir.


3 Na rea Colunas, selecione as colunas da tabela (campos de registro) que deseja exibir na pgina.

Para exibir apenas alguns dos campos de registro, clique em Selecionado e escolha os campos desejados clicando neles com a tecla Control pressionada (Windows) ou Command (Macintosh) na lista. No se esquea de incluir o campo da ID do registro, mesmo que voc no v exibi-lo.
4 Complete a seo Filtro da seguinte forma para localizar e exibir o registro especificado no parmetro do URL

passado pela pgina de resultados:

No primeiro menu pop-up da rea Filtro, selecione a coluna do conjunto de registros que contm valores
correspondentes ao valor do parmetro do URL passado pela pgina com os links Excluir. Por exemplo, caso o parmetro do URL contenha o nmero de uma ID de registro, selecione a coluna que contm os nmeros da ID de registro. No exemplo abordado na seo anterior, a coluna do conjunto de registros chamada CODE contm os valores correspondentes ao valor do parmetro do URL passado pela pgina com os links Excluir.

No menu pop-up ao lado do primeiro menu, selecione o sinal de igual, caso ele ainda no esteja selecionado.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 633


Criao visual de aplicativos

No terceiro menu pop-up, selecione Parmetro do URL. A pgina com os links Excluir usa um parmetro de URL
para passar informaes pgina de excluso.

Na quarta caixa, digite o nome do parmetro do URL passado pela pgina com os links Excluir.

5 Clique em OK.

O conjunto de registros exibido no painel Ligaes.

Exibir o registro que o usurio deseja excluir


1 Selecione as colunas do conjunto de registros (campos do registro) no painel Ligaes e as arraste para a pgina de

excluso. Verifique se voc inseriu esse contedo dinmico somente leitura dentro dos limites do formulrio. Para obter mais informaes sobre como inserir contedo dinmico em uma pgina, consulte Tornar texto dinmico na pgina 578. Em seguida, voc deve ligar a coluna da ID do registro ao campo de formulrio oculto.
2 Verifique se os Elementos invisveis esto ativados (Exibir > Auxlios visuais > Elementos invisveis) e, em seguida,

clique no cone do escudo amarelo que representa o campo de formulrio oculto. O campo de formulrio oculto selecionado.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 634


Criao visual de aplicativos

3 No Inspetor de propriedades, clique no cone do raio ao lado da caixa Valor. 4 Na caixa de dilogo Dados dinmicos, selecione a coluna da ID do registro no conjunto de registros.

No seguinte exemplo, a coluna da ID do registro, CODE, contm cdigos de armazenamento exclusivos.

Coluna da ID do registro selecionada

5 Clique em OK e salve a pgina.

Pgina de excluso concluda

Adicionar lgica para excluir o registro


Depois de exibir o registro selecionado na pgina de excluso, voc deve adicionar lgica pgina que exclui o registro do banco de dados quando o usurio clica no boto Confirmar excluso. Voc pode adicionar essa lgica de maneira rpida e fcil usando o comportamento de servidor Excluir registro.

Para adicionar um comportamento de servidor para excluir o registro (ColdFusion, PHP)


1 Verifique se a pgina de excluso do ColdFusion ou PHP est aberta no Dreamweaver.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 635


Criao visual de aplicativos

2 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Excluir registro.


3 Na caixa Primeiro verifique se a varivel est definida, verifique se o Valor de chave primria est selecionado.

Voc especifica o valor de chave primria na caixa de dilogo.


4 No menu pop-up Fonte de dados ou Conexo (ColdFusion), selecione uma conexo com o banco de dados para

que o comportamento de servidor possa se conectar ao banco de dados afetado.


5 No menu pop-up Tabela, selecione a tabela do banco de dados que contm os registros a serem excludos. 6 No menu pop-up Coluna de chave primria, selecione a coluna da tabela que contm as IDs de registro.

O comportamento Excluir registro pesquisa a coluna em busca de uma correspondncia. A coluna deve conter os mesmos dados da ID de registro da coluna do conjunto de registros ligado ao campo de formulrio oculto na pgina. Caso a ID de registro seja um numrica, selecione a opo Numrico.
7 (PHP) No menu pop-up Valor de chave primria, selecione a varivel na pgina que contm a ID de registro

identificando o registro a ser excludo. A varivel criada pelo campo de formulrio oculto. Ela tem o mesmo nome do atributo de nome do campo oculto e um parmetro de formulrio ou de URL, dependendo do atributo de mtodo do formulrio.
8

Em Aps a excluso, caixa Ir para ou Se obtiver xito, caixa Ir para, especifique uma pgina a ser aberta aps a excluso do registro da tabela do banco de dados.

Voc pode especificar uma pgina que contenha uma breve mensagem de xito para o usurio ou uma pgina listando os registros restantes para que o usurio possa verificar se o registro foi excludo.

9 Clique em OK e salve o trabalho.

Para adicionar um comportamento de servidor para excluir o registro (ASP)


1 Verifique se a pgina de excluso de ASP est aberta no Dreamweaver. 2 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Excluir registro.


3 No menu pop-up Conexo, selecione uma conexo com o banco de dados para que o comportamento de servidor

possa se conectar ao banco de dados afetado. Clique no boto Definir caso voc precise definir uma conexo.
4 No menu pop-up Excluir da tabela, selecione a tabela do banco de dados que contm o registro a ser excludo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 636


Criao visual de aplicativos

5 No menu pop-up Selecionar registro em, especifique o conjunto de registros que contm os registros a serem

excludos.
6 No menu pop-up Coluna de chave exclusiva, selecione uma coluna de chave (normalmente a coluna da ID de

registro) para identificar o registro na tabela do banco de dados. Caso o valor seja um nmero, selecione a opo Numrico. Uma coluna de chave normalmente aceita apenas valores numricos, embora aceite valores de texto s vezes.
7 No menu pop-up Excluir ao enviar, especifique o formulrio em HTML com o boto Enviar que envia o comando

de excluso para o servidor.


8 Em Aps a excluso, caixa Ir para, especifique uma pgina a ser aberta aps a excluso do registro da tabela do

banco de dados. Voc pode especificar uma pgina que contenha uma breve mensagem de xito para o usurio ou uma pgina listando os registros restantes para que o usurio possa verificar se o registro foi excludo.
9 Clique em OK e salve o trabalho.

Teste as pginas de excluso


1 Carregue a pesquisa, os resultados e as pginas de excluso do servidor Web, abra um navegador e procure um

registro de teste descartvel a ser excludo. Quando voc clica em um link Excluir na pgina de resultados, a pgina de excluso deve ser exibida.
2 Clique no boto Confirmar para excluir o registro do banco de dados. 3 Verifique se o registro foi excludo pesquisando-o novamente. O registro no deve mais aparecer na pgina de

resultados.

Criao de pginas com objetos de manipulao de dados avanados (ColdFusion, ASP)


Sobre os objetos de comando do ASP
Um objeto de comando do ASP um objeto de servidor que realiza uma determinada operao em um banco de dados. O objeto pode conter qualquer instruo SQL vlida, inclusive uma que retorna um conjunto de registros ou outra que insere, atualiza ou exclui registros em um banco de dados. Um objeto de comando pode alterar a estrutura de um banco de dados caso a instruo SQL adicione ou exclua uma coluna em uma tabela. Voc tambm pode usar um objeto de comando para executar um procedimento armazenado em um banco de dados. Um objeto de comando pode ser reutilizvel no sentido de que o servidor de aplicativo pode reutilizar uma verso compilada exclusiva do objeto para executar o comando vrias vezes. Voc torna um comando reutilizvel definindo a propriedade Preparado do objeto Comando como true, como na seguinte instruo VBScript:
mycommand.Prepared = true

Se voc souber que o comando ser executado mais de uma vez, ter uma verso compilada exclusiva do objeto pode tornar as operaes do banco de dados mais eficiente. Nota: Nem todos os fornecedores de bancos de dados do suporte a comandos preparados. Caso o banco de dados no d suporte, ele pode retornar um erro quando voc define essa propriedade como true. Ele pode at mesmo ignorar a solicitao para preparar o comando e definir a propriedade Preparado como false.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 637


Criao visual de aplicativos

Um objeto de comando criado por scripts em uma pgina em ASP, mas o Dreamweaver lhe permite criar objetos de comando sem escrever uma linha de cdigo ASP.

Usar comandos do ASP para modificar um banco de dados


Voc pode usar o Dreamweaver para criar objetos de comando do ASP que inserem, atualizam ou excluem registros em um banco de dados. Voc fornece o objeto de comando com a instruo SQL ou o procedimento armazenado que realiza a operao no banco de dados.
1 No Dreamweaver, abra a pgina do ASP que executar o comando. 2 Abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+)

e selecione Comando.
3 Digite um nome para o comando, selecione uma conexo com o banco de dados que contenha os registros que voc

deseja editar e selecione a operao de edio que o comando deve realizar Inserir, Atualizar ou Excluir. O Dreamweaver inicia a instruo SQL com base no tipo de operao selecionado por voc. Por exemplo, caso voc selecione Inserir, a caixa de dilogo semelhante seguinte:

4 Conclua a instruo SQL.

Para obter informaes sobre a escrita de instrues SQL que modificam bancos de dados, consulte um manual de Transact-SQL.
5 Use a rea Variveis para definir todas as variveis SQL. Fornea o nome e o valor de runtime. A especificao do

tipo e tamanho de cada varivel impede ataques de injeo. O seguinte exemplo mostra uma instruo Inserir que contm trs variveis SQL. Os valores dessas variveis so fornecidos por parmetros de URL passados para a pgina, conforme a definio na coluna Valor de runtime da rea Variveis.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 638


Criao visual de aplicativos

Para obter o valor Tamanho, use o painel Bancos de dados do Dreamweaver. Localize o banco de dados no painel Banco de dados e o expanda. Em seguida, localize a tabela na qual voc est trabalhando e a expanda. A tabela lista os tamanhos dos campos. Por exemplo, ela pode informar ADDRESS (WChar 50). Nesse exemplo, 50 o tamanho. Voc tambm pode localizar o tamanho no aplicativo de banco de dados. Nota: Os tipos de dados Numrico, Booleano e Data/hora sempre usam -1 como tamanho. Para determinar o valor Tipo, consulte a seguinte tabela:
Tipo no banco de dados Numrico (MS Access, MS SQL Server, MySQL) Booleano, Sim/no (MS Access, MS SQL Server, MySQL) Data/hora (MS Access, MS SQL Server, MySQL) Todos os demais tipos de campo de texto, inclusive os tipos de dados de texto do MySQL char, varchar e longtext text (MS Access) ou nvarchar, nchar (MS SQL Server) Tipo no Dreamweaver Duplo Duplo DBTimeStamp LongVarChar Tamanho -1 -1 -1 verificar tabela do banco de dados verificar tabela do banco de dados 1073741823

VarWChar

memo (MS Access), ntext (MS SQL Server) ou campos que do suporte a grandes quantidades de texto

LongVarWChar

Para obter mais informaes sobre o tipo e o tamanho das variveis SQL, consulte www.adobe.com/go/4e6b330a_br.
6 Feche a caixa de dilogo.

O Dreamweaver insere o cdigo ASP na pgina que, quando executada no servidor, cria um comando que insere, atualiza ou exclui registros no banco de dados. Por padro, o cdigo define a propriedade Preparado do objeto Comando como true, o que faz o servidor de aplicativo reutilizar uma verso compilada exclusiva do objeto sempre que o comando executado. Para mudar essa configurao, alterne para a Visualizao de cdigo e altere a propriedade Preparado para false.
7 Crie uma pgina com um formulrio em HTML para que os usurios possam inserir dados de registro. No

formulrio em HTML, inclua trs campos de texto (txtCity, txtAddress e txtPhone) e um boto de envio. O formulrio usa o mtodo OBTER e envia os valores do campo de texto para a pgina que contm o comando.

Sobre os procedimentos armazenados


Embora seja possvel usar comportamentos de servidor para criar pginas que modificam bancos de dados, voc tambm pode usar objetos de manipulao de banco de dados como, por exemplo, procedimentos armazenados ou objetos de comando do ASP na criao das pginas. Um procedimento armazenado um banco de dados reutilizvel que realiza algumas operaes no banco de dados. Um procedimento armazenado contm um cdigo SQL que pode, dentre outras coisas, inserir, atualizar ou excluir registros. Os procedimentos armazenados tambm podem alterar a estrutura do banco de dados propriamente dito. Por exemplo, voc pode usar um procedimento armazenado para adicionar uma coluna de tabela ou at mesmo excluir uma tabela. Um procedimento armazenado tambm pode chamar outro procedimento armazenado, bem como aceitar parmetros de entrada e retornar vrios valores para o procedimento de chamada na forma de parmetros de sada.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 639


Criao visual de aplicativos

Um procedimento armazenado reutilizvel no sentido de que voc pode reutilizar uma verso compilada exclusiva do procedimento para executar uma operao de banco de dados vrias vezes. Se voc souber que uma tarefa de banco de dados ser executada mais de uma vez ou que a mesma tarefa ser executada por aplicativos diferentes usar um procedimento armazenado na execuo dessa tarefa pode tornar as operaes do banco de dados mais eficientes. Nota: Os bancos de dados MySQL e Microsoft Access no do suporte a procedimentos armazenados.

Adicionar um procedimento armazenado (ColdFusion)


Voc pode usar um procedimento armazenado para modificar um banco de dados. Um procedimento armazenado um banco de dados reutilizvel que realiza algumas operaes no banco de dados. Para que voc use um procedimento armazenado e modifique um banco de dados, verifique se o procedimento contm o SQL que modifica o banco de dados de alguma forma. Para criar e armazenar um no banco de dados, consulte a documentao do banco de dados e um bom manual de Transact-SQL.
1 No Dreamweaver, abra a pgina que executar o procedimento armazenado. 2 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Procedimento armazenado. 3 No menu pop-up Fonte de dados, selecione uma conexo com o banco de dados que contm o procedimento

armazenado.
4 Digite o nome de usurio e a senha da fonte de dados do ColdFusion. 5 Selecione um procedimento armazenado no menu pop-up Procedimentos.

O Dreamweaver preenche automaticamente todos os parmetros.


6 Selecione um parmetro e clique em Editar caso tenha que fazer alteraes.

A caixa de dilogo Editar varivel do procedimento armazenado exibida. O nome da varivel que voc est editando exibido na caixa Nome. Nota: Voc deve inserir valores de teste para todos os procedimentos de entrada do procedimento armazenado.
7 Faa as alteraes conforme necessrio:

Selecione uma Direo no menu pop-up. Um procedimento armazenado pode ter valores de entrada, valores de
sada ou ambos.

Selecione um tipo de SQL no menu pop-up. Insira uma varivel de retorno, um valor de runtime e um valor de teste.
8 Caso o procedimento armazenado use um parmetro, clique no boto de adio (+) para adicionar um parmetro

de pgina. Nota: Voc deve inserir parmetros de pgina correspondentes para cada valor de retorno do parmetro de procedimento armazenado. No adicione parmetros de pgina a menos que haja um valor de retorno correspondente. Clique novamente no boto de adio (+) para adicionar outro parmetro de pgina, se necessrio.
9 Selecione um parmetro de pgina e clique no boto de subtrao (-) para exclu-lo se necessrio ou clique em

Editar para fazer as alteraes no parmetro.


10 Selecione a opo Retornar conjunto de registros nomeado e, em seguida, digite um nome para o conjunto de

registros; caso o procedimento armazenado retorne um conjunto de registros, clique no boto Testar para ver o conjunto retornado pelo procedimento armazenado. O Dreamweaver executa o procedimento armazenado e exibe o conjunto de registros, se necessrio. Nota: Caso o procedimento armazenado retorne um conjunto de registros e use parmetros, voc deve inserir um valor na coluna Valor padro da caixa Variveis para testar o procedimento armazenado.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 640


Criao visual de aplicativos

Voc pode usar valores de teste diferentes para gerar conjuntos de registros diferentes. Para alterar os valores de teste, clique no boto Editar em Parmetro e altere o valor de teste, ou clique no boto Editar em Parmetros de pgina e altere o valor padro.
11 Selecione a opo Retorna cdigo de status nomeado, digite um nome para o cdigo de status, caso o procedimento

armazenado retorne um valor de retorno do cdigo de status. Clique em OK. Depois que voc fecha a caixa, o Dreamweaver insere o cdigo do ColdFusion na pgina que chama um procedimento armazenado no banco de dados, quando o cdigo executado no servidor. Por sua vez, o procedimento armazenado realiza uma operao no banco de dados como, por exemplo, inserir um registro. Caso o procedimento armazenado use parmetros, voc pode criar uma pgina que coleta os valores de parmetro os envia para a pgina com o procedimento armazenado. Por exemplo, voc pode criar uma pgina que usa parmetros de URL ou um formulrio em HTML para coletar valores de parmetro dos usurios.

Mais tpicos da Ajuda


Definir um conjunto de registros avanado escrevendo em SQL na pgina 565

Executar um procedimento armazenado (ASP)


Com pginas em ASP, voc deve adicionar um objeto de comando a uma pgina para executar um procedimento armazenado. Para obter mais informaes sobre objetos de comando, consulte Sobre os objetos de comando do ASP na pgina 636.
1 No Dreamweaver, abra a pgina que executar o procedimento armazenado. 2 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Comando (procedimento

armazenado). A caixa de dilogo Comando exibida.


3 Digite um nome para o comando, selecione uma conexo com o banco de dados que contm o procedimento

armazenado e escolha Procedimento armazenado no menu pop-up Tipo.


4 Selecione o procedimento armazenado expandindo a ramificao Procedimentos armazenados na caixa Itens do

banco de dados, selecionando o procedimento armazenado na lista e clicando no boto Procedimento.


5 Insira todos os parmetros obrigatrios na tabela Variveis.

Voc no precisa inserir parmetros para nenhuma varivel RETURN_VALUE.


6 Clique em OK.

Depois que voc fecha a caixa de dilogo, o cdigo do ASP inserido na pgina. Quando o cdigo executado no servidor, o cdigo cria um objeto de comando que executa um procedimento armazenado no banco de dados. Por sua vez, o procedimento armazenado realiza uma operao no banco de dados como, por exemplo, inserir um registro. Por padro, o cdigo define a propriedade Preparado do objeto Comando como true, o que faz o servidor de aplicativo reutilizar uma verso compilada exclusiva do objeto sempre que o procedimento armazenado executado. Se voc souber que o comando ser executado mais de uma vez, ter uma verso compilada exclusiva do objeto pode aumentar a eficincia das operaes do banco de dados. No entanto, se o comando for executado apenas uma ou duas vezes, us-lo pode, na verdade, retardar o aplicativo da Web porque o sistema tem de parar para compilar o comando. Para mudar a configurao, alterne para a Visualizao de cdigo e altere a propriedade Preparado para false. Nota: Nem todos os fornecedores de bancos de dados do suporte a comandos preparados. Caso o banco de dados no d suporte a ele, voc talvez receba uma mensagem de erro ao executar a pgina. Alterne para a Visualizao de cdigo e altere a propriedade Preparado para false.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 641


Criao visual de aplicativos

Caso o procedimento armazenado use parmetros, voc pode criar uma pgina que coleta os valores de parmetro os envia para a pgina com o procedimento armazenado. Por exemplo, voc pode criar uma pgina que usa parmetros de URL ou um formulrio em HTML para coletar valores de parmetro dos usurios.

Criao de uma pgina de registro


Sobre as pginas de registro
O aplicativo da Web pode conter uma pgina que exige o registro dos usurios na primeira vez em que eles visitam o site. Uma pgina de registro formada pelos seguintes blocos de criao:

Uma tabela do banco de dados para armazenar informaes de logon dos usurios Um formulrio em HTML que permite aos usurios selecionar um nome de usurio e senha
Voc tambm pode usar o formulrio para obter demais informaes pessoais dos usurios.

Um comportamento de servidor Inserir registro para atualizar a tabela do banco de dados dos usurios do site Um comportamento de servidor Verificar novo nome de usurio para verificar se o nome digitado pelo usurio no
est sendo usado por outro

Mais tpicos da Ajuda


Adicionar um formulrio em HTML para a seleo de um nome de usurio e senha na pgina 642 Atualizar a tabela de usurios do banco de dados na pgina 642 Adicionar um comportamento de servidor para verificar um nome de usurio exclusivo na pgina 643

Armazenamento de informaes de logon dos usurios


Uma pgina de registro exige que uma tabela do banco de dados armazena as informaes de logon inseridas pelos usurios.

Verifique se a tabela do banco de dados contm um nome de usurio e uma coluna de senha. Caso voc queira que
os usurios conectados tenham privilgios de acesso diferentes, inclua uma coluna de privilgio de acesso.

Caso voc queira definir uma senha comum a todos os usurios do site, configure o aplicativo de banco de dados
(Microsoft Access, Microsoft SQL Server, Oracle etc.) para digitar a senha em todos os registros de novo usurio por padro. Na maioria dos aplicativos de banco de dados, voc pode definir uma coluna como um valor padro sempre que um novo registro criado. Defina o valor padro da senha.

Voc tambm pode usar a tabela do banco de dados para armazenar outras informaes teis sobre o usurio.
A prxima etapa da criao de uma pgina de registro adicionar um formulrio em HTML a ela para permitir que os usurios escolham um nome de usurio e senha (se aplicvel).

Mais tpicos da Ajuda


Armazenar privilgios de acesso no banco de dados do usurio na pgina 647

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 642


Criao visual de aplicativos

Adicionar um formulrio em HTML para a seleo de um nome de usurio e senha


Voc adiciona um formulrio em HTML pgina de registro para permitir que os usurios selecionem um nome de usurio e senha (se aplicvel).
1 Crie uma pgina (Arquivo > Novo > Pgina em branco) e crie o layout da pgina de registro usando as ferramentas

de design do Dreamweaver.
2 Adicione um formulrio em HTML colocando o ponto de insero onde voc deseja que o formulrio seja exibido

e selecionando Formulrio no menu Inserir. criado um formulrio vazio na pgina. Voc talvez precise ativar os Elementos invisveis (Exibir > Auxlios visuais > Elementos invisveis) para ver os limites do formulrio, representados por linhas finas em vermelho.
3 Nomeie o formulrio em HTML clicando na tag <form> na parte inferior da janela Documento para selecionar o

formulrio, abrindo o Inspetor de propriedades (Janela > Propriedades) e digitando um nome na caixa Formulrio. Voc no precisa especificar um atributo action ou method para o formulrio a fim de inform-lo para onde e como enviar os dados do registro quando o usurio clicar no boto Enviar. O comportamento de servidor Inserir registro define esses atributos para voc.
4 Adicione campos de texto (Inserir > Formulrio > Campo de texto) para permitir que o usurio digite um nome de

usurio e senha. O formulrio tambm pode ter mais objetos de formulrio para registrar outros dados pessoais. Voc deve adicionar rtulos (como textos ou imagens) ao lado de cada objeto de formulrio para informar suas funes aos usurios. Voc tambm deve alinhar os objetos de formulrio colocando-os dentro de uma tabela em HTML. Para obter mais informaes sobre objetos de formulrio, consulte Criao de formulrios da Web na pgina 659.
5 Adicione um boto Enviar ao formulrio (Inserir > Formulrio > Boto).

Voc pode alterar o rtulo do boto Enviar selecionando o boto, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Valor. A prxima etapa da criao de uma pgina de registro adicionar o comportamento de servidor Inserir registro para inserir registros na tabela dos usurios no banco de dados.

Atualizar a tabela de usurios do banco de dados


Voc deve adicionar um comportamento de servidor Inserir registro pgina de registro para atualizar a tabela de usurios no banco de dados.
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Inserir registro no menu pop-up. A caixa de dilogo Inserir registro exibida.
2 Complete a caixa de dilogo, no se esquecendo de especificar a tabela de usurios no banco de dados em que os

dados dos usurios sero inseridos. Clique em OK. A etapa final da criao de uma pgina de registro verificar se o nome no foi usado por outro usurio registrado.

Mais tpicos da Ajuda


Criar uma pgina para insero bloco por bloco na pgina 620

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 643


Criao visual de aplicativos

Adicionar um comportamento de servidor para verificar um nome de usurio exclusivo


Voc pode adicionar um comportamento de servidor a uma pgina de registro que verifica se o nome de usurio exclusivo antes de adicion-lo ao banco de dados de usurios registrados. Quando o usurio clica no boto Enviar na pgina de registro, o comportamento de servidor compara o nome de usurio digitado pelo usurio com os nomes de usurio armazenados na tabela de usurios registrados de um banco de dados. Caso nenhum nome de usurio correspondente seja encontrado na tabela do banco de dados, o comportamento de servidor realiza normalmente a operao de insero do registro. Caso um nome de usurio correspondente seja encontrado, o comportamento de servidor cancela a operao de insero do registro e abre uma nova pgina (normalmente uma pgina alertando o usurio de que o nome de usurio j est sendo usado).
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Usar autenticao > Verificar novo nome de usurio no menu pop-up.
2 No menu pop-up Campo de nome de usurio, selecione o campo de texto de formulrio usado pelos visitantes para

digitar um nome de usurio.


3 Em Se j existir, caixa Ir para, especifique uma pgina a ser aberta caso um nome de usurio correspondente seja

encontrado na tabela do banco de dados e clique em OK. A pgina aberta deve alertar o usurio de que o nome de usurio j est sendo usado e permitir que ele tente novamente.

Criao de uma pgina de logon


Sobre as pginas de logon
O aplicativo da Web pode conter uma pgina que permite aos usurios registrados fazer logon no site. Uma pgina de logon formada pelos seguintes blocos de criao:

Uma tabela de usurios registrados do banco de dados Um formulrio em HTML para permitir aos usurios digitar um nome de usurio e senha Um comportamento de servidor Fazer logon do usurio para verificar se o nome de usurio e a senha digitados so
vlidos Uma varivel de sesso que consiste no nome de usurio criada para o usurio quando este faz logon com xito.

Mais tpicos da Ajuda


Adicionar um formulrio em HTML para permitir aos usurios fazer logon na pgina 644 Verificar o nome de usurio e a senha na pgina 644

Criar uma tabela de usurios registrados do banco de dados


Voc precisa de uma tabela de usurios registrados no banco de dados para verificar se o nome de usurio e a senha digitados na pgina de logon so vlidos.
Use o aplicativo de banco de dados e uma pgina de registro para criar a tabela. Para obter as instrues, consulte

os tpicos relacionados abaixo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 644


Criao visual de aplicativos

A prxima etapa da criao de uma pgina de logon adicionar um formulrio em HTML pgina para permitir aos usurios fazer logon. Consulte o prximo tpico para obter instrues.

Mais tpicos da Ajuda


Criao de uma pgina de registro na pgina 641

Adicionar um formulrio em HTML para permitir aos usurios fazer logon


Voc adiciona um formulrio em HTML pgina para permitir aos usurios fazer logon digitando um nome de usurio e senha.
1 Crie uma pgina (Arquivo > Novo > Pgina em branco) e crie o layout da pgina de logon usando as ferramentas

de design do Dreamweaver.
2 Adicione um formulrio em HTML colocando o ponto de insero onde voc deseja que o formulrio seja exibido

e escolhendo Formulrio no menu Inserir. criado um formulrio vazio na pgina. Voc talvez precise ativar os Elementos invisveis (Exibir > Auxlios visuais > Elementos invisveis) para ver os limites do formulrio, representados por linhas finas em vermelho.
3 Nomeie o formulrio em HTML clicando na tag <form> na parte inferior da janela Documento para selecionar o

formulrio, abrindo o Inspetor de propriedades (Janela > Propriedades) e digitando um nome na caixa Formulrio. Voc no precisa especificar um atributo action ou method para o formulrio a fim de inform-lo para onde e como enviar os dados do registro quando o usurio clicar no boto Enviar. O comportamento de servidor Fazer logon do usurio define esses atributos para voc.
4 Adicione um nome de usurio e um campo de texto de senha (Inserir > Formulrio > Campo de texto) ao

formulrio. Adicione rtulos (como textos ou imagens) ao lado de cada campo de arquivo e alinhe os campos de texto os colocando em uma tabela em HTML e definindo o atributo border da tabela como 0.
5 Adicione um boto Enviar ao formulrio (Inserir > Formulrio > Boto).

Voc pode alterar o rtulo do boto Enviar selecionando o boto, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Rtulo. A prxima etapa da criao de uma pgina de logon adicionar o comportamento de servidor Fazer logon do usurio para verificar se o nome de usurio e a senha digitados so vlidos.

Verificar o nome de usurio e a senha


Voc deve adicionar um comportamento de servidor Fazer logon do usurio para verificar se o nome de usurio e a senha digitados por um usurio so vlidos. Quando um usurio clica no boto Enviar da pgina de logon, o comportamento de servidor Fazer logon do usurio compara os valores inseridos pelo usurio com os valores dos usurios registrados. Caso os valores sejam correspondentes, o comportamento de servidor abre uma pgina (normalmente, a tela Bem-vindo do site). Caso os valores no sejam correspondentes, o comportamento de servidor abre outra pgina (normalmente, a pgina que alerta o usurio de falha na tentativa de logon).
1 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Usar autenticao > Fazer logon do usurio no menu pop-up.


2 Especifique o formulrio e os objetos de formulrio usados pelos visitantes para digitar nome de usurio e senha. 3 (ColdFusion) Digite o nome do usurio e a senha, se aplicvel.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 645


Criao visual de aplicativos

4 Especifique a tabela do banco de dados e as colunas que contm os nomes de usurio e as senhas de todos os

usurios registrados. O comportamento de servidor compara o nome de usurio e a senha digitados por um visitante na pgina de logon com os valores nessas colunas.
5 Especifique uma pgina a ser aberta caso haja xito no processo de logon.

A pgina especificada costuma ser a tela Bem-vindo do site.


6 Especifique uma pgina a ser aberta caso haja falha no processo de logon.

A pgina especificada costuma alertar o usurio de que houve falha no processo de logon e permite que ele tente novamente.
7 Caso voc queira que os usurios sejam encaminhados para a pgina de logon depois de acessarem uma pgina

restrita e retornarem a esta pgina aps o logon, selecione a opo Ir para URL anterior. Caso um usurio tente acessar o site abrindo uma pgina restrita sem antes fazer o logon nela, a pgina restrita pode encaminh-lo para a pgina de logon. Depois que o usurio consegue fazer o logon, a pgina de logon o redireciona para a pgina restrita que o encaminhou inicialmente para a pgina de logon. Quando completar a caixa de dilogo para o comportamento de servidor Restringir acesso pgina nessas pginas, verifique se voc especificou a pgina de logon em Se o acesso for negado, caixa Ir para.
8 Especifique se voc deve conceder acesso pgina com base exclusivamente no nome de usurio e na senha ou

tambm de acordo com o nvel de autorizao e clique em OK. Um comportamento de servidor adicionado pgina de logon que verifica se o nome de usurio e a senha digitados por um visitante so vlidos.

Mais tpicos da Ajuda


Redirecionar usurios no autorizados na pgina 646 Criao de uma pgina que apenas usurios autorizados podem acessar na pgina 645

Criao de uma pgina que apenas usurios autorizados podem acessar


Sobre as pginas protegidas
O aplicativo da Web pode conter uma pgina protegida que apenas usurios autorizados podem acessar. Por exemplo, caso um usurio tente ignorar a pgina de logon digitando o URL da pgina protegida em um navegador, o usurio redirecionado para outra pgina. Da mesma forma, caso voc defina o nvel de autorizao de uma pgina como Administrador, apenas usurios com privilgios de acesso Administrador podem exibir a pgina. Caso um usurio conectado tente acessar a pgina protegida sem os privilgios de acesso apropriados, ele redirecionado para outra pgina. Voc tambm pode usar os nveis de autorizao para revisar usurios recm-registrados concedendo a eles acesso total ao site. Por exemplo, convm receber o pagamento antes de permitir que um usurio acesse as pginas de membro do site. Para isso, voc pode proteger as pginas de membro com um nvel de autorizao Membro e conceder a usurios recm-registrados apenas os privilgios de Convidado. Depois de receber o pagamento do usurio, voc pode atualizar os privilgios de acesso do usurio para Membro (na tabela de usurios registrados do banco de dados).

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 646


Criao visual de aplicativos

Caso no pretenda usar os nveis de autorizao, voc pode proteger qualquer pgina do site simplesmente adicionando um comportamento de servidor Restringir acesso pgina. O comportamento de servidor redireciona para outra pgina qualquer usurio que no tenha conseguido fazer o logon. Caso pretenda usar os nveis de autorizao, voc pode proteger qualquer pgina do site usando os seguintes blocos de criao:

Um comportamento de servidor Restringir acesso pgina para redirecionar usurios no autorizados para outra
pgina

Uma coluna extra na tabela de usurios do banco de dados para armazenar os privilgios de acesso de cada usurio
Independentemente do uso ou no dos nveis de autorizao, voc pode adicionar um link pgina protegida que permite ao usurio fazer logout e limpa todas as variveis de sesso.

Mais tpicos da Ajuda


Proteo de uma pasta no aplicativo (ColdFusion) na pgina 648

Redirecionar usurios no autorizados


Para impedir que usurios no autorizados acessem uma pgina, adicione um comportamento de servidor Restringir acesso pgina a ela. O comportamento de servidor redireciona o usurio para outra pgina caso o usurio tente ignorar a pgina de logon digitando o URL da pgina protegida em um navegador ou caso ele esteja conectado, mas tente acessar uma pgina protegida sem os privilgios de acesso apropriados. Nota: O comportamento de servidor Restringir acesso pgina s pode proteger pginas em HTML. Ele no protege outros recursos do site como, por exemplo, arquivos de imagem e de udio. Caso queira dar a muitas pginas do site os mesmos direitos de acesso, voc pode copiar e col-los de uma pgina para outra.

Redirecionar usurios no autorizados para outra pgina


1 Abra a pgina que voc deseja proteger. 2 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de adio (+) e

selecione Usar autenticao > Restringir acesso pgina no menu pop-up.


3 Selecione o nvel de acesso da pgina. Para permitir que apenas usurios com determinados privilgios de acesso

vejam a pgina, selecione a opo Nome de usurio, senha e nvel de acesso e especifique os nveis de autorizao da pgina. Por exemplo, voc pode especificar que apenas usurios com privilgios de Administrador possam exibir a pgina selecionando Administrador na lista dos nveis de autorizao.
4 Para adicionar nveis de autorizao lista, clique em Definir. Na lista Definir nveis de acesso exibida, insira um

novo nvel de autorizao e clique no boto de adio (+). O novo nvel de autorizao armazenado para ser usado com outras pginas. Verifique se a seqncia de caracteres do nvel de autorizao corresponde exatamente seqncia de caracteres armazenada no banco de dados do usurio. Por exemplo, caso a coluna da autorizao no banco de dados contenha o valor "Administrador", digite Administrador, e no Admin, na caixa Nome.
5 Para definir mais de um nvel de autorizao para uma pgina, clique nos nveis com a tecla Control pressionada

(Windows) ou Command (Macintosh) na lista. Por exemplo, voc pode especificar que qualquer usurio com privilgios de Convidado, Membro ou Administrador pode exibir a pgina.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 647


Criao visual de aplicativos

6 Especifique a pgina a ser aberta caso um usurio no autorizado tente abrir a pgina protegida.

Verifique se a pgina escolhida no est protegida.


7 Clique em OK.

Copiar e colar os direitos de acesso de uma pgina para as demais pginas do site
1 Abra a pgina protegida e selecione o comportamento de servidor Restringir acesso pgina listado no painel

Comportamentos de servidor (e no o no menu pop-up de adio [+]).


2 Clique no boto de seta no canto superior direito do painel e selecione Copiar no menu pop-up.

O comportamento de servidor Restringir acesso pgina copiado para a rea de transferncia do sistema.
3 Abra a outra pgina que voc deseja proteger da mesma forma. 4 No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no boto de seta no canto

superior direito e selecione Colar no menu pop-up.


5 Repita as etapas 3 e 4 para todas as pginas que voc deseja proteger.

Armazenar privilgios de acesso no banco de dados do usurio


O bloco de criao s obrigatrio caso voc queira que determinados usurios conectados tenham privilgios de acesso diferentes. Caso precise apenas que os usurios faam logon, voc no tem que armazenar privilgios de acesso.
1 Para fornecer a determinados usurios conectados privilgios de acesso diferentes, verifique se a tabela de usurios

do banco de dados contm uma coluna especificando os privilgios de acesso de cada usurio (Convidado, Usurio, Administrador etc.). Os privilgios de acesso de cada usurio devem ser inseridos no banco de dados pelo administrador do site. Na maioria dos aplicativos de banco de dados, voc pode definir uma coluna como um valor padro sempre que um novo registro criado. Defina o valor padro como o privilgio de acesso mais comum do site (por exemplo, Convidado) e, em seguida, altere manualmente as excees (por exemplo, alterando Convidado para Administrador). O usurio agora tem acesso a todas as pginas de administrador.
2 Verifique se cada usurio no banco de dados tem um privilgio de acesso exclusivo como, por exemplo, Convidado

ou Administrador, e no vrios privilgios como Usurio, Administrador. Para definir vrios privilgios de acesso para as pginas (por exemplo, todos os convidados e administradores podem ver a pgina), os defina no nvel da pgina, e no do banco de dados.

Fazer logout de usurios


Quando um usurio faz logon com xito, uma varivel de sesso criada consistindo no nome de usurio. Quando o usurio deixa o site, voc pode usar o comportamento de servidor Fazer logout do usurio para limpar a varivel da sesso e redirecion-lo para outra pgina (normalmente uma pgina de despedida ou de agradecimento). Voc pode invocar o comportamento de servidor Fazer logout do usurio quando o usurio clica em um link ou quando uma determinada pgina carregada.

Adicionar um link para permitir que os usurios faam logout


1 Selecione o texto ou a imagem de uma pgina para servir como link. 2 No painel Comportamentos de servidor (Janela > Comportamentos), clique no boto de adio (+) e selecione Usar

autenticao > Fazer logout do usurio.


3 Especifique uma pgina a ser aberta quando o usurio clica no link e em OK.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 648


Criao visual de aplicativos

A pgina costuma ser de despedida ou de agradecimento.

Fazer logout dos usurios quando uma pgina especfica carregada


1 Abra a pgina a ser carregada no Dreamweaver.

A pgina costuma ser de despedida ou de agradecimento.


2 No painel Comportamentos de servidor, clique no boto de adio (+) e selecione Usar autenticao > Fazer logout

do usurio.
3 Selecione a opo Fazer logout quando a pgina for carregada e clique em OK.

Proteo de uma pasta no aplicativo (ColdFusion)


Proteo de uma pasta ou de um site no servidor (ColdFusion)
Voc pode usar o Dreamweaver para proteger uma pasta especfica por senha no aplicativo do ColdFusion, inclusiva a pasta raiz do aplicativo. Quando um visitante do site solicita qualquer pgina na pasta especificada, o ColdFusion pede ao visitante um nome de usurio e senha. O ColdFusion armazena o nome de usurio e a senha em variveis de sesso para que o visitante no precise digit-los novamente durante a sesso. Nota: Esse recurso s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Com um documento do ColdFusion aberto no Dreamweaver, selecione Comandos > Assistente de logon do

ColdFusion.
2 Conclua o Assistente de logon do ColdFusion. a Especifique o caminho completo at a pasta que voc deseja proteger e clique em Avanar. b Na tela seguinte, selecione um destes tipos de autenticao:
Autenticao simples Protege o aplicativo com um nome de usurio e senha exclusivos para todos os usurios. Autenticao do Windows NT Protege o aplicativo usando nomes de usurio e senhas do NT. Autenticao LDAP Protege o aplicativo com nomes de usurio e senhas armazenados em um servidor LDAP.

c Especifique se voc deseja que os usurios faam logon usando uma pgina de logon do ColdFusion ou um menu

pop-up.
d Na prxima tela, especifique as seguintes configuraes:

Caso voc tenha selecionado a autenticao simples, especifique o nome de usurio e a senha que cada visitante
deve digitar.

Caso voc tenha selecionado a autenticao do Windows NT, especifique o domnio do NT de validao. Caso voc tenha selecionado a autenticao LDAP, especifique o servidor LDAP de validao.
3 Carregue os novos arquivos no site remoto. Os arquivos esto localizados na pasta do site local.

Mais tpicos da Ajuda


Ativar os aprimoramentos feitos no ColdFusion na pgina 674 Criao de uma pgina que apenas usurios autorizados podem acessar na pgina 645 Proteo de uma pasta no aplicativo (ColdFusion) na pgina 648

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 649


Criao visual de aplicativos

Uso de componentes do ColdFusion


Sobre os componentes do ColdFusion
Os arquivos CFC (componente do ColdFusion) lhe permitem integrar as lgicas de aplicativo e de negcios em unidades reutilizveis, inteiras. Os CFCs tambm proporcionam uma forma rpida e fcil de criar servios da Web. Um CFC uma unidade de software reutilizvel escrita em CFML (linguagem de markup do ColdFusion), que facilita a reutilizao e a manuteno do cdigo. Voc pode usar o Dreamweaver para trabalhar com CFCs. Para obter informaes sobre as tags e a sintaxe CFC, consulte a documentao do ColdFusion em Dreamweaver (Ajuda > Uso do ColdFusion). Nota: Voc s pode usar CFCs com o ColdFusion MX ou posterior. No h suporte para CFCs no ColdFusion 5. Os CFCs devem fornecer uma forma simples, mas eficiente, para que desenvolvedores integrem elementos dos sites. Normalmente, voc deve usar componentes na lgica de aplicativo ou de negcios. Use tags personalizadas em elementos de apresentao como, por exemplo, saudaes personalizadas, menus dinmicos etc. Assim como acontece com muitos outros tipos de construo, os sites dinmicos normalmente podem aproveitar partes intercambiveis. Por exemplo, um site dinmico pode executar a mesma consulta repetidamente ou calcular o preo total das pginas do carro de compras e recalcul-lo sempre que um item adicionado. Essas tarefas podem ser tratadas por componentes. Voc pode corrigir, melhorar, estender e at mesmo substituir um componente com impacto mnimo sobre o resto do aplicativo. Suponhamos que uma loja online calcule o frete com base no preo dos pedidos. Para pedidos abaixo de US$ 20, o frete de US$ 4; para pedidos entre US$ 20 e US$ 40, ele de US$ 6 e assim por diante. Voc poderia inserir a lgica de clculo do frete tanto na pgina do carro de compras quanto na pgina de retirada, mas isso misturaria o cdigo de apresentao em HTML e o cdigo da lgica em CFML, alm de normalmente dificultar a manuteno e a reutilizao. Voc decide criar um CFC chamado Preo que tem, dentre outras coisas, uma funo chamada ShippingCharge. A funo usa um preo como argumento e retorna um frete. Por exemplo, caso o valor do argumento seja 32,80, a funo retorna 6. Tanto na pgina do carro de compras quanto na pgina de retirada, voc insere uma tag especial para invocar a funo ShippingCharge. Quando a pgina solicitada, a funo invocada e um frete retorna para a pgina. Mais tarde, a loja anuncia uma promoo especial: frete gratuito para todos os pedidos acima de US$ 100. Voc faz a alterao nos fretes em um s local a funo ShippingCharge do componente Preo e todas as pginas que usam a funo obtm automaticamente fretes precisos.

Viso geral do painel Componentes (ColdFusion)


Use o painel Componentes (Janela > Componentes) para exibir e editar os componentes do ColdFusion e adicione um cdigo pgina que invoca a funo quando a pgina em CFM solicitada. Nota: O painel Componentes s est disponvel durante a exibio de uma pgina do ColdFusion no Dreamweaver.

Mais tpicos da Ajuda


Criar pginas da Web que usam CFCs na pgina 652

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 650


Criao visual de aplicativos

Criar ou excluir um CFC no Dreamweaver


Voc pode usar o Dreamweaver para definir visualmente um CFC e suas funes. O Dreamweaver cria um arquivo .cfc e insere as tags de CFML necessrias para voc. Nota: Dependendo do componente, voc talvez tenha que completar alguns cdigos manualmente.
1 Abra uma pgina do ColdFusion no Dreamweaver. 2 No painel Componentes (Janela > Componentes), selecione Componentes CF no menu pop-up. 3 Clique no boto de adio (+), complete a caixa de dilogo Criar componente e clique em OK. a Na seo Componentes, informe os detalhes do componente. Aqui est uma lista parcial:
Nome Especifica o nome de arquivo do componente. O nome deve conter apenas caracteres alfanumricos e sublinhados (_). No especifique a extenso de arquivo .cfc ao digitar o nome. Diretrio do componente Especifica onde o componente salvo. Selecione a pasta raiz do aplicativo da Web (como,

por exemplo, \Inetpub\wwwroot\myapp\) ou qualquer uma das subpastas.


b Para definir uma ou mais funes para o componente, selecione Funes na lista Seo, clique no boto de adio

(+) e insira os detalhes da nova funo. Verifique se voc especificou o tipo do valor retornado pela funo na opo Tipo de retorno. Caso voc selecione remoto no menu Acesso, a funo disponibilizada como um servio da Web.
c Para definir um ou mais argumentos de uma funo, selecione Argumentos na lista Seo, selecione a funo no

menu pop-up, clique no boto de adio (+) e insira os detalhes do novo argumento direita.
4 Caso voc use um servidor de desenvolvimento remoto, carregue o arquivo CFC e todos os arquivos dependentes

(como, por exemplo, os usados para implementar uma funo ou para incluir arquivos) no servidor remoto. O carregamentos dos arquivos garante que recursos do Dreamweaver como, por exemplo, a visualizao Live e Visualizar o navegador funcionem corretamente. O Dreamweaver escreve um arquivo CFC e o salva na pasta que voc especificar. O novo componente tambm exibido no painel Componentes (depois do clique em Atualizar).
5 Para remover um componente, voc deve excluir manualmente o arquivo CFC do servidor.

Mais tpicos da Ajuda


Criar pginas da Web que usam CFCs na pgina 652 Sobre os componentes do ColdFusion na pgina 649

Exibir CFCs no Dreamweaver


O Dreamweaver fornece uma forma de examinar visualmente os CFCs localizados na pasta do site ou em todo o servidor. O Dreamweaver l os arquivos CFC e exibe informaes sobre eles em uma visualizao hierrquica de fcil navegao no painel Componentes. O Dreamweaver procura os componentes no servidor de teste (consulte Conexo com o banco de dados no Dreamweaver na pgina 535). Caso voc crie CFCs ou faa alteraes nos CFCs existentes, no se esquea de carregar os arquivos CFC no servidor de teste para que eles sejam refletidos com preciso no painel Componentes. Para exibir os componentes localizados em outro servidor, altere as configuraes do servidor de teste.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 651


Criao visual de aplicativos

Voc pode exibir qualquer uma das seguintes informaes sobre os componentes do CF:

Listar todos os componentes do ColdFusion definidos no servidor. Caso voc esteja executando o ColdFusion MX 7 ou posterior, filtre a lista para mostrar apenas os CFCs localizados
na pasta do site.

Explorar as funes e os argumentos de cada componente. Inspecionar as propriedades das funes que funcionam como servios da Web.
Para usar o Dreamweaver a fim de inspecionar os CFCs que residem na raiz do servidor enquanto tambm gerencia os arquivos do site em uma raiz diferente, voc pode definir dois sites do Dreamweaver. Defina o primeiro site de forma a apontar para a raiz do servidor e o segundo, para a raiz do site. Use o menu pop-up do site no painel Arquivos para alternar rapidamente entre os dois sites. Para exibir os CFCs no Dreamweaver, siga estas etapas:
1 Abra uma pgina do ColdFusion no Dreamweaver. 2 No painel Componentes (Janela > Componentes), selecione Componentes CF no menu pop-up. 3 Clique no boto Atualizar no painel para recuperar os componentes.

O pacote de componentes exibido no servidor. Pacote de componentes uma pasta que contm arquivos CFC. Caso os pacotes de componentes existentes no sejam exibidos, clique no boto Atualizar da barra de ferramentas do painel.
4 Para exibir apenas os CFCs localizados na pasta do site, clique no boto Mostrar apenas os CFCs do site atual da

barra de ferramentas do painel Componentes. Nota: O recurso s est disponvel caso voc tenha definido um computador com o ColdFusion MX 6 ou posterior em execuo como servidor de teste do Dreamweaver. Nota: Caso o site atual esteja listado em uma pasta virtual do servidor remoto, a filtragem no funciona.
5 Clique no boto de adio (+) ao lado do nome do pacote para exibir os componentes armazenados no pacote.

Para listar as funes de um componente, clique no boto de adio (+) ao lado do nome do componente. Para ver os argumentos que uma funo usa, bem como o tipo de argumento e se eles so obrigatrios ou opcionais,
abra a ramificao da funo na visualizao hierrquica. As funes que no usam argumentos no apresentam nenhum boto de adio (+) abaixo delas.

Para exibir rapidamente os detalhes de um argumento, de uma funo, de um componente ou de um pacote,


selecione o item na visualizao hierrquica e clique no boto Obter detalhes na barra de ferramentas do painel. Voc tambm pode clicar com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) no item e selecionar Obter detalhes no menu pop-up. Os detalhes do item so exibidos em uma caixa de mensagem.

Mais tpicos da Ajuda


Configurar um servidor de teste na pgina 46 Ativar os aprimoramentos feitos no ColdFusion na pgina 674 Criar pginas da Web que usam CFCs na pgina 652

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 652


Criao visual de aplicativos

Editar CFCs no Dreamweaver


O Dreamweaver fornece uma forma aprimorada de edio do cdigo dos componentes do ColdFusion definidos para o site. Por exemplo, voc pode adicionar, alterar ou excluir qualquer funo de componente sem o Dreamweaver. Para usar o recurso, o ambiente de desenvolvimento deve ser definido da seguinte forma:

O ColdFusion deve estar em execuo localmente. Na caixa de dilogo avanada Definio de sites do Dreamweaver, o Tipo de acesso especificado na categoria
Servidor de teste deve ser Local/rede.

Na caixa de dilogo avanada Definio de sites, o caminho da pasta raiz local deve ser igual ao caminho da pasta
do servidor de teste (por exemplo, c:\Inetpub\wwwroot\cf_projects\myNewApp\). Voc pode examinar e alterar esses caminhos selecionando Site > Editar os sites.

O componente deve ser armazenado na pasta do site local ou em qualquer uma das subpastas do disco rgido.
Abra uma pgina do ColdFusion no Dreamweaver e veja os componentes no painel Componentes. Para exibir os componentes, abra o painel Componentes (Janela > Componentes), selecione Componentes CF no menu pop-up do painel e clique no boto Atualizar do painel. Como o ColdFusion est em execuo localmente, o Dreamweaver exibe os pacotes de componentes no disco rgido. Use o seguinte procedimento para editar um componente.
1 Abra uma pgina do ColdFusion no Dreamweaver e veja os componentes no painel Componentes (Janela >

Componentes).
2 Selecione Componentes CF no menu pop-up do painel e clique no boto Atualizar do painel.

Como o ColdFusion est em execuo localmente, o Dreamweaver exibe os pacotes de componentes no disco rgido. Nota: Para editar visualmente o conjunto de registros CFC, clique duas vezes nele no painel Ligaes.
3 Para editar um arquivo de componente em termos gerais, abra o pacote e clique duas vezes no nome do

componente na visualizao hierrquica. O arquivo do componente aberto na Visualizao de cdigo.


4 Para editar uma funo especfica, argumento ou propriedade, clique duas vezes no item na visualizao

hierrquica.
5 Faa manualmente as alteraes na Visualizao de cdigo. 6 Salve o arquivo (Arquivo > Salvar). 7 Para ver uma nova funo no painel Componentes, atualize a visualizao clicando no boto Atualizar na barra de

ferramentas do painel.

Mais tpicos da Ajuda


Exibir CFCs no Dreamweaver na pgina 650

Criar pginas da Web que usam CFCs


Uma forma de usar a funo de um componente nas pginas da Web escrever cdigo na pgina que invoca a funo quando a pgina solicitada. Voc pode usar o Dreamweaver para ajudar voc a escrever o cdigo. Nota: Para obter outras formas de usar componentes, consulte a documentao do ColdFusion em Dreamweaver (Ajuda > Uso do ColdFusion).
1 No Dreamweaver, abra a pgina do ColdFusion que usar a funo de componente.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 653


Criao visual de aplicativos

2 Passe para a Visualizao de cdigo (Exibir > Cdigo). 3 Abra o painel Componentes (Janela > Componentes), selecione Componentes CF no menu pop-up do painel. 4 Localize o componente desejado e o insira usando uma das seguintes tcnicas:

Arraste uma funo da visualizao hierrquica para a pgina. O cdigo inserido na pgina para invocar a funo. Selecione a funo no painel e clique no boto Inserir na barra de ferramentas do painel (o segundo boto direita).
O Dreamweaver insere o cdigo na pgina, no ponto de insero.
5 Caso voc insira uma funo com argumentos, complete manualmente o cdigo do argumento.

Para obter mais informaes, consulte a documentao do ColdFusion em Dreamweaver (Ajuda > Uso do ColdFusion).
6 Salve a pgina (Arquivo > Salvar).

Definir um conjunto de registros em um CFC


O Dreamweaver pode ajudar voc a definir um conjunto de registros (tambm conhecido como consulta do ColdFusion) em um CFC. Definindo um conjunto de registros em um CFC, voc no precisa definir o conjunto de registros em todas as pginas em que ele usado. Voc define o conjunto de registros uma vez no CFC e usa o CFC em pginas diferentes. Nota: Esse recurso s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior. Para obter mais informaes, consulte Ativar os aprimoramentos feitos no ColdFusion na pgina 674.
1 Crie ou abra um arquivo CFC existente no Dreamweaver. 2 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Conjunto de registros (consulta)

no menu pop-up. A caixa de dilogo Conjunto de registros exibida. Voc pode trabalhar nas caixas de dilogo Conjunto de registros simples ou avanada.
3 Para usar uma funo existente no CFC, selecione a funo no menu pop-up Funo e passe etapa 5.

O conjunto de registros definido na funo.


4 Para definir uma nova funo no CFC, clique no boto Nova funo, digite um nome para a funo na caixa de

dilogo exibida e, em seguida, clique em OK. O nome deve conter apenas caracteres alfanumricos e sublinhados (_).
5 Para definir um conjunto de registros para a funo, complete as opes da caixa de dilogo Conjunto de registros.

A nova funo inserida no CFC que define o conjunto de registros.

Mais tpicos da Ajuda


Criar ou excluir um CFC no Dreamweaver na pgina 650

Usar um conjunto de registros CFC como fonte de contedo dinmico


Voc pode usar um CFC como fonte de contedo dinmico para as pginas caso o componente contenha uma funo que define um conjunto de registros. Nota: Esse recurso s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior. Para obter mais informaes, consulte Ativar os aprimoramentos feitos no ColdFusion.
1 Abra uma pgina do ColdFusion no Dreamweaver.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 654


Criao visual de aplicativos

2 No painel Ligaes (Janela > Ligaes), clique no boto de adio (+) e selecione Conjunto de registros (consulta)

no menu pop-up. A caixa de dilogo Conjunto de registros exibida. Voc pode trabalhar nas caixas de dilogo Conjunto de registros simples ou avanada.
3 Clique no boto Consulta do CFC. 4 Complete a caixa de dilogo Consulta do CFC, clique em OK e em OK novamente para adicionar o conjunto de

registros CFC lista das fontes de contedo disponveis no painel Ligaes.


5 Use o painel Ligaes para ligar o conjunto de registros a vrios elementos de pgina.

Para obter mais informaes, consulte Adio de contedo dinmico a pginas na pgina 577.

Definir contedo dinmico usando um CFC


Voc pode definir um conjunto de registros como uma fonte de contedo dinmico no Dreamweaver usando um CFC que contm uma definio do conjunto de registros.
1 Na caixa Nome, digite um nome para o conjunto de registros CFC.

Uma prtica comum adicionar o prefixo rs a nomes do conjunto de registros para diferenci-los dos demais nomes de objeto no cdigo, por exemplo: rsPressRelease. Os nomes dos conjuntos de registros devem conter apenas caracteres alfanumricos e sublinhados (_). Voc no pode usar caracteres especiais ou espaos.
2 Selecione um pacote de um dos j definidos no servidor.

Caso o pacote no seja exibido no menu pop-up, voc pode atualizar a lista de pacotes clicando no boto Atualizar prximo do menu pop-up. Primeiramente, verifique se voc carregou os CFCs no servidor de teste. S so exibidos CFCs no servidor de teste.
3 Selecione um componente dentre os definidos no pacote selecionado atualmente.

Caso o menu pop-up Componente no contenha nenhum componente, ou caso nenhum dos componentes criados anteriormente seja exibido no menu, voc deve carregar os arquivos CFC no servidor de teste.
4 (Opcional) Para criar um componente, clique no boto Criar novo componente. a Na caixa Nome, digite o nome para o novo CFC. O nome deve conter apenas caracteres alfanumricos e

sublinhados (_).
b Na caixa Diretrio do componente, insira o local do CFC ou localize a pasta.

Nota: A pasta deve ser o caminho relativo da pasta raiz do site.


5 No menu pop-up Funo, selecione a funo que contm a definio do conjunto de registros.

O menu pop-up Funo contm apenas as funes definidas no componente selecionado no momento. Caso nenhuma funo seja exibida no menu pop-up ou caso as alteraes mais recentes no sejam refletidas nas funes listadas atualmente, verifique se as alteraes foram salvas e carregadas no servidor. Nota: As caixas Conexo e SQL so somente leitura.
6 Edite todos os parmetros (tipo, valor e valor padro) que devem ser passados como um argumento de funo

clicando no boto Editar.


a Insira um valor para o parmetro atual selecionando o tipo de valor no menu pop-up Valor e inserindo o valor na

caixa direita.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 655


Criao visual de aplicativos

O tipo de valor pode ser um parmetro de URL, uma varivel de formulrio, um cookie, uma varivel de sesso, uma varivel de aplicativo ou um valor inserido.
b Insira um valor padro para o parmetro na caixa Valor padro.

Caso nenhum valor de runtime retorne, o valor de parmetro padro usado.


c Clique em OK.

Voc no pode modificar a conexo de banco de dados e a consulta SQL do conjunto de registros. Esses campos esto sempre desativados a conexo e a consulta SQL so exibidas para sua informao.
7 Clique em Testar para se conectar ao banco de dados e criar uma ocorrncia do conjunto de registros.

Caso a instruo SQL contenha parmetros de pgina, verifique se a coluna Valor padro da caixa Parmetros contm valores de teste vlidos antes de clicar em Testar. Caso a consulta tenha sido executada com xito, uma tabela exibe o conjunto de registros. Cada linha contm um registro e cada coluna representa um campo nesse registro. Clique em OK para limpar a Consulta do CFC.
8 Clique em OK.

ltima atualizao em 28/4/2010

656

Captulo 21: Criao de formulrios


Quando um visitante insere informaes em um formulrio exibido em um navegador da Web e clica no boto de envio, as informaes so enviadas para um servidor onde so processadas por um script do servidor ou aplicativo. O servidor responde enviando de volta as informaes solicitadas pelo usurio (ou cliente) ou realizando alguma outra ao com base no contedo do formulrio. Voc pode usar o Dreamweaver para criar formulrios que enviem dados para a maior parte dos servidores de aplicativos, incluindo PHP, ASP e ColdFusion. Se voc usar o ColdFusion, tambm poder adicionar controles de formulrios especficos do ColdFusion nos seus formulrios. Seus formulrios podem ter campos de texto, campos de senha, botes de opo, caixas de seleo, menus pop-up, botes clicveis e outros objetos de formulrio. O Dreamweaver tambm pode escrever cdigo que valida as informaes que um visitante fornece. Por exemplo, voc pode verificar se um endereo de email que um usurio digita contm um smbolo @ ou se um campo de texto obrigatrio contm um valor.

Coleta de informaes dos usurios


Sobre a coleta de informaes dos usurios
Voc pode usar formulrios da Web ou links de hipertexto para coletar informaes dos usurios, armazenar essas informaes na memria do servidor e, em seguida, us-las para criar uma resposta dinmica baseada nas entradas do usurio. As ferramentas mais comuns para a coleta de informaes do usurio so os formulrios em HTML e os links de hipertexto.
Formulrios em HTML Eles permitem que voc colete informaes dos usurios e as armazene na memria do servidor. Um formulrio em HTML pode enviar as informaes como parmetros de formulrio ou de URL. Links de hipertexto Eles permitem que voc colete informaes dos usurios e as armazene na memria do servidor. Voc especifica um valor (ou valores) a ser enviado quando o usurio clica em um link uma preferncia, por exemplo acrescentando o valor URL especificada na tag de ancoragem. Quando um usurio clica no link, o navegador envia o URL e o valor acrescentado para o servidor.

Parmetros de formulrio em HTML


Os parmetros de formulrio so enviados para o servidor usando um formulrio em HTML com o mtodo POSTAR ou OBTER. Quando estiver usando o mtodo POSTAR, os parmetros sero enviados para o servidor da web como parte do cabealho do documento e no ficam visveis ou acessveis para qualquer pessoa que esteja usando mtodos padro para exibir a pgina. O mtodo POSTAR deve ser usado para valores que afetam o contedo do banco de dados (por exemplo, inserindo, atualizando ou excluindo registros) ou para valores enviados por email. O mtodo OBTER acrescenta parmetros URL solicitada. Os parmetros ficam visveis para qualquer pessoa que esteja exibindo a pgina. O mtodo OBTER deve ser usado em formulrios de pesquisa. Voc pode usar o Dreamweaver para projetar rapidamente formulrios em HTML que enviam parmetros de formulrio para o servidor. Tome cuidado com o mtodo que voc usa para transmitir informaes do navegador para o servidor.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 657


Criao de formulrios

Os parmetros de formulrio usam os nomes dos objetos de formulrio correspondentes. Por exemplo, caso o formulrio contenha um campo de texto chamado txtLastName, o seguinte parmetro de formulrio enviado para o servidor quando o usurio clica no boto Enviar:
txtLastName=enteredvalue

Nos casos em que um aplicativo da Web espera um valor de parmetro preciso (por exemplo, quando ele realiza uma ao com base em uma de vrias opes), use um boto de opo, uma caixa de seleo ou um objeto de formulrio lista/menu para controlar os valores que o usurio pode enviar. Isso impede que os usurios digitem as informaes incorretamente e causem um erro de aplicativo. O seguinte exemplo mostra um formulrio de menu pop-up que oferece trs opes:

Cada opo de menu corresponde a um valor codificado enviado como um parmetro de formulrio para o servidor. A caixa de dilogo Listar valores do seguinte exemplo compara cada item de lista com um valor (Adicionar, Atualizar ou Excluir):

Depois que um parmetro de formulrio criado, o Dreamweaver pode recuperar o valor e us-lo em um aplicativo da Web. Depois da definio do parmetro de formulrio no Dreamweaver, voc pode inserir o valor em uma pgina.

Mais tpicos da Ajuda


Criao de formulrios da Web na pgina 659 Adio de contedo dinmico a pginas na pgina 577 Acesso a um banco de dados na pgina 524

Parmetros de URL
Os parmetros de URL permitem passar informaes fornecidas pelo usurio do navegador para o servidor. Quando um servidor recebe uma solicitao e os parmetros so acrescentados URL da solicitao, o servidor d pgina solicitada acesso aos parmetros antes de oferec-la ao navegador.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 658


Criao de formulrios

Um parmetro de URL um par nome/valor acrescentado a um URL. O parmetro comea com um ponto de interrogao (?) e usa a forma nome=valor. Caso haja mais de um parmetro de URL, cada um deles separado por um e comercial (&). O seguinte exemplo mostra um parmetro de URL com dois pares nome/valor:
http://server/path/document?name1=value1&name2=value2

No fluxo de trabalho desse exemplo, o aplicativo uma loja baseada na Web. Como os desenvolvedores do site querem atingir o maior pblico possvel, o site foi projetado para dar suporte a moedas estrangeiras. Ao fazer logon no site, os usurios podem selecionar a moeda na qual exibem os preos dos itens disponveis.
1 O navegador solicita a pgina report.cfm do servidor. A solicitao inclui o parmetro de URL Currency="euro". A

varivel Currency="euro" especifica que todas as quantias monetrias recuperadas sejam exibidas em euro da Unio Europia.
2 O servidor armazena temporariamente o parmetro de URL na memria. 3 A pgina report.cfm usa os parmetros para recuperar o custo dos itens em euros. Essas quantias monetrias podem

ser armazenadas em uma tabela de banco de dados com moedas diferentes ou convertidas de uma moeda exclusiva associada a cada item (qualquer moeda com suporte do aplicativo).
4 O servidor envia a pgina report.cfm para o navegador e exibe o valor dos itens na moeda solicitada. Quando esse

usurio encerra a sesso, o servidor limpa o valor do parmetro de URL, o que libera a memria do servidor para hospedar novas solicitaes de usurio.
SERVIDOR WEB
http://www.mysite.com/ report.cfm?Currency="" Currency=""

Navegador da Web
<HTML> <code> </HTML>
report.cfm

Os parmetros de URL tambm so criados quando o mtodo HTTP OBTER usado em conjunto com um formulrio em HTML. O mtodo OBTER especifica se o valor de parmetro est acrescentado solicitao de URL quando o formulrio enviado. Entre os usos tpicos dos parmetros de URL est a personalizao dos sites com base nas preferncias do usurio. Por exemplo, um parmetro de URL que consiste em um nome de usurio e senha pode ser usado para autenticar um usurio, exibindo apenas informaes para as quais o usurio se registrou. Entre os exemplos comuns disso esto os sites de finanas que exibem os preos das aes com base nos smbolos do mercado de aes que o usurio escolheu previamente. Os desenvolvedores de aplicativo da Web normalmente usam os parmetros de URL para passar valores a variveis dentro de aplicativos. Por exemplo, voc poderia passar termos para variveis SQL em um aplicativo da Web a fim de gerar resultados de pesquisa.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 659


Criao de formulrios

Criao de parmetros de URL com o uso de links em HTML


Voc cria parmetros de URL dentro de um link em HTML por meio do uso do atributo href da tag de ancoragem HTML. Voc pode digitar os parmetros de URL diretamente no atributo na visualizao Cdigo (Exibir > Cdigo) ou por meio do acrscimo dos parmetros de URL ao final do URL do link na caixa Link do Inspetor de propriedades. No seguinte exemplo, trs links criam um parmetro de URL exclusivo (action) com trs valores possveis (Adicionar, Atualizar e Excluir). Quando o usurio clica em um link, um valor de parmetro enviado para o servidor, e a ao solicitada realizada.
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> <a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> <a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>

O Inspetor de propriedades (Janela > Propriedades) permite criar os mesmos parmetros de URL com a seleo do link e o acrscimo dos valores de parmetro de URL ao final do URL do link na caixa Link.

Depois que um parmetro de URL criado, o Dreamweaver pode recuperar o valor e us-lo em um aplicativo da Web. Depois da definio do parmetro de URL no Dreamweaver, voc pode inserir o valor em uma pgina.

Mais tpicos da Ajuda


Sobre os parmetros de URL e de formulrio na pgina 557 Vinculao na pgina 273 Definir parmetros de formulrio na pgina 570 Adio de contedo dinmico a pginas na pgina 577 Acesso a um banco de dados na pgina 524

Criao de formulrios da Web


Sobre formulrios da Web
Quando um visitante insere informaes em um formulrio exibido em um navegador da Web e clica no boto de envio, as informaes so enviadas para um servidor onde so processadas por um script do servidor ou aplicativo. O servidor responde enviando de volta as informaes solicitadas pelo usurio (ou cliente) ou realizando alguma outra ao com base no contedo do formulrio. Voc pode criar formulrios que enviem dados para a maior parte dos servidores de aplicativos, incluindo PHP, ASP e ColdFusion. Se voc usar o ColdFusion, tambm poder adicionar controles de formulrios especficos do ColdFusion nos seus formulrios. Nota: Voc tambm pode enviar dados de formulrio diretamente para um destinatrio de email.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 660


Criao de formulrios

Mais tpicos da Ajuda


Coleta de informaes dos usurios na pgina 656 Criao dos formulrios do ColdFusion na pgina 674

Objetos de formulrio
No Dreamweaver, os tipos de entrada de formulrio so chamados objetos de formulrio. Os objetos de formulrio so os mecanismos que permitem aos usurios inserir dados. Voc pode adicionar os seguintes objetos de formulrio a um formulrio:
Campos de texto Aceite todos os tipos de entrada de texto alfanumrico. O texto pode ser exibido como uma linha nica, vrias linhas e um campo de senha no qual o texto digitado substitudo por asteriscos ou marcadores a fim de ocultar o texto de curiosos.

Nota: As senhas e as demais informaes enviadas para um servidor usando um campo de senha no so criptografadas. Os dados transferidos podem ser interceptados e lidos como texto alfanumrico. Por essa razo, voc deve sempre fornecer criptografia aos dados que deseja manter em segurana.
Campos ocultos Armazene informaes inseridas por um usurio como, por exemplo, endereo de email ou

preferncia de visualizao e, em seguida, use esses dados na prxima visita do usurio ao site.
Botes Realize as aes com o clique. Voc pode adicionar um nome ou rtulo personalizado a um boto, ou usar um dos rtulos Enviar ou Redefinir predefinidos. Use um boto para enviar dados de formulrio ao servidor ou para redefinir o formulrio. Voc tambm pode atribuir outras tarefas de processamento definidas em um script. Por exemplo, o boto pode calcular o custo total dos itens selecionados com base em valores atribudos.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 661


Criao de formulrios

Caixas de seleo Permita vrias respostas dentro de um nico grupo de opes. Um usurio pode selecionar quantas opes se aplicarem. O seguinte exemplo mostra trs itens de caixa de seleo marcados: Surfing, Mountain Biking e Rafting.

Botes de opo Represente opes exclusivas. A seleo de um boto dentro de um grupo de botes de opo

desmarca todos os demais (um grupo consiste em dois ou mais botes que compartilham o nome). No exemplo abaixo, Rafting a opo selecionada no momento. Caso o usurio clique em Surfing, o boto Rafting desmarcado automaticamente.

Menus de lista Exiba valores de opo em uma lista de rolagem que permite aos usurios selecionar vrias opes. A

opo Lista exibe os valores de opo em um menu que permite aos usurios selecionar apenas um nico item. Use menus quando voc tiver uma quantidade de espao limitada, mas precisa exibir muitos itens, ou para controlar os valores retornados ao servidor. Diferentemente dos campos de texto nos quais os usurios digitam o que querem, inclusive dados invlidos, voc define os valores exatos retornados por um menu. Nota: Um menu pop-up em um formulrio em HTML no igual a um menu pop-up grfico. Para obter informaes sobre como criar, editar, mostrar e ocultar um menu pop-up grfico, consulte o link ao final desta seo.
Menus de salto Listas de navegao ou menus pop-up que permitem inserir um menu no qual cada opo vinculada a um documento ou arquivo. Campos de arquivo Eles permitem aos usurios procurar um arquivo no computador e carreg-lo como dados de

formulrio.
Campos de imagem Eles permitem inserir uma imagem em um formulrio. Use campos de imagem para criar botes grficos como, por exemplo, Enviar ou Redefinir. O uso de uma imagem para realizar tarefas que no sejam o envio de dados exige que um comportamento seja anexado ao objeto de formulrio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 662


Criao de formulrios

Mais tpicos da Ajuda


Aplicar o comportamento Mostrar menu pop-up na pgina 358

Criar um formulrio em HTML


1 Abra uma pgina e coloque o ponto de insero onde voc deseja que o formulrio seja exibido. 2 Selecione Inserir > Formulrio ou a categoria Formulrios, no painel Inserir, e clique no cone Formulrio.

Na visualizao Design, os formulrios so indicados por um contorno vermelho pontilhado. Se voc no vir esse contorno, selecione Exibir > Auxlios visuais > Elementos invisveis.
3 Defina as propriedades do formulrio em HTML no Inspetor de propriedades (Janela >Propriedades): a Na janela Documento, clique no contorno para selecionar o formulrio. b Na caixa Formulrio, digite um nome exclusivo para identificar o formulrio.

A nomeao de um formulrio possibilita referenciar ou controlar o formulrio com uma linguagem de script como, por exemplo, JavaScript ou VBScript. Caso voc no nomeie o formulrio, o Dreamweaver gera um nome usando a sintaxe formn e incrementa o valor de n a cada formulrio adicionado pgina.
c Na caixa Ao, especifique a pgina ou o script que processar os dados do formulrio digitando o caminho ou

clicando no cone de pasta para navegar at a pgina ou o script apropriado. Exemplo: processorder.php.
d No menu pop-up Mtodo, especifique o mtodo para transmitir os dados de formulrio ao servidor. Defina uma

das seguintes opes:


Padro Usa a configurao padro do navegador para enviar os dados do formulrio ao servidor. Normalmente, o valor padro o mtodo OBTER. OBTER Acrescenta o valor URL que est solicitando a pgina. POSTAR Incorpora os dados de formulrio solicitao HTTP.

No use o mtodo OBTER para enviar formulrios longos. As URLs esto limitadas a 8.192 caracteres. Se a quantidade de dados enviados for muito grande, eles sero truncados, o que leva a resultados inesperados ou falhas no processamento. As pginas dinmicas geradas por parmetros passados pelo mtodo OBTER podem ser marcadas porque todos os valores necessrios para gerar novamente a pgina esto contidos no URL exibido na caixa Endereo do navegador. Por outro lado, as pginas dinmicas geradas por parmetros passados pelo mtodo POSTAR no podem ser marcadas. Caso voc colete nomes de usurio e senhas confidenciais, nmeros de carto de crdito ou outras informaes confidenciais, o mtodo POSTAR pode parecer mais seguro que o mtodo OBTER. No entanto, as informaes enviadas pelo mtodo POSTAR no so criptografadas e podem ser facilmente recuperadas por um hacker. Para garantir a segurana, use uma conexo protegida em um servidor seguro.
e (Opcional) No menu pop-up Tipo de codif., especifique o tipo de codificao MIME dos dados enviados para o

servidor para processamento. A configurao padro de application/x-www-form-urlencode costuma ser usado com o mtodo POSTAR. Caso voc esteja criando um campo de carregamento de arquivo, especifique o tipo MIME multipart/form-data.
f

(Opcional) No menu pop-up Destino, especifique a janela na qual exibir os dados retornados pelo programa invocado.

Caso a janela nomeada ainda no esteja aberta, uma nova com esse nome aberta. Defina um dos seguintes valores de destino:
_blank Abre o documento de destino em uma nova janela sem nome.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 663


Criao de formulrios

_parent Abre o documento de destino na janela pai da janela que exibe o documento atual. _self Abre o documento de destino na mesma janela da janela na qual o formulrio foi enviado. _top Abra o documento de destino no corpo da janela atual. Esse valor pode ser usado para verificar se o documento

de destino usa toda a janela mesmo que o documento original tenha sido exibido em um quadro.
4 Insira objetos de formulrio na pgina: a Coloque o ponto de insero onde o objeto de formulrio deve ser exibido no formulrio. b Selecione o objeto no menu Inserir > Formulrio ou na categoria Formulrios do painel Inserir. c Complete a caixa de dilogo Atributos de acesso a tag input. Para obter mais informaes, clique no boto Ajuda

da caixa de dilogo. Nota: Se no visualizar a caixa de dilogo Atributos de acesso a tag input, voc ter que ter o Ponto de insero na Visualizao de cdigo para tentar inserir o objeto de formulrio. Verifique se o Ponto de insero est na Visualizao de projeto e tente novamente. Para obter mais informaes sobre esse tpico, consulte o artigo de David PowerCriando formulrios HTML no Dreamweaver.
d Defina as propriedades dos objetos. e Digite um nome para o objeto no Inspetor de propriedades.

Todos os campos de texto, campos ocultos, caixas de seleo e objetos de lista/menu devem ter um nome exclusivo que identifique o objeto no formulrio. Os nomes de objeto de formulrio no podem conter espaos ou caracteres especiais. Voc pode usar qualquer combinao dos caracteres alfanumricos e um sublinhado (_). O rtulo que voc atribui ao objeto o nome da varivel que armazena o valor (os dados inseridos) do campo. Esse o valor enviado para o servidor para processamento. Nota: Todos os botes de opo em um grupo devem ter o mesmo nome.
f

Para identificar o campo de texto, a caixa de seleo ou o objeto de boto de opo na pgina, clique ao lado do objeto e digite o rtulo.

5 Ajuste o layout do formulrio.

Use quebras de linha, quebras de pargrafo, texto pr-formatado ou tabelas para formatar os formulrios. Voc no pode inserir um formulrio em outro formulrio (ou seja, no possvel sobrepor tags), mas pode incluir mais de um formulrio em uma pgina. Ao criar formulrios, no se esquea de identificar os campos de formulrio com texto descritivo para permitir aos usurios saber ao que eles esto respondendo por exemplo, Digite seu nome para solicitar informaes de nome. Use tabelas para fornecer estrutura a objetos de formulrio e rtulos de campo. Ao usar tabelas em formulrios, verifique se todas as tags table esto includas entre as tags form. Para assistir a um tutorial sobre a criao de formulrios, consulte www.adobe.com/go/vid0160_br. Para assistir a um tutorial sobre formulrios de estilo com CSS, consulte www.adobe.com/go/vid0161_br.

Mais tpicos da Ajuda


Coleta de informaes dos usurios na pgina 656 Definir parmetros de formulrio na pgina 570 Definir parmetros de URL na pgina 570 Criao dos formulrios do ColdFusion na pgina 674 Criao visual de pginas do Spry na pgina 423

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 664


Criao de formulrios

Tutorial sobre criao de formulrios Tutorial sobre formulrios de estilo

Propriedades do objeto de campo de texto


Selecione o objeto do campo de texto e defina uma das seguintes opes no Inspetor de propriedades:
Largura do caractere Especifica o nmero mximo de caracteres que podem ser exibidos no campo. Esse nmero

pode ser inferior ao N mx. de caract, que especifica o nmero mximo de caracteres que podem ser digitados no campo. Por exemplo, se a Largura do caractere for definida como 20 (o valor padro) e um usurio digitar 100 caracteres, apenas 20 deles sero visveis no campo de texto. Embora voc no possa exibir os caracteres no campo, eles so reconhecidos pelo objeto de campo e enviados para processamento no servidor.
N mx. de caract. Especifica o nmero mximo de caracteres que o usurio pode digitar em campos de texto de linha

nica. Use N mx. de caract. para limitar CEPs a 5 dgitos, limitar senhas a 10 caracteres etc. Caso voc deixe a caixa N mx. de caract. em branco, os usurios podem digitar qualquer quantidade de texto. Se o texto exceder a largura do caractere do campo, o texto ser rolado. Caso um usurio exceda o nmero mximo de caracteres, o formulrio produz um som de alerta.
Nmero de linhas (Disponvel quando a opo Vrias linhas est selecionada) Define a altura do campo para campos de texto com vrias linhas. Desativado Desativa a rea de texto. Somente leitura Torna a rea de texto somente leitura. Tipo Designa o campo como um campo de linha nica, de vrias linhas ou de senha.

Linha nica Resulta em uma tag input com o type atributo definido como text. A configurao Largura do caractere mapeada para o atributo size e a configurao N mx. de caract., para o atributo maxlength. Multi-linhas Resulta em uma tag textarea. A configurao Largura do caractere mapeada para o atributo cols e a configurao Nmero de linhas, para o atributo rows. Senha Resulta em uma tag input com o type atributo definido como password. As configuraes Largura do
caractere e N mx. de caract. so mapeadas para os mesmos atributos como campos de texto de linha nica. Quando um usurio digita um campo de texto de senha, a entrada exibida como marcadores ou asteriscos para proteg-lo da observao de outras pessoas.
Valor inicial Atribui o valor exibido no campo quando o formulrio carregado pela primeira vez. Por exemplo, voc

pode indicar que o usurio digita informaes no campo incluindo uma observao ou um valor de exemplo.
Classe Permite que voc aplique regras de CSS ao objeto.

Opes de objeto de boto


Boto Atribui um nome ao boto. Dois nomes reservados, Enviar e Redefinir, informam o formulrio para enviar os dados de formulrio ao aplicativo de processamento ou ao script, ou para redefinir todos os campos de formulrio de acordo com os valores originais, respectivamente. Valor Determina o texto exibido no boto. Ao Determina o que acontece quando um boto clicado.

Enviar formulrio Envia os dados de formulrio para processamento quando o usurio clica no boto. Os dados so enviados para a pgina ou o script especificado na propriedade Ao do formulrio. Redefinir formulrio Limpa o contedo do formulrio quando o boto clicado.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 665


Criao de formulrios

Nenhuma Especifica a ao a ser realizada quando o boto clicado. Por exemplo, voc pode adicionar um comportamento do JavaScript que abre outra pgina quando o usurio clica no boto.
Classe Aplica regras de CSS ao objeto.

Opes de objeto de caixa de seleo


Valor marcado Define o valor a ser enviado para o servidor quando a caixa de seleo marcada. Por exemplo, em

uma pesquisa voc pode definir um valor igual a 4 para concordo totalmente e um valor igual a 1 para discordo totalmente.
Estado inicial Determina se a caixa de seleo marcada quando o formulrio carregado no navegador. Dinmico Permite ao servidor determinar dinamicamente o estado inicial da caixa de seleo. Por exemplo, voc pode

usar as caixas de seleo para apresentar visualmente as informaes Sim/No armazenadas em um registro de banco de dados. No momento do design, voc no sabe essas informaes. Durante o runtime, o servidor l o registro de banco de dados e marca a caixa de seleo caso o valor seja Sim.
Classe Aplica regras de folhas de estilos em cascata (CSS) ao objeto.

Opes do objeto de boto de opo nico


Valor marcado Define o valor a ser enviado para o servidor quando o boto de opo selecionado. Por exemplo, voc

pode digitar skiing na caixa Valor marcado para indicar que um usurio escolheu skiing.
Estado inicial Determina se o boto de opo selecionado quando o formulrio carregado no navegador. Dinmico Permite ao servidor determinar dinamicamente o estado inicial do boto de opo. Por exemplo, voc pode

usar os botes de opo para apresentar visualmente as informaes armazenadas em um registro de banco de dados. No momento do design, voc no sabe essas informaes. Durante o runtime, o servidor l o registro de banco de dados e marca o boto de opo caso o valor corresponda ao que voc especificou.
Classe Aplica regras de CSS ao objeto.

Opes de menu
Lista/menu Atribui um nome ao menu. O nome deve ser exclusivo. Tipo Indica se o menu aberto quando clicado (a opo Menu) ou exibe uma lista rolvel de itens (a opo Lista). Selecione a opo Menu caso voc queira que apenas uma opo permanea visvel quando o formulrio exibido em um navegador. Para exibir as demais opes, o usurio clica na seta para baixo.

Selecione a opo Lista para listar uma ou todas as opes quando o formulrio exibido em um navegador a fim de permitir aos usurios selecionar vrios itens.
Altura (Listar apenas o tipo) Define o nmero de itens exibidos no menu. Selees (Listar apenas o tipo) Indica se o usurio pode selecionar vrios itens na lista. Listar valores Abre uma caixa de dilogo que permite adicionar os itens a um menu de formulrio:

1 Use os botes de adio (+) e de subtrao (-) para adicionar e remover itens na lista. 2 Digite o texto do rtulo e um valor opcional para cada item de menu.

Cada item da lista tem um rtulo (o texto exibido na lista) e um valor (o valor enviado para o aplicativo de processamento caso o item seja selecionado). Caso nenhum valor seja especificado, o rtulo enviado, na verdade, para o aplicativo de processamento.
3 Use os botes de seta para cima e para baixo a fim de reorganizar os itens na lista.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 666


Criao de formulrios

Os itens so exibidos no menu na mesma ordem em que so exibidos na caixa de dilogo Listar valores. O primeiro item da lista o item selecionado quando a pgina carregada em um navegador.
Dinmico Permite ao servidor selecionar dinamicamente um item no menu quando ele exibido pela primeira vez. Classe Permite que voc aplique regras de CSS ao objeto. Selecionados inicialmente Define os itens selecionados na lista por padro. Clique no(s) item(ns) na lista.

Inserir campos de carregamento de arquivo


Voc pode criar um campo de carregamento de arquivo que permite aos usurios selecionar um arquivo no computador como, por exemplo, um documento de processador de textos ou um arquivo grfico e carreg-lo no servidor. Um campo de arquivo semelhante aos demais campos de texto, exceto por tambm conter um boto Procurar. O usurio pode digitar manualmente o caminho do arquivo que deseja carregar ou usar o boto Procurar para localizar e selecionar o arquivo. Para usar campos de carregamento de arquivo, voc deve ter um script do servidor ou uma pgina capaz de lidar com envios de arquivo. Consulte a documentao da tecnologia de servidor que voc usa para processar dados de formulrio. Por exemplo, caso voc use PHP, consulte Controle de carregamentos de arquivos no Manual on-line do PHP em http://us2.php.net/features.file-upload.php. Os campos de arquivo exigem que voc use o mtodo POSTAR para transmitir os arquivos do navegador para o servidor. O arquivo postado no endereo que voc especificou na caixa Ao do formulrio. Nota: Entre em contato com o administrador do sistema para confirmar se h permisso para carregamentos de arquivo annimos antes de usar o campo de arquivo.
1 Insira um formulrio na pgina (Inserir > Formulrio). 2 Selecione o formulrio para exibir o Inspetor de propriedades. 3 Defina o Mtodo do formulrio como POSTAR. 4 No menu pop-up Tipo de codif., selecione multipart/form-data. 5 Na caixa Ao, especifique o script do servidor ou a pgina capaz de controlar o arquivo carregado. 6 Coloque o ponto de insero no contorno do formulrio e selecione Inserir > Formulrio > Campo de arquivo. 7 Defina qualquer uma das seguintes opes no Inspetor de propriedades:
Nome do campo de arquivo Especifica o nome do objeto do campo de arquivo. Largura do caractere Especifica o nmero mximo de caracteres que podem ser exibidos no campo. N mx. de caract. Especifica o nmero mximo de caracteres que o campo manter. Caso o usurio procure o arquivo, o nome de arquivo e o caminho podem exceder o valor N mx. de caract especificado. No entanto, se o usurio tentar digitar o nome de arquivo e o caminho, o campo de arquivo s permitir o nmero de caracteres especificado pelo valor N mx. de caract.

Inserir um boto de imagem


Voc tambm pode usar imagens como cones de boto. O uso de uma imagem para realizar tarefas que no sejam o envio de dados exige que um comportamento seja anexado ao objeto de formulrio.
1 No documento, coloque o ponto de insero dentro do contorno do formulrio. 2 Selecione Inserir > Formulrio > Campo de imagem.

A caixa de dilogo Selecionar origem da imagem exibida.


3 Selecione a imagem do boto na caixa de dilogo Selecionar origem da imagem e clique em OK.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 667


Criao de formulrios

4 Defina qualquer uma das seguintes opes no Inspetor de propriedades:


Campo de imagens Atribui um nome ao boto. Dois nomes reservados, Enviar e Redefinir, informam o formulrio para enviar os dados de formulrio ao aplicativo de processamento ou ao script, ou para redefinir todos os campos de formulrio de acordo com os valores originais, respectivamente. Origem Especifica a imagem que voc deseja usar para o boto. Alt Permite que voc digite texto descritivo caso haja falha no carregamento da imagem no navegador. Alinhar Define o atributo align do objeto. Editar imagem Inicia o editor de imagens padro e abre o arquivo de imagem para edio. Classe Permite que voc aplique regras de CSS ao objeto.

5 Para anexar um comportamento do JavaScript ao boto, selecione a imagem e, depois, selecione o comportamento

no painel Comportamentos (Janela > Comportamentos).

Opes de objeto do campo oculto


Campo oculto Especifica o nome do campo. Valor Atribui um valor ao campo. Esse valor passado para o servidor quando o formulrio enviado.

Inserir um grupo de botes de opo


1 Coloque o ponto de insero dentro do contorno do formulrio. 2 Selecione Inserir > Formulrio > Grupo de botes de opo. 3 Complete a caixa de dilogo e clique em OK. a Na caixa Nome, digite um nome para o grupo de botes de opo.

Caso voc defina os botes de opo para passar parmetros novamente ao servidor, os parmetros so associados ao nome. Por exemplo, caso voc nomeie o grupo myGroup e defina o mtodo de formulrio como OBTER (ou seja, voc deseja que o formulrio passe parmetros de URL, e no parmetros de URL quando o usurio clicar no boto de envio), a expresso myGroup="CheckedValue" ser passada no URL para o servidor.
b Clique no boto de adio (+) para adicionar um boto de opo ao grupo. Digite um rtulo e um valor marcado

para o novo boto.


c Clique nas setas para cima ou para baixo a fim de reorganizar os botes. d Para definir um boto de opo especfico a ser selecionado quando a pgina aberta em um navegador, digite um

valor igual ao valor do boto de opo na caixa Selecionar valor igual a. Digite um valor esttico ou especifique um valor dinmico clicando no cone de raio ao lado da caixa e selecionando um conjunto de registros que contenha possveis valores marcados. Em ambos os casos, o valor que voc especifica deve corresponder ao valor marcado de um dos botes de opo do grupo. Para exibir os valores marcados dos botes de opo, selecione cada um dos botes e abra seu Inspetor de propriedades (Janela > Propriedades).
e Selecione o formato no qual voc deseja que o Dreamweaver crie o layout dos botes.

Crie o layout dos botes usando quebras de linha ou uma tabela. Caso voc selecione a opo de tabela, o Dreamweaver cria uma tabela de coluna nica e coloca os botes de opo esquerda e os rtulos direita. Voc tambm pode definir as propriedades no Inspetor de propriedades ou diretamente na Visualizao de cdigo.

Inserir um grupo de caixas de seleo


1 Coloque o ponto de insero dentro do contorno do formulrio.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 668


Criao de formulrios

2 Selecione Inserir > Formulrio > Grupo de caixas de seleo. 3 Complete a caixa de dilogo e clique em OK. a Na caixa Nome, digite um nome para o grupo de caixas de seleo.

Caso voc defina as caixas de seleo para passar parmetros novamente ao servidor, os parmetros sero associados ao nome. Por exemplo, caso voc nomeie o grupo myGroup e defina o mtodo de formulrio como OBTER (ou seja, voc deseja que o formulrio passe parmetros de URL, e no parmetros de formulrio quando o usurio clicar no boto de envio), a expresso myGroup="CheckedValue" ser passada no URL para o servidor.
b Clique no boto de adio (+) para adicionar uma caixa de seleo ao grupo. Digite um rtulo e um valor marcado

para a nova caixa de seleo.


c Clique nas setas para cima ou para baixo a fim de reorganizar as caixas de seleo. d Para definir uma caixa de seleo especfica a ser selecionada quando a pgina aberta em um navegador, digite um

valor igual ao valor da caixa de seleo na caixa Selecionar valor igual a. Digite um valor esttico ou especifique um valor dinmico clicando no cone de raio ao lado da caixa e selecionando um conjunto de registros que contenha possveis valores marcados. Em ambos os casos, o valor que voc especifica deve corresponder ao valor marcado de uma das caixas de seleo do grupo. Para exibir os valores marcados das caixas de seleo, selecione cada caixa de seleo e abra seu Inspetor de propriedades (Janela > Propriedades).
e Selecione o formato no qual deseja que o Dreamweaver crie o layout das caixas de seleo.

Crie o layout das caixas de seleo usando quebras de linha ou uma tabela. Caso voc selecione a opo de tabela, o Dreamweaver cria uma tabela de coluna nica e coloca as caixas de seleo esquerda e os rtulos direita. Voc tambm pode definir as propriedades no Inspetor de propriedades ou diretamente na Visualizao de cdigo.

Sobre os objetos de formulrio dinmicos


Um objeto de formulrio dinmico um objeto de formulrio cujo estado inicial determinado pelo servidor quando a pgina solicitada no servidor, e no pelo designer do formulrio durante o design. Por exemplo, quando um usurio solicita uma pgina do PHP que contm um formulrio com um menu, um script do PHP na pgina preenche automaticamente o menu com valores armazenados em um banco de dados. Em seguida, o servidor envia a pgina completada para o navegador do usurio. Tornar objetos de formulrio dinmicos pode simplificar a manuteno do site. Por exemplo, muitos sites usam menus para apresentar aos usurios um conjunto de opes. Caso o menu seja dinmico, voc pode adicionar, remover ou alterar itens de menu em um nico local a tabela do banco de dados em que os itens so armazenados para atualizar todas as ocorrncias do mesmo menu no site.

Mais tpicos da Ajuda


Definio de origens de contedo dinmico na pgina 563

Inserir ou alterar um menu dinmico de formulrio HTML


Voc pode preencher dinamicamente um menu de formulrio em HTML ou menu de lista com entradas de um banco de dados. Na maioria das pginas, voc pode usar um objeto de menu em HTML. Antes de comear, voc deve inserir um formulrio em HTML em uma pgina do ColdFusion, PHP ou ASP e definir um conjunto de registros ou outra fonte de contedo dinmico para o menu.
1 Insira um objeto de formulrio Lista/menu HTML na pgina: a Clique em um formulrio em HTML na pgina (Inserir > Formulrio > Formulrio).

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 669


Criao de formulrios

b Selecione Inserir > Formulrio > Lista/menu para inserir o objeto de formulrio. 2 Siga um destes procedimentos:

Selecione o objeto de formulrio Lista/menu HTML novo ou j existente e, em seguida, clique no boto Dinmico
no Inspetor de propriedades.

Selecione Inserir > Objetos de dados > Dados dinmicos > Lista de seleo dinmica.
3 Complete a caixa de dilogo Lista/menu dinmico e clique em OK. a No menu pop-up Opes do conjunto de registros, selecione o conjunto de registros a ser usado como uma fonte

de contedo. Voc tambm usa esse menu para editar itens de lista/menu estticos e dinmicos posteriormente.
b Na rea Opes estticas, insira um item padro na lista ou no menu. Alm disso, use essa opo para editar

entradas estticas em um objeto de formulrio lista/menu depois de adicionar contedo dinmico.


c (Opcional) Use os botes de adio (+) e de subtrao (-) para adicionar e remover itens na lista. Os itens esto na

mesma ordem da caixa de dilogo Valores iniciais da lista. O primeiro item da lista o item selecionado quando a pgina carregada em um navegador. Use os botes de seta para cima e para baixo a fim de reorganizar os itens na lista.
d No menu pop-up Valores, selecione o campo que contm os valores dos itens de menu. e No menu pop-up Rtulos, selecione o campo que contm os rtulos dos itens de menu. f

(Opcional) Para especificar que um determinado item de menu selecionado quando a pgina aberta em um navegador ou quando um registro exibido no formulrio, digite um valor igual ao valor do item de menu na caixa Selecionar valor igual a.

Voc pode inserir um valor esttico ou especificar um valor dinmico clicando no cone de raio ao lado da caixa e selecionando um valor dinmico na lista das fontes de dados. Em ambos os casos, o valor especificado deve ser correspondente a um dos valores do item de menu.

Tornar os menus de formulrio em HTML dinmicos


1 Na visualizao Design, selecione o objeto de formulrio lista/menu. 2 No Inspetor de propriedades, clique no boto Dinmico. 3 Complete a caixa de dilogo e clique em OK.

Exibir contedo dinmico em campos de texto em HTML


Voc pode exibir contedo dinmico em campos de texto HTML quando o formulrio visualizado em um navegador. Antes de comear, voc deve criar o formulrio em uma pgina do ColdFusion, PHP ou ASP e definir um conjunto de registros ou outra fonte de contedo dinmico para o texto.
1 Selecione o campo de texto no formulrio em HTML na pgina. 2 No Inspetor de propriedades, clique no cone de raio ao lado da caixa Valor inicial para exibir a caixa de dilogo

Dados dinmicos.
3 Selecione a coluna do conjunto de registros que fornecer um valor para o campo de texto e, em seguida, clique em OK.

Definir as opes da caixa de dilogo Campo de texto dinmico


1 Selecione o campo de texto a ser tornado dinmico no menu pop-up Campo de texto.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 670


Criao de formulrios

2 Clique no cone de raio ao lado da caixa Definir valor para, selecione uma fonte de dados na lista de fontes e clique

em OK. A fonte de dados deve conter informaes textuais. Caso nenhuma fonte de dados seja exibida na lista ou caso as fontes de dados disponveis no atendam s suas necessidades, clique no boto de adio (+) para definir uma nova.

Mais tpicos da Ajuda


Definio de origens de contedo dinmico na pgina 563

Pr-selecionar dinamicamente uma caixa de seleo em HTML


Voc pode permitir ao servidor decidir se deve escolher uma caixa de seleo quando o formulrio exibido em um navegador. Antes de comear, voc deve criar o formulrio em uma pgina do ColdFusion, PHP ou ASP e definir um conjunto de registros ou outra fonte de contedo dinmico para as caixas de seleo. O ideal que a origem de contedo contenha dados booleanos como, por exemplo, Sim/No ou verdadeiro/falso.
1 Escolha um objeto de formulrio de caixa de seleo na pgina. 2 No Inspetor de propriedades, clique no boto Dinmico. 3 Complete a caixa de dilogo Caixa de seleo dinmica e clique em OK.

Clique no cone de raio ao lado da caixa Marcar se e selecione o arquivo na lista de fontes de dados.
A fonte de dados deve conter dados Booleanos como, por exemplo, Sim e No ou verdadeiro e falso. Caso nenhuma fonte de dados seja exibida na lista ou caso as fontes de dados disponveis no atendam s suas necessidades, clique no boto de adio (+) para definir uma nova.

Na caixa Igual a, digite o valor que o campo deve ter para que a caixa de seleo seja exibida marcada.
Por exemplo, para que a caixa de seleo seja exibida marcada quando um determinado campo em um registro apresentar um valor Sim, digite Sim na caixa Igual a. Nota: Esse valor tambm retorna para o servidor caso o usurio clique no boto Enviar do formulrio.

Pr-selecionar dinamicamente um boto de opo em HTML


Pr-selecione dinamicamente um boto de opo em HTML quando um registro exibido no formulrio em HTML em um navegador. Antes de comear, voc deve criar o formulrio em uma pgina do ColdFusion, PHP ou ASP e inserir pelo menos um grupo de botes de opo em HTML (Inserir > Formulrio > Grupo de botes de opo). Voc tambm deve definir um conjunto de registros ou outra origem de contedo dinmico para os botes de opo. O ideal que a origem de contedo contenha dados booleanos como, por exemplo, Sim/no ou verdadeiro/falso.
1 Na visualizao Design, selecione um boto de opo no grupo. 2 No Inspetor de propriedades, clique no boto Dinmico. 3 Complete a caixa de dilogo Grupo de botes de opo dinmico e clique em OK.

Definir as opes da caixa de dilogo Grupo de botes de opo dinmico


1 No menu pop-up Grupo de botes de opo, selecione um formulrio e o grupo de botes de opo na pgina.

A caixa Valor do boto de opo exibe os valores de todos os botes de opo no grupo.
2 Selecione um valor a ser pr-selecionado dinamicamente na lista de valores. Esse valor exibido na caixa Valor.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 671


Criao de formulrios

3 Clique no cone de raio ao lado da caixa Selecionar valor igual a e selecione um conjunto de registros que contenha

valores marcados para os botes de opo no grupo. O conjunto de registros que voc seleciona contm valores correspondentes aos valores marcados dos botes de opo. Para exibir os valores marcados dos botes de opo, selecione cada um dos botes e abra seu Inspetor de propriedades (Janela > Propriedades).
4 Clique em OK.

Definir as opes da caixa de dilogo Grupo de botes de opo dinmico (ColdFusion)


1 Selecione um grupo de botes de opo e um formulrio no menu pop-up Grupo de botes de opo. 2 Clique no cone de raio prximo caixa Selecionar valor igual a. 3 Complete a caixa de dilogo Dados dinmicos e clique em OK. a Selecione uma fonte de dados na lista das fontes de dados. b (Opcional) Selecione um formato de dados para o texto. c (Opcional) Modifique o cdigo que o Dreamweaver insere na pgina para exibir o texto dinmico. 4 Clique em OK para fechar a caixa de dilogo Grupo de botes de opo dinmico e insira o alocador de espao de

contedo dinmico no Grupo de botes de opo.

Validar dados de formulrio em HTML


O Dreamweaver pode adicionar cdigo JavaScript que verifica o contedo dos campos de texto especificados para assegurar que o usurio inseriu o tipo de dados correto. Voc pode usar widgets de formulrio do Spry para criar os formulrios e validar o contedo dos elementos de formulrio especificados. Para obter mais informaes, consulte os tpicos do Spry listados abaixo. Voc tambm pode criar formulrios do ColdFusion no Dreamweaver que validam o contedo de campos especificados. Para obter mais informaes, consulte os tpicos do captulo ColdFusion listados abaixo.
1 Crie um formulrio em HTML que inclua pelo menos um campo de texto e um boto Enviar.

Verifique se todos os campos de texto que voc deseja validar tm um nome exclusivo.
2 Selecione o boto Enviar. 3 No painel Comportamentos (Janela > Comportamentos), clique no boto de adio (+) e selecione o

comportamento Validar formulrio na lista.


4 Defina as regras de validao para cada campo de texto e clique em OK.

Por exemplo, voc pode especificar que um campo de texto referente idade de uma pessoa aceite apenas nmeros. Nota: O comportamento Validar formulrio s est disponvel caso um campo de texto tenha sido inserido no documento.

Mais tpicos da Ajuda


Funcionamento do widget Campo de texto de validao na pgina 444 Funcionamento do widget rea de texto de validao na pgina 449 Funcionamento do widget Seleo de validao na pgina 453

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 672


Criao de formulrios

Funcionamento do widget Caixa de seleo de validao na pgina 456 Validar dados de formulrio do ColdFusion na pgina 686

Anexar comportamentos do JavaScript a objetos de formulrio em HTML


Voc pode anexar comportamentos do JavaScript armazenados no Dreamweaver a objetos de formulrio em HTML como, por exemplo, botes.
1 Selecione o objeto de formulrio em HTML. 2 No painel Comportamentos (Janela > Comportamentos), clique no boto de adio (+) e selecione um

comportamento na lista.

Anexar scripts personalizados a botes de formulrio em HTML


Alguns formulrios usam JavaScript ou VBScript para realizar o processamento de formulrio ou outra ao no cliente, e no o envio dos dados do formulrio para processamento no servidor. Voc pode usar o Dreamweaver para configurar um boto de formulrio e executar um determinado script do cliente quando usurio clica no boto.
1 Selecione um boto Enviar em um formulrio. 2 No painel Comportamentos (Janela > Comportamentos), clique no boto de adio (+) e selecione Chamar

JavaScript na lista.
3 Na caixa Chamar JavaScript, digite o nome da funo do JavaScript a ser executada quando o usurio clica no boto

e clique em OK. Por exemplo, voc pode digitar o nome de uma funo que ainda no existe como, por exemplo, processMyForm().
4 Caso a funo JavaScript ainda no esteja na seo head do documento, adicione-a agora.

Por exemplo, voc pode definir a seguinte funo JavaScript na seo head do documento para exibir uma mensagem quando o usurio clica no boto Enviar:
function processMyForm(){ alert('Thanks for your order!'); }

Mais tpicos da Ajuda


Aplicar o comportamento Chamar JavaScript na pgina 349

Criar formulrios HTML acessveis


Ao inserir um objeto de formulrio em HTML, voc pode tornar o objeto de formulrio acessvel e alterar os atributos de acessibilidade posteriormente.

Adicionar um objeto de formulrio acessvel


1 Na primeira vez em que voc adicionar objetos de formulrio acessveis, ative a caixa de dilogo Acessibilidade para

objetos de formulrio (consulte Otimizao da rea de trabalho para desenvolvimento visual na pgina 551). Trata-se de uma etapa nica.
2 No documento, coloque o ponto de insero onde voc deseja que o objeto de formulrio seja exibido. 3 Selecione Inserir > Formulrio e selecione um objeto de formulrio a ser inserido.

A caixa de dilogo Atributos de acesso a tag input exibida.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 673


Criao de formulrios

4 Complete a caixa de dilogo e clique em OK. Veja uma lista parcial de opes:

Nota: O leitor de tela l o nome que voc digita como sendo o atributo Rtulo do objeto.
ID atribui uma ID ao campo de formulrio. Esse valor pode ser usado como referncia ao campo do JavaScript; ele tambm usado como sendo o valor do atributo for caso voc escolha a opo Anexar tag label usando nas opes Estilo. Dispor ao redor com tag label Envolve o item de formulrio com uma tag label da seguinte forma:
<label> <input type="radio" name="radiobutton" value="radiobutton"> RadioButton1</label>

Anexar tag label usando Usa o atributo for para envolver o item de formulrio com uma tag label da seguinte forma:
<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton"> <label for="radiobutton">RadioButton2</label>

Essa opo faz com que o navegador processe texto associado a uma caixa de seleo e ao boto de opo com um retngulo em foco e permite ao usurio marcar a caixa de seleo e o boto de opo clicando em qualquer lugar do texto associado, e no a caixa de seleo ou o controle do boto de opo. Nota: Essa a opo preferencial para acessibilidade; no entanto, a funcionalidade pode variar de acordo com o navegador.
Nenhuma tag label No usa uma tag label da seguinte forma:
<input type="radio" name="radiobutton" value="radiobutton"> RadioButton3

Chave de acesso Usa um equivalente do teclado (uma letra) e a tecla Alt (Windows) ou a tecla Control (Macintosh)

para selecionar o objeto de formulrio no navegador. Por exemplo, se voc digitasse B como Chave de acesso, os usurios com um navegador Macintosh poderiam digitar Control+B para selecionar o objeto de formulrio.
ndice de abas Especifica uma ordem de abas para os objetos de formulrio. Caso voc defina a ordem de abas para um objeto, voc deve definir a ordem para todos os objetos.

A configurao de uma ordem de abas til quando voc tem outros links e objetos de formulrio na pgina e precisa que o usurio percorra eles em uma ordem especfica.
5 Clique em Sim para inserir uma tag form.

O objeto de formulrio exibido no documento. Nota: Se voc pressionar Cancelar, o objeto de formulrio aparecer no documento, mas o Dreamweaver no associar tags ou atributos de acessibilidade a ela.

Editar valores de acessibilidade para um objeto de formulrio


1 Na janela Documento, selecione o objeto. 2 Siga um destes procedimentos:

Edite os atributos apropriados na Visualizao de cdigo. Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) e, em seguida,
selecione Editar tag.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 674


Criao de formulrios

Criao dos formulrios do ColdFusion


Sobre formulrios do ColdFusion
Os formulrios do ColdFusion fornecem vrios mecanismos incorporados para validar os dados de formulrios. Por exemplo, voc pode fazer uma verificao para garantir que um usurio digitou uma data vlida. Alguns controles de formulrios possuem recursos adicionais. Vrios no tm correspondentes em HTML e outros suportam diretamente o preenchimento dinmico de controles a partir de fontes de dados. O Dreamweaver fornece vrios aprimoramentos para os desenvolvedores do ColdFusion que usam o ColdFusion MX 7 ou posterior como servidor de desenvolvimento. Esses aprimoramentos incluem mais botes do painel Inserir, itens de menu e inspetores de propriedades para que voc possa criar e definir rapidamente as propriedades de formulrios do ColdFusion. Voc tambm pode gerar um cdigo que valide as informaes fornecidas pelos visitantes do site. Por exemplo, voc pode verificar se o endereo de email fornecido por um usurio contm o smbolo @ ou se um campo de texto obrigatrio contm um determinado tipo de valor.

Ativar os aprimoramentos feitos no ColdFusion


Alguns desses aprimoramentos exigem que voc defina um computador em que o ColdFusion MX 7 ou posterior esteja em execuo como um servidor de teste para o Dreamweaver. Por exemplo, os inspetores de propriedades para controles de formulrio s permanecem disponveis caso voc especifique o servidor de teste correto. Voc define um servidor de teste apenas uma vez. Em seguida, o Dreamweaver detecta automaticamente a verso do servidor de teste e faz os aprimoramentos disponveis caso ele detecte o ColdFusion.
1 Caso voc ainda no tenha feito isso, defina um site do Dreamweaver para o projeto do ColdFusion. 2 Selecione Site > Gerenciar sites, selecione seu site da lista e clique em Editar. 3 Selecione a categoria Servidores e especifique um computador que esteja executando o ColdFusion MX 7 ou

posterior como sendo o servidor de teste para o site do Dreamweaver. Verifique se voc especificou um URL da Web.
4 Abra um documento qualquer do ColdFusion.

Voc no ver nenhuma alterao visvel feita no espao de trabalho do Dreamweaver at abrir um documento do ColdFusion.

Mais tpicos da Ajuda


Proteo de uma pasta no aplicativo (ColdFusion) na pgina 648 Configurao de um site do Dreamweaver na pgina 37 Configurar um servidor de teste na pgina 46

Criar formulrios do ColdFusion


Voc pode usar vrios botes do painel Inserir, itens de menu e inspetores de propriedades para criar rapidamente formulrios do ColdFusion e definir as propriedades no Dreamweaver. Nota: Esses aprimoramentos s esto disponveis caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Abra uma pgina do ColdFusion e coloque o ponto de insero onde voc deseja que o formulrio do ColdFusion

seja exibido.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 675


Criao de formulrios

2 Selecione Inserir > Objetos do ColdFusion > CFForm > CFForm ou selecione a categoria CFForm do painel Inserir

e clique no cone CF Form. O Dreamweaver insere um formulrio do ColdFusion vazio. Na visualizao Design, o formulrio indicado por um contorno vermelho pontilhado. Caso voc no veja esse contorno, verifique se Exibir > Auxlios visuais > Elementos invisveis est selecionado.
3 Verifique se o formulrio ainda est selecionado e, em seguida, use o Inspetor de propriedades para definir qualquer

uma das seguintes propriedades do formulrio.


CFForm Define o nome do formulrio. Ao Permite que voc especifique o nome da pgina do ColdFusion a ser processada quando o formulrio for

enviado.
Mtodo Permite que voc defina o mtodo usado pelo navegador para enviar os dados do formulrio para o servidor:

POSTAR Envia os dados usando o mtodo postar HTTP; esse mtodo envia os dados em uma mensagem separada para o servidor. OBTER Envia os dados usando o mtodo obter HTTP e colocando o contedo do campo do formulrio na seqncia de caracteres de consulta do URL.
Alvo Permite que voc modifique o valor do atributo-alvo da tag cfform. Tipo de codificao Especifica o mtodo de codificao usado na transmisso dos dados do formulrio.

Nota: Tipo de codificao no se refere codificao de caracteres. Esse atributo especifica o tipo de contedo usado no envio do formulrio para o servidor (quando o valor do mtodo postar). O valor padro desse atributo application/x-www-form-urlencoded.
Formato Determina o tipo de formulrio criado:

HTML Gera um formulrio em HTML e o envia para o cliente. Os controles filhos cfgrid e cftree podem estar em Flash ou no formato applet. Flash Gera um formulrio em Flash e o envia para o cliente. Todos os controles esto no formato Flash. XML Gera XForms em XML e coloca os resultados em uma varivel com o nome de formulrio do ColdFusion.
No envia nada para o cliente. Os controles filhos cfgrid e cftree podem estar em Flash ou no formato applet.
Estilo Permite que voc especifique um estilo para o formulrio. Para obter mais informaes, consulte a documentao do ColdFusion. Capa Flash/XML Permite que voc especifique uma cor halo para estilizar a sada. O tema determina a cor usada para elementos realados e selecionados. Preservar dados Determina se preciso substituir os valores de controle iniciais pelos valores enviados quando o formulrio postado.

Caso seja Falso, os valores especificados nos atributos da tag de controle so usados. Caso seja Verdadeiro, so usados os valores enviados.
Origem dos scripts Especifica o URL, relativo raiz da Web, do arquivo JavaScript que contm o cdigo do cliente usado pela tag e pelas tags filhas. O atributo til caso o arquivo no esteja no local padro. Esse atributo pode ser necessrio em alguns ambientes de hospedagem e configuraes que bloqueiam o acesso ao diretrio /CFIDE. O local padro definido no Administrador do ColdFusion; por padro, ele /CFIDE/scripts/cfform.js. Arquivamento Especifica o URL das classes Java para download dos controles de applet cfgrid, cfslider e cftree. O local

padro /CFIDE/classes/cfapplets.jar.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 676


Criao de formulrios

Altura Especifica a altura do formulrio. Largura Especifica a largura do formulrio. Exibir editor de tags para cfform Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

4 Insira os controles de formulrio do ColdFusion.

Coloque o ponto de insero onde deseja que o controle seja exibido no formulrio do ColdFusion e, em seguida, selecione o controle no menu Inserir (Inserir > Objetos do ColdFusion > CFForm) ou na categoria CFForm do painel Inserir.
5 Se necessrio, defina as propriedades do controle usando o Inspetor de propriedades.

Verifique se o controle est selecionado na visualizao Design e, em seguida, defina as propriedades no Inspetor de propriedades. Para obter mais informaes sobre as propriedades, clique no cone Ajuda do Inspetor de propriedades.
6 Ajuste o layout do formulrio do ColdFusion.

Caso esteja criando um formulrio baseado em HTML, voc pode usar quebras de linha, quebras de pargrafo, textos pr-formatados ou tabelas para formatar os formulrios. Voc no pode inserir um formulrio do ColdFusion em outro formulrio do ColdFusion (ou seja, no possvel sobrepor tags), mas pode incluir mais de um formulrio do ColdFusion em uma pgina. Caso voc esteja criando um formulrio baseado em Flash, use os estilos CSS (folhas de estilos em cascata) no layout do formulrio. O ColdFusion ignora qualquer HTML no formulrio. Lembre-se de identificar os campos do formulrio do ColdFusion com um texto descritivo para que os usurios saibam ao que esto respondendo. Por exemplo, crie um rtulo Digite o seu nome para solicitar informaes sobre o nome.

Mais tpicos da Ajuda


Validar dados de formulrio do ColdFusion na pgina 686 Criar um formulrio em HTML na pgina 662

Inserir controles de formulrio do ColdFusion


Use o painel Inserir ou o menu Inserir para inserir rapidamente os controles de formulrio do ColdFusion em um formulrio do ColdFusion. Voc precisa criar um formulrio do ColdFusion em branco antes de inserir controles nele. Nota: Esses aprimoramentos s esto disponveis caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Na visualizao Design, coloque o ponto de insero dentro do contorno do formulrio. 2 Selecione o controle no menu Inserir (Inserir > Objetos do ColdFusion > CFForm) ou na categoria CFForm do

painel Inserir.
3 Clique no controle da pgina para selecion-la e, em seguida, definir suas propriedades no Inspetor de

propriedades. Para obter informaes sobre as propriedades de controles especficos, consulte os tpicos sobre os controles.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686 Validar dados de formulrio do ColdFusion na pgina 686

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 677


Criao de formulrios

Inserir campos de texto do ColdFusion


Voc pode inserir virtualmente um campo de texto do ColdFusion ou campo de senha no formulrio e, em seguida, definir suas opes. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.

Inserir virtualmente um campo de texto do ColdFusion


1 Na visualizao Design, coloque o ponto de insero dentro do contorno do formulrio. 2 Na categoria CFForm do painel Inserir, clique no cone Campo de texto do CF ou selecione Inserir > Objetos do

ColdFusion > CFForm > CFtextfield. Um campo de texto exibido no formulrio.


3 Selecione o campo de texto e defina suas propriedades no Inspetor de propriedades. 4 Para identificar o campo de texto na pgina, clique ao lado dele e digite o texto do rtulo.

Inserir visualmente um campo de senha


1 Repita as etapas 1 e 2 do procedimento anterior para inserir um campo de texto. 2 Selecione o campo de texto inserido para exibir o seu Inspetor de propriedades. 3 Selecione o valor Senha no menu pop-up Modo de texto do Inspetor de propriedades.

Opes de CFTextField (ColdFusion)


Para definir as opes de um campo de texto ou de senha do ColdFusion, defina uma das seguintes opes no Inspetor de propriedades de CFTextField:
CFtextfield Define o atributo id da tag <cfinput>. Valor Permite que voc especifique o texto a ser exibido no campo quando a pgina for aberta pela primeira vez em

um navegador. As informaes podem ser estticas ou dinmicas. Para especificar um valor dinmico, clique no cone de raio ao lado da caixa Valor e selecione a coluna de um conjunto de registros na caixa de dilogo Dados dinmicos. A coluna do conjunto de registros fornece um valor para o campo de texto quando voc exibe o formulrio em um navegador.
Modo de texto Permite que voc alterne os campos de entrada de texto e de senha padro. O atributo modificado por esse controle type. Somente leitura Permite que voc torne o texto exibido somente leitura. Comprimento mximo Define o nmero mximo de caracteres aceitos pelo campo de texto. Mscara Permite que voc especifique uma mscara para o texto solicitado. Voc usa essa propriedade para validar a

entrada do usurio. O formato da mscara constitudo pelos caracteres A, 9, X e ? . Nota: O atributo mask ignorado para a tag cfinput type="password".
Validar Especifica o tipo de validao do campo atual. Validar em Especifica quando o campo validado: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para o campo de texto. Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 678


Criao de formulrios

Altura Permite que voc especifique a altura do controle, em pixels. Largura Permite que voc especifique a largura do controle, em pixels. Tamanho Permite que voc especifique o tamanho do controle. Obrigatrio Permite que voc especifique se o campo de texto deve ou no conter dados para que o formulrio seja

enviado ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

Inserir campos ocultos do ColdFusion


Voc pode inserir visualmente um campo oculto do ColdFusion no formulrio e definir suas propriedades. Use campos ocultos para armazenar e enviar informaes no inseridas pelo usurio. As informaes permanecem ocultas ao usurio. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Na visualizao Design, coloque o ponto de insero dentro do contorno do formulrio. 2 Na categoria CFForm do painel Inserir, clique no cone Campo oculto do CF.

Um marcador exibido no formulrio do ColdFusion. Se voc no vir o marcador, selecione Exibir > Auxlios visuais > Elementos invisveis.
3 Selecione o campo oculto na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cfhiddenfield Permite que voc especifique o nome exclusivo do campo oculto. Valor Permite que voc especifique um valor para o campo oculto. Os dados podem ser estticos ou dinmicos.

Para especificar um valor dinmico, clique no cone de raio ao lado da caixa Valor e selecione a coluna de um conjunto de registros na caixa de dilogo Dados dinmicos. A coluna do conjunto de registros fornece um valor para o campo de texto quando voc exibe o formulrio em um navegador.
Validar Especifica o tipo de validao do campo atual. Validar em Especifica quando o campo validado: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para o controle. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion. Altura Permite que voc especifique a altura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Largura Permite que voc especifique a largura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Tamanho Permite que voc especifique o tamanho do controle. Essa propriedade ignorada pelo servidor do ColdFusion durante o runtime. Obrigatrio Permite que voc especifique se o campo oculto deve ou no conter dados para que o formulrio seja

enviado ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 679


Criao de formulrios

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686

Inserir reas de texto do ColdFusion


Voc pode inserir visualmente uma rea de texto do ColdFusion no formulrio e definir suas propriedades. Uma rea de texto um elemento de entrada que consiste em vrias linhas de texto. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Coloque o ponto de insero dentro do contorno do formulrio. 2 Na categoria CFForm do painel Inserir, clique no cone rea de texto do CF.

Uma rea de texto exibida no formulrio do ColdFusion.


3 Selecione a rea de texto na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cftextarea Permite que voc especifique um nome exclusivo para o controle. Largura do caractere Permite que voc defina o nmero de caracteres por linha. Nmero de linhas Permite que voc defina o nmero de linhas a serem exibidas na rea de texto. Quebra automtica de linha Permite que voc especifique como quebrar automaticamente a linha do texto digitado

pelos usurios.
Obrigatrio Permite que voc especifique se o usurio deve inserir dados no campo (marcado) ou no (desmarcado). Valor inicial Permite que voc especifique o texto a ser exibido na rea de texto quando a pgina for inicialmente aberta

em um navegador.
Validar Especifica o tipo de validao do campo. Validar em Especifica quando o campo validado: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para o controle. Estilo Permite que voc especifique um estilo para o controle. Para obter mais informaes, consulte a documentao do ColdFusion. Altura Permite que voc especifique a altura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Largura Permite que voc especifique a largura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

4 Para identificar a rea de texto, clique ao lado dela e digite o texto do rtulo.

Mais tpicos da Ajuda


Validar dados de formulrio do ColdFusion na pgina 686 Modificar controles de formulrio do ColdFusion na pgina 686

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 680


Criao de formulrios

Inserir botes do ColdFusion


Voc pode inserir visualmente um boto do ColdFusion no formulrio e definir suas propriedades. Os botes do ColdFusion controlam as operaes de formulrio do ColdFusion. Eles podem ser usados no envio dos dados de formulrio do ColdFusion para o servidor ou na redefinio do formulrio do ColdFusion. Os botes padro do ColdFusion costumam estar identificados com os rtulos Enviar, Redefinir ou Enviar. Voc tambm pode atribuir outras tarefas de processamento definidas em um script. Por exemplo, o boto pode calcular o custo total dos itens selecionados com base em valores atribudos. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Coloque o ponto de insero dentro do contorno do formulrio do ColdFusion. 2 Na categoria CFForm do painel Inserir, clique no cone Boto do CF.

Um boto exibido no formulrio do ColdFusion.


3 Selecione o boto na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cfbutton Permite que voc especifique um nome exclusivo para o controle. Ao Permite que voc especifique o tipo de boto a ser criado. Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

As demais propriedades so ignoradas pelo servidor do ColdFusion durante o runtime.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686

Inserir caixas de seleo do ColdFusion


Voc pode inserir visualmente uma caixa de seleo do ColdFusion no formulrio e definir suas propriedades. Use as caixas de seleo para permitir que os usurios escolham mais de uma opo em um conjunto de opes. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Coloque o ponto de insero dentro do contorno do formulrio. 2 Na categoria CFForm do painel Inserir, clique no cone Caixa de seleo do CF.

Uma caixa de seleo exibida no formulrio do ColdFusion.


3 Selecione a caixa de seleo na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cfcheckbox Permite que voc especifique um nome exclusivo para o controle. Valor marcado Permite que voc especifique um valor a ser retornado pela caixa de seleo caso o usurio a marque. Estado inicial Permite que voc especifique se a caixa de seleo permanece marcada quando a pgina aberta pela

primeira vez em um navegador.


Validar Especifica o tipo de validao da caixa de seleo. Validar em Especifica quando a caixa de seleo validada: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para a caixa de seleo. Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 681


Criao de formulrios

Altura Permite que voc especifique a altura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Largura Permite que voc especifique a largura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Tamanho Permite que voc especifique o tamanho do controle. Essa propriedade ignorada pelo servidor do ColdFusion durante o runtime. Obrigatrio Permite que voc especifique se a caixa de seleo deve permanecer marcada para que o formulrio seja

enviado ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

4 Para identificar a caixa de seleo, clique ao lado dela na pgina e digite o texto do rtulo.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686 Validar dados de formulrio do ColdFusion na pgina 686

Inserir botes de opo do ColdFusion


Voc pode inserir visualmente um boto de opo do ColdFusion no formulrio e definir suas propriedades. Use botes de opo quando quiser que os usurios selecionem apenas uma dentre um conjunto de opes. Os botes de opo costumam ser usados em grupos. Todos os botes de opo em um grupo devem ter o mesmo nome. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Coloque o ponto de insero dentro do contorno do formulrio. 2 Selecione Inserir > Objetos do ColdFusion > CFForm > CFradiobutton.

Um boto de opo exibido no formulrio do ColdFusion.


3 Selecione o boto de opo na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cfradiobutton Permite que voc especifique um nome exclusivo para o controle. Valor marcado Permite que voc especifique um valor a ser retornado pelo boto de opo caso o usurio a marque. Estado inicial Permite que voc especifique se o boto de opo permanece selecionado quando a pgina aberta pela

primeira vez em um navegador.


Validar Especifica o tipo de validao do boto de opo. Validar em Especifica quando o boto de opo validado: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para o boto de opo. Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion. Altura Permite que voc especifique a altura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Largura Permite que voc especifique a largura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 682


Criao de formulrios

Tamanho Permite que voc especifique o tamanho do controle. Essa propriedade ignorada pelo servidor do ColdFusion durante o runtime. Obrigatrio Permite que voc especifique se o boto de opo deve permanecer selecionado para que o formulrio seja

enviado ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

4 Para identificar o boto de opo, clique ao lado dele na pgina e digite o texto do rtulo.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686 Validar dados de formulrio do ColdFusion na pgina 686

Inserir caixas de marcao do ColdFusion


Voc pode inserir visualmente uma caixa de marcao do ColdFusion no formulrio e definir suas propriedades. Uma caixa de marcao permite que um visitante selecione um ou mais itens de uma lista. As caixas de marcao so teis quando voc tem uma quantidade de espao limitada, mas precisa exibir muitos itens. Elas tambm so muito teis quando voc deseja controlar os valores retornados ao servidor. Diferentemente dos campos de texto, nos quais os usurios digitam o que querem, inclusive dados invlidos, com as caixas de marcao, voc pode definir os valores exatos retornados por um menu. Voc pode inserir dois tipos de caixas de marcao em um formulrio: um menu que suspenso quando o usurio clica nele ou um menu que exibe uma lista rolvel de itens que o usurio pode selecionar. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Coloque o ponto de insero dentro do contorno do formulrio. 2 Na categoria CFForm do painel Inserir, clique no cone Marcao do CF.

Uma caixa de marcao exibida no formulrio do ColdFusion.


3 Selecione a caixa de marcao na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cfselect Permite que voc especifique um nome exclusivo para o controle. Tipo Permite que voc escolha um menu pop-up ou uma lista. Caso voc selecione o tipo lista, as opes Listar altura

e Permitir vrias selees de lista so disponibilizadas.


Listar altura Permite que voc especifique o nmero de linhas a serem exibidas no menu da lista. S disponvel caso

voc selecione o tipo lista.


Permitir vrias selees de lista Permite que voc especifique se o usurio pode selecionar mais de uma opo da lista

por vez. S disponvel caso voc selecione o tipo lista.


Editar valores Abre uma caixa de dilogo que lhe permite adicionar, editar ou remover opes da caixa de marcao. Selecionados inicialmente Permite que voc especifique a opo selecionada por padro. Voc pode selecionar mais

de uma opo caso tenha selecionado a opo Permitir vrias selees de lista.
Conjunto de registros Permite que voc especifique o nome da consulta do ColdFusion que deseja usar para preencher

a lista ou o menu.
Exibir coluna Permite que voc especifique a coluna do conjunto de registros para fornecer o rtulo de exibio de

cada elemento da lista. Usado com a propriedade Conjunto de registros.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 683


Criao de formulrios

Coluna de valor Permite que voc especifique a coluna do conjunto de registros para fornecer o valor de cada elemento da lista. Usado com a propriedade Conjunto de registros. Rtulo do Flash Permite que voc especifique um rtulo para a caixa de marcao. Altura do Flash Permite que voc especifique a altura do controle, em pixels. Essa propriedade ignorada pelo servidor do ColdFusion durante o runtime. Largura do Flash Permite que voc especifique a largura do controle, em pixels. Essa propriedade ignorada pelo

servidor do ColdFusion durante o runtime.


Mensagem Especifica a mensagem a ser exibida se a propriedade Obrigatrio for definida como Sim e o usurio deixar de fazer uma seleo antes de enviar o formulrio. Obrigatrio Permite que voc especifique se um item de menu deve permanecer selecionado para que o formulrio

seja enviado ao servidor.


Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686 Validar dados de formulrio do ColdFusion na pgina 686

Inserir campos de imagem do ColdFusion


Voc pode inserir visualmente um campo de imagem do ColdFusion no formulrio e definir suas opes. Use os campos de imagem para criar botes personalizados. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Na visualizao Design, coloque o ponto de insero dentro do contorno do formulrio. 2 Na categoria CFForm do painel Inserir, clique no cone Campo de imagem do CF. Navegue para selecionar a

imagem a ser inserida e clique em OK. Se desejar, voc pode digitar o caminho do arquivo de imagem na caixa Origem. Nota: Caso a imagem esteja fora da pasta raiz do site, voc deve copiar a imagem para a pasta raiz. As imagens que esto fora da pasta raiz talvez no estejam acessveis quando voc publicar o site.
3 Selecione o campo da imagem na pgina e defina uma das seguintes opes no Inspetor de propriedades:
Cfimagefield Permite que voc especifique um nome exclusivo para o controle. Origem Permite que voc especifique o URL da imagem inserida. Alt Permite que voc especifique uma mensagem quando a imagem no puder ser exibida. Alinhar Permite que voc especifique o alinhamento da figura. Borda Permite que voc defina a largura da borda da imagem. Editar imagem Abra a imagem no editor de imagens padro.

Para definir um editor de imagens padro, selecione Editar > Preferncias > Tipos de arquivos / editores. Do contrrio, o boto Editar imagem no realiza nenhuma ao.
Validar Especifica o tipo de validao do campo de imagem. Validar em Especifica quando o campo validado: onSubmit, onBlur ou onServer.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 684


Criao de formulrios

Rtulo Permite que voc especifique um rtulo para o boto de opo. Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion. Altura Permite que voc especifique a altura do controle, em pixels. Largura Permite que voc especifique a largura do controle, em pixels. Tamanho Permite que voc especifique o tamanho do controle. Essa propriedade ignorada pelo servidor do ColdFusion durante o runtime. Obrigatrio Permite que voc especifique se o controle deve ou no conter dados para que o formulrio seja enviado

ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686 Validar dados de formulrio do ColdFusion na pgina 686

Inserir campos de arquivo do ColdFusion


Voc pode inserir visualmente um campo de arquivo do ColdFusion no formulrio e definir suas propriedades. Use um campo de arquivo para permitir que os usurios selecionem um arquivo do computador como, por exemplo, um documento de processamento de textos ou um arquivo grfico e carreguem-no servidor. Um campo de arquivo do ColdFusion semelhante aos demais arquivos de texto, exceto por tambm conter um boto Procurar. Os usurios podem digitar manualmente o caminho do arquivo que desejam carregar ou usar o boto Procurar para localizar e selecionar o arquivo. Os campos de arquivo exigem que voc use o mtodo POSTAR para transmitir os arquivos do navegador para o servidor. O arquivo postado no endereo que voc especificou na caixa Ao do formulrio. Entre em contato com o administrador do sistema para confirmar se h permisso para carregamentos de arquivo annimos antes de usar um campo de arquivo no formulrio. Os campos de arquivo tambm exigem que a codificao do formulrio seja definida como multipart/form. O Dreamweaver define isso automaticamente quando voc insere um controle do campo de arquivo. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Na visualizao Design, selecione CFForm para exibir o Inspetor de propriedades.

Para selecionar rapidamente o formulrio, clique em qualquer lugar do contorno na tag<cfform> do seletor na parte inferior da janela Documento.
2 No Inspetor de propriedades, defina o mtodo do formulrio como POSTAR. 3 No menu pop-up Tipo de codif., selecione multipart/form-data. 4 Posicione o ponto de insero dentro do contorno do formulrio onde voc deseja que o campo de arquivo seja

exibido.
5 Selecione Inserir > Objetos do ColdFusion > CFForm > CFfilefield.

Um campo de arquivo exibido no documento.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 685


Criao de formulrios

6 Selecione o campo de arquivo na pgina e defina uma das seguintes propriedades no Inspetor de propriedades:
Cffilefield Permite que voc especifique um nome exclusivo para o controle. Comprimento mximo Permite que voc especifique o nmero mximo de caracteres que o caminho do arquivo pode ter. Validar Especifica o tipo de validao do campo. Validar em Especifica quando o campo validado: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para o campo. Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion. Altura Permite que voc especifique a altura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Largura Permite que voc especifique a largura do controle, em pixels. Essa propriedade ignorada pelo servidor do

ColdFusion durante o runtime.


Tamanho Permite que voc especifique o tamanho do controle. Obrigatrio Permite que voc especifique se o campo de arquivo deve ou no conter dados para que o formulrio seja

enviado ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

Mais tpicos da Ajuda


Modificar controles de formulrio do ColdFusion na pgina 686 Validar dados de formulrio do ColdFusion na pgina 686

Inserir campos de data do ColdFusion


Embora voc no possa inserir visualmente um campo de data do ColdFusion no Dreamweaver, possvel definir visualmente suas propriedades. Um campo de data do ColdFusion um tipo de campo de texto especial que permite aos usurios selecionar uma data em um calendrio pop-up e inseri-la no campo de texto. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Na visualizao Design, selecione CFForm para exibir o Inspetor de propriedades.

Para selecionar rapidamente o formulrio, clique em qualquer lugar do contorno na tag<cfform> do seletor na parte inferior da janela Documento.
2 No Inspetor de propriedades, defina a propriedade Formato do formulrio como Flash.

O controle do campo de data s pode ser processado em formulrios do ColdFusion baseados em Flash.
3 Alterne para a visualizao Cdigo (Exibir > Cdigo) e insira a seguinte tag em qualquer lugar entre as tags CFForm

de abertura e de finalizao:
<cfinput name="datefield" type="datefield">

4 Alterne para a visualizao Design, selecione o campo de data na pgina e, em seguida, defina uma das seguintes

opes no Inspetor de propriedades:


Cfdatefield Permite que voc especifique um nome exclusivo para o controle.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 686


Criao de formulrios

Valor Permite que voc especifique uma data a ser exibida no campo quando a pgina for aberta pela primeira vez em

um navegador. A data pode ser esttica ou dinmica. Para especificar um valor dinmico, clique no cone de raio ao lado da caixa Valor e selecione a coluna de um conjunto de registros na caixa de dilogo Dados dinmicos. A coluna do conjunto de registros fornece um valor para o campo de data quando voc exibe o formulrio em um navegador.
Validar Especifica o tipo de validao do campo. Validar em Especifica quando o campo validado: onSubmit, onBlur ou onServer. Rtulo Permite que voc especifique um rtulo para o campo. Padro Permite que voc especifique um padro de expresso regular JavaScript para validar a entrada. Omita barras esquerda e direita. Para obter mais informaes, consulte a documentao do ColdFusion. Altura Permite que voc especifique a altura do controle, em pixels. Largura Permite que voc especifique a largura do controle, em pixels. Tamanho Permite que voc especifique o tamanho do controle. Obrigatrio Permite que voc especifique se o campo de data deve ou no conter um valor para que o formulrio seja

enviado ao servidor.
Exibir editor de tags Permite que voc edite as propriedades no listadas no Inspetor de propriedades.

Mais tpicos da Ajuda


Validar dados de formulrio do ColdFusion na pgina 686

Modificar controles de formulrio do ColdFusion


Voc pode alterar visualmente as propriedades dos controles de formulrio do ColdFusion independentemente de estar trabalhando na visualizao Design ou Cdigo. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Na visualizao Design, selecione o controle de formulrio na pgina; na visualizao Cdigo, clique em qualquer

lugar dentro da tag do controle. O Inspetor de propriedades exibe as propriedades do controle de formulrio.
2 Altere as propriedades do controle no Inspetor de propriedades.

Para obter mais informaes, clique no cone Ajuda do Inspetor de propriedades.


3 Para definir mais propriedades, clique no boto Exibir editor de tags do Inspetor de propriedades e defina as

propriedades no Editor de tags exibido.

Validar dados de formulrio do ColdFusion


Voc pode criar formulrios do ColdFusion no Dreamweaver que verifiquem o contedo de campos especificados para garantir que o usurio inseriu o tipo de dados correto. Nota: Esse aprimoramento s est disponvel caso voc tenha acesso a um computador que esteja executando o ColdFusion MX 7 ou posterior.
1 Crie um formulrio do ColdFusion que inclua pelo menos um campo de entrada e um boto Enviar. Verifique se

todos os campos do ColdFusion que voc deseja validar tm um nome exclusivo.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 687


Criao de formulrios

2 Selecione um campo no formulrio que voc deseja validar. 3 No Inspetor de propriedades, especifique como voc deseja validar o campo.

A parte inferior de cada Inspetor de propriedades de entrada contm controles que lhe ajudam a definir a regra de validao especfica. Por exemplo, talvez voc queira especificar se um campo de texto deve conter um nmero de telefone. Para isso, selecione Telefone no menu pop-up Valor do Inspetor de propriedades. Voc tambm pode especificar quando validar no menu pop-up Validar em.

ltima atualizao em 28/4/2010

688

Captulo 22: Acessibilidade


Dreamweaver e acessibilidade
Mais tpicos da Ajuda
Inserir uma imagem na pgina 234 Insero de arquivos SWF na pgina 246 Validar dados de formulrio em HTML na pgina 671 Criar quadros e conjuntos de quadros na pgina 195 Inserir uma tabela e adicionar contedo na pgina 176

Sobre contedo acessvel


Acessibilidade se refere criao de sites e produtos da Web utilizveis por pessoas com deficincias visual, auditiva, motora entre outras. Entre os exemplos de recursos de acessibilidade para softwares e sites esto o suporte ao leitor de tela, equivalentes em texto para grficos, atalhos de teclado, mudana das cores de exibio para alto contraste etc. O Dreamweaver fornece ferramentas que o tornam acessvel e ferramentas que ajudam a criar contedo acessvel. Para os desenvolvedores do Dreamweaver que precisam usam recursos de acessibilidade, o aplicativo oferece suporte ao leitor de tela, navegao por teclado e acessibilidade do sistema operacional. Para designers que precisam criar contedo acessvel, o Dreamweaver ajuda voc na criao de pginas acessveis que apresentam contedo til para leitores de tela e que so compatveis com as diretrizes do governo federal. Por exemplo, as caixas de dilogo solicitam a voc aplicar atributos de acessibilidade como, por exemplo, equivalentes em texto de uma imagem ao inserir elementos de pgina. Dessa forma, quando a imagem exibida em uma pgina para um usurios com deficincia visual, o leitor de tela l a descrio. Nota: Para obter mais informaes sobre duas iniciativas de acessibilidade significativas, consulte a Web Accessibility Initiative do World Wide Web Consortium (www.w3.org/wai) e a seo 508 do U.S. Federal Rehabilitation Act (www.section508.gov). Nenhuma ferramenta de criao pode automatizar o processo de desenvolvimento. A criao de sites acessveis exige que voc compreenda os requisitos de acessibilidade e tome decises contnuas sobre como os usurios com deficincia interagem com as pginas da Web. A melhor forma de verificar se um site acessvel se d pelo planejamento deliberado, pelo desenvolvimento, pelo teste e pela avaliao.

Uso de leitores de tela com o Dreamweaver


Um leitor de tela dita o texto exibido na tela do computador. Ele tambm l informaes no textuais como, por exemplo, rtulos de boto ou descries de imagem do aplicativo, fornecidas em tags de acessibilidade ou atributos durante a criao. Como designer do Dreamweaver, voc pode usar um leitor de tela para ajudar na criao das pginas da Web. O leitor de tela comea a leitura no canto superior esquerdo da janela Documento. O Dreamweaver d suporte aos leitores de tela JAWS for Windows, da Freedom Scientific (www.freedomscientific.com) e Window-Eyes, da GW Micro (www.gwmicro.com).

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 689


Acessibilidade

Suporte a recursos de acessibilidade do sistema operacional


O Dreamweaver d suporte a recursos de acessibilidade dos sistemas operacionais Windows e Macintosh. Por exemplo, no Macintosh, voc define as preferncias visuais na caixa de dilogo Universal Access Preferences (Apple > System Preferences). As configuraes so refletidas no espao de trabalho do Dreamweaver. Tambm h suporte configurao de alto contraste do sistema operacional Windows. Voc ativa essa opo por meio do Painel de Controle do Windows e isso afeta o Dreamweaver da seguinte forma:

Caixas de dilogo e painis usam as configuraes da cor do sistema. Por exemplo, caso voc defina a cor como
Branco e Preto, todas as caixas de dilogo e painis do Dreamweaver so exibidos com uma cor de primeiro plano branca e a cor do plano de fundo preta.

A Visualizao de cdigo usa a cor de texto do sistema e da janela. Por exemplo, caso voc defina a cor do sistema
como Branco e Preto e, em seguida, altere as cores do texto em Editar > Preferncias > Codificao por cores, o Dreamweaver ignora essas configuraes de cor e exibe o texto do cdigo com a cor de primeiro plano branca e a cor do plano de fundo preta.

A Visualizao de design usa as cores de plano de fundo e de texto que voc definiu em Modificar > Propriedades
da pgina para que as pginas que voc projetou processem cores de acordo com o navegador.

Otimizar o espao de trabalho tendo em vista um design de pgina acessvel


Ao criar pginas acessveis, voc precisa associar informaes como, por exemplo, rtulos e descries a objetos de pgina para que o contedo seja acessvel a todos os usurios. Para fazer isso, ative a caixa de dilogo Acessibilidade de cada objeto para que o Dreamweaver solicite informaes de acessibilidade quando voc inserir objetos. Voc pode ativar uma caixa de dilogo para qualquer um dos objetos na categoria Acessibilidade em Preferncias.
1 Selecione Editar > Preferncias (Windows) ou Dreamweaver > Preferncias (Macintosh). 2 Selecione Acessibilidade na lista Categoria esquerda, selecione um objeto, defina uma das seguintes opes e

clique em OK.
Mostrar os atributos na insero Selecione os objetos para os quais voc deseja ativar as caixas de dilogo de acessibilidade. Por exemplo, objetos de formulrio, quadros, mdia e imagens. Manter foco no painel Mantm foco no painel, o que o torna acessvel ao leitor de tela. (Caso voc no selecione essa opo, o foco permanece na Visualizao de design ou de cdigo quando um usurio abre um painel.) Processamento fora da tela Selecione essa opo ao usar um leitor de tela.

Nota: Os atributos de acessibilidade so exibidos na caixa de dilogo Inserir tabela quando voc insere uma nova tabela.

Recurso do relatrio de validao da acessibilidade do Dreamweaver


O recurso de relatrio de validao da acessibilidade do DreamWeaver foi desaprovado no DreamWeaver CS5.

Navegar no Dreamweaver usando o teclado


Voc pode usar o teclado para navegar em painis, inspetores, caixas de dilogo, quadros e tabelas sem usar um mouse. Nota: S h suporte navegao em abas e ao uso de teclas de seta no Windows.

Navegar em painis
1 Na janela Documento, pressione Control+F6 para mudar o foco para um painel.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 690


Acessibilidade

Uma linha pontilhada em torno do ttulo do painel indica que o foco est no painel. O leitor de tela l a barra de ttulo do painel que est em foco.
2 Pressione Control+F6 novamente para alternar o foco at que ele esteja no painel que voc deseja trabalhar.

(Pressione Control+Shift+F6 para alternar o foco para o painel anterior.)


3 Caso o painel no qual voc deseja trabalhar no esteja aberto, use os atalhos de teclado no menu do Windows para

exibir o painel apropriado e, em seguida, pressione Control+F6. Caso o painel no qual voc deseja trabalhar esteja aberto, mas no expandido, coloque o foco na barra de ttulo do painel e, em seguida, pressione a Barra de espao. Pressione a Barra de espao novamente para recolher o painel.
4 Pressione a tecla Tab para percorrer as opes do painel. 5 Use as teclas de seta quando apropriado:

Caso uma opo tenha escolhas, use as teclas de seta para percorr-las e, em seguida, pressione a Barra de espao
para fazer uma seleo.

Caso haja abas no grupo de painis para abrir outros painis, coloque o foco na aba de abertura e, em seguida, use
as teclas de seta para esquerda ou para direita para abrir as outras abas. Depois de abrir uma nova aba, pressione a tecla Tab para percorrer as opes do painel.

Navegar no Inspetor de propriedades


1 Pressione Control+F3 para exibir o Inspetor de propriedades, caso ele no esteja visvel. 2 Pressione Control+F6 (apenas no Windows) at alternar o foco para o Inspetor de propriedades. 3 Pressione a tecla Tab para percorrer as opes do Inspetor de propriedades. 4 Use as teclas de seta conforme apropriado para percorrer as opes. 5 Pressione Control+Seta para baixo/seta para cima (Windows) ou Command Seta para baixo/seta para cima

(Macintosh) para abrir e fechar a seo expandida do Inspetor de propriedades, conforme necessrio, ou, com o foco na seta de expanso no canto inferior direito, pressione a Barra de espao. Nota: O foco do teclado deve estar dentro do Inspetor de propriedades (e no no ttulo do painel) para expandir e recolher para trabalhar.

Navegar em uma caixa de dilogo


1 Pressione a tecla Tab para percorrer as opes da caixa de dilogo. 2 Use as teclas de seta para percorrer as opes. 3 Caso a caixa de dilogo tenha uma lista Categoria, pressione Control+Tab (Windows) para alterar o foco para a

lista de categorias e, em seguida, use as teclas de seta para subir e descer a lista.
4 Pressione Control+Tab novamente para alternar para as opes de uma categoria. 5 Pressione Enter para sair da caixa de dilogo.

Navegar em quadros
Caso o documento contenha quadros, voc pode usar as teclas de seta a fim de alternar o foco para um quadro.

Selecionar um quadro
1 Pressione Alt+seta para baixo a fim de colocar o ponto de insero na janela Documento. 2 Pressione Alt+seta para cima a fim de selecionar o quadro com o foco atualmente.

ltima atualizao em 28/4/2010

USO DO DREAMWEAVER CS5 691


Acessibilidade

3 Continue pressionando Alt+seta para cima a fim de alternar o foco para o conjunto de molduras e, em seguida, para

os conjuntos de molduras pai, caso haja algum aninhado.


4 Pressione Alt+seta para baixo a fim de alternar o foco para um conjunto de molduras filho ou um nico quadro

dentro do conjunto de molduras.


5 Com o foco em um nico quadro, pressione Alt+seta para esquerda ou para direita a fim de se mover entre os

quadros.

Navegar em uma tabela


1 Use as teclas de seta ou pressione Tab a fim de se mover para outras clulas conforme necessrio.

O pressionamento de Tab na clula direita adiciona outra linha tabela.


2 Para selecionar uma clula, pressione Control+A (apenas no Windows) enquanto o ponto de insero est na

clula.
3 Para selecionar toda a tabela, pressione Control+A duas vezes caso o ponto de insero esteja em uma clula, ou

uma vez caso uma clula esteja selecionada.


4 Para sair da tabela, pressione Control+A trs vezes caso o ponto de insero esteja em uma clula, duas vezes caso

a clula esteja selecionada ou uma caso a tabela esteja selecionada e, em seguida, pressiona a tecla de seta para cima, para esquerda ou para direita.

Potrebbero piacerti anche