segunda-feira, 30 de julho de 2012

Como fazer menu com submenu em Dropdown

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:

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

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!