CRIAÇÃO DE FORMULÁRIO PROGRAMADO NO DREAMWEAVER/PHP

1º) Com o Dreamweaver aberto vá até o menu Insert -> Form -> Form

2º) Dentro da Caixa do Formulário criada, crie uma Tabela com 6 Linhas e 2 Colunas, coloque a largura de 500 PX e sem borda. Pressione Ok

3º) Na Primeira coluna, coloque o nome dos campos:
Nome, Assunto, Email, Cidade, Telefone e Comentário.

4º) Ajustar o espaço da largura da segunda coluna "colado" com a da primeira.

5º) Para a inserção dos campos de preenchimento em frente aos nomes, vá até o menu: Insert -> Form -> Text Field. Repita os passos até o campo Telefone.

No campo Comentário, devido o espaço ter que ser maior, vá até o menu: Insert -> Form -> Textarea.

6º) Agora você deverá renomear os campos para ajudar na identificação do local que foi preenchido. Para isso selecione campo a campo e mude no nome na barra abaixo, colocando em letras minúsculas e sem acentuação.

nome - assunto - email - cidade - telefone - comentario

7º) Agora iremos inserir o botão ENVIAR, que quando pressionado irá chamar os arquivos enviar (copiar o código fonte e colar no Dreamweaver, Salvar com o nome enviar.php) e config.ini que você deverá baixar e colocar em sua pasta, mudando as informações pessoais como endereço de email contida nele.

Para inserir o botão vá até o menu: Insert -> Form -> Button
Selecione o botão e mude em Propriedades o Value para Enviar

8º) Depois de criado o Formulário e o Botão Enviar, iremos mudar a forma de exibição no Dreamweaver, de Design para Code, onde iremos inserir o script no início do código do formulário conforme imagem abaixo:

9º) Agora basta você publicar e verificar se está tudo funcionando perfeitamente. Qualquer dúvida chame o seu professor.

Boa Programação!

Tutorial feito por Eduardo Sucupira Sousa - 01/06/2009