Olá, desta vez venho com uma vídeo aula ensinando como fazer um menu com submenu em dropdown, acompanhe.
Para está aula usaremos jQuery, HTML, CSS e faremos no programa Dreamweaver (mas pode ser qualquer outro progama de edição de texto).
Caso não teira o jquery Clique Aqui e faça o dowload:
Parte 1:
Parte 2:
segunda-feira, 30 de julho de 2012
Como fazer um formulário de contato em HTML e PHP
Bom, primeiramente para que serve os formulários de contato? O nome já diz tudo, os formulários de contato são feitos para agilizar a comunicação entre o remetente e o destinatário, geralmente é encontrado em sites de empresa e costuma a ter campos como 'Nome', 'E-mail', etc. Neste tutorial eu estarei ensinando como fazer um. Lembrando que será necessário utilizar códigos HTML e declarar algumas variáveis no PHP.
Nota¹: Não adianta testar o PHP offline sem um servidor como o Apache. É necessário a instalação do mesmo para o funcionamento do PHP.
Na parte do HTML, estaremos usando a tag form com os atributos action, method, name e id (para estilizar) e dentro da tag form, estaremos ultilizando a tag input (campos) e textarea (campo da mensagem).
Teremos o seguinte html:
Explicando:
- O atributo 'action' da tag form mostra qual página irá redirecionar quando alguém clicar em Enviar, e essa página é onde iremos adicionar as variáveis em PHP.
- O atributo 'method' da tag form mostra o método utilizado para o formulário, no caso do formulário de contato é recomendado uso do method post.
- O atributo 'type' da tag input mostra o tipo do input como diz o nome, no caso text significa que é uma barra de texto, ou seja um campo e no caso button e reset significa que é um botão clicável e um botão que limpa os campos respectivamente.
- O atributo 'value' da tag input mostra o que já vai estar escrito no capmo ou botão, no caso do botão enviar, como o value está definido como Enviar quer dizer que o botão terá esse nome.
Teremos esse PHP: (Salve esse arquivo com o nome de enviar.php, pois ele será usado no action da tag form)
Explicando:
É extremamente importante criar uma página chamada concluido.html e por o que aparecerá quando o contaot for enviado, para dar a impressão para a pessoa que enviou que ela realmente enviou. Eu recomendo criar uma página igual ao do formulário, porém adicionar uma linha em cima do formulário ou embaixo e escrever algo como 'Seu contato foi enviado com êxito!'.
- Por que que nas variáveis é usado '$_POST?'
Pois o método ultilizado no form é post.
Em breve virei com tutorial de como deixar um campo obrigatório.
Até mais
Explicando:
- O atributo 'action' da tag form mostra qual página irá redirecionar quando alguém clicar em Enviar, e essa página é onde iremos adicionar as variáveis em PHP.
- O atributo 'method' da tag form mostra o método utilizado para o formulário, no caso do formulário de contato é recomendado uso do method post.
- O atributo 'type' da tag input mostra o tipo do input como diz o nome, no caso text significa que é uma barra de texto, ou seja um campo e no caso button e reset significa que é um botão clicável e um botão que limpa os campos respectivamente.
- O atributo 'value' da tag input mostra o que já vai estar escrito no capmo ou botão, no caso do botão enviar, como o value está definido como Enviar quer dizer que o botão terá esse nome.
Teremos esse PHP: (Salve esse arquivo com o nome de enviar.php, pois ele será usado no action da tag form)
Explicando:
É extremamente importante criar uma página chamada concluido.html e por o que aparecerá quando o contaot for enviado, para dar a impressão para a pessoa que enviou que ela realmente enviou. Eu recomendo criar uma página igual ao do formulário, porém adicionar uma linha em cima do formulário ou embaixo e escrever algo como 'Seu contato foi enviado com êxito!'.
- Por que que nas variáveis é usado '$_POST?'
Pois o método ultilizado no form é post.
Em breve virei com tutorial de como deixar um campo obrigatório.
Até mais
quinta-feira, 19 de julho de 2012
Novo blog
Novo blog gr design, em breve muitos tutoriais, vídeo aulas e downloads relacionados a design!
Assinar:
Postagens (Atom)