Formulário de contato parte 1: Criando e estilizando!

Salve galera da Up, estamos entrando com mais uma super vídeo aula. Esta que foi dividida em 2 partes:

Nesta criamos o formulário com tableless e estilizamos com CSS. Deixando-o pronto para receber a programação que contara com validação de dados em PHP. Será feita na próxima vídeo aula.

E esta vídeo aula estréia nossa nova área do site. Que será dedicada a publicação de scripts prontos para vocês. Não deixe de conferir!

Documentação:

Parte 1: Criando e estilizando!
Parte 2: Programando e validando
Parte 3: Validando envio com erro
Parte 4: Limpando campos após envio
Parte 5: HTML mail, inserindo anexo e selecionando destino!

Nesta aula usamos um modo de construção espelhado em uma aula do amigo MX David DHC. Por utilizar as tags do formulário para a construção do mesmo, e não formatações externas.

Essa maneira de construir foi baseado uma necessidade minha de não concorda de usar listas ou tag de parágrafo para configurar já que tem tags de formulário para isso

Veja +

Lucas Washington Em: 25 de fevereiro de 2010 as 21:05

Robson, essa e as outras video aulas, me ajudaram bastante agradeço por tudo que você esta fazendo , você é um otimo tutor continue sempre assim e que deus esteja em seu caminho .

Robson V. Leite Em: 25 de fevereiro de 2010 as 21:44

Vlw lucas, estou esperando o Vimeo converter a outra vídeo aula para por no site, já está pronta e ficou SHooOw di bola

Lucas Washington Em: 25 de fevereiro de 2010 as 22:04

Robson , eu queria pedir desculpas pelo tanto de perguntas que eu fazia em cada video aula , é que eu sou novo tenho apenas 14 anos , ja fiz curso de web designer PHP etc ..
Mais de todos os cursos que eu ja fiz , o seu foi o melhor , no seu curso eu aprendi coisas que eu nao sabia eu agradeço muito, você é um ótimo programado !

Robson V. Leite Em: 25 de fevereiro de 2010 as 22:11

Vlw meu bruxo

Lucas Washington Em: 25 de fevereiro de 2010 as 22:11

Julio Em: 6 de maio de 2010 as 0:15

Olá Robson, cara parabéns pelo site, ajuda muito mesmo, realmente o conteúdo é ótimo, só uma coisa que pode melhorar é o seu inglês, não leve a mal, é uma crítica construtiva, mas é isso ae cara, você está no caminho certo.
Abraço.

Robson V. Leite Em: 6 de maio de 2010 as 10:26

Ola Julio blza? Então, meu inglês e bom!

EX: muito das palavras que você escuta como HEADER, onde a pronuncia seria algo do tipo “RIDER” é falado para que quem esta vendo a aula se encontre. Sempre estou indo em palestras de desenvolvimento e já presenciei muitas ocasiões de o palestrante pronunciar o inglês correto do elemento e 2 ou 3 levantar a mão perguntando em que parte do código ele estava.

Ai o palestrante fala, “Ali ó. No ‘HEADER’…”

Não e mesma pra quem esta começando como web e não tem contato com o inglês assistir uma vídeo aula onde se usa elementos em inglês, são dois fatores, nosso usuário pode não conhecer o elemento, e ainda não conhecer o inglês, no momento que pronuncio HEADER. Basta ele ler que vai encontrar!

Mas valeu pela dica, sempre ajuda muito

rafa Em: 22 de maio de 2010 as 19:29

EU ESTAVA TENTDO FAZER O CSS EM LINHA MI PERDI TUDU =D

thiago maia Em: 8 de junho de 2010 as 23:05

Olá Robson, suas aulas são realmente um máximo, sua didática é ótima.
Mas para ficar ainda melhor, você poderia postar o código pronto após cada aula, para quem quisesse pegar diretamente o código

Bia Ferreira Em: 3 de agosto de 2010 as 22:47

Muito bom o video, parabéns pelas aulas! Eu só queria uma ajudinha: utilizando esse código ao receber os emails com caracteres especiais tipo ç,ã,á, etc, fica tudo desconfigurado, como posso fazer para corrigir esse problema? Obrigada

Robson V. Leite Em: 4 de agosto de 2010 as 11:23

@Bia Ferreira: Olá Bia, na aula 5 do formulário abordamos o envio em HTML onde a codificação fica em UTF8 e envia os caracteres especiais! Confira

luiz Em: 18 de agosto de 2010 as 15:28

oi robson muito legal suas aulas explica muito bem .
queria saber se vc pode postar uma aula de como fazer uma lista de video não sei como se chama o efeito tipo a do you tube valeu .e Parabens

Anderson Silva Em: 24 de setembro de 2010 as 11:11

E ae Robson tudo blz?
Estou começando no desenvolvimento de sites para web e estou com uma duvida.
Eu criei um blog no blogspot para divulgação dos meus serviços e estou querendo criar um formulário de contato para e meu blog,Vc conhece algum metódo de criação de formulário para blog no blogspot.
vc esta d parabens pela sua iniciativa de passar os seus conhecimentos pra nós.Parabens pelo site esta cada dia melhor.

Robson V. Leite Em: 24 de setembro de 2010 as 11:16

@Anderson Silva: olá meu querido, nunca trabalhei com blogspot, sempre fui adepto ao wordpress!

Anderson Silva Em: 24 de setembro de 2010 as 11:55

Tambem prefiro o wordpress mas como estou começando a divulgação dos meus serviços,e de inicio fica complicado usar uma hospedagem paga então resolvi utilizar o blogspot so pra divulgação.
Assim que começar os trabalhos eu vou mudar a hospedagem.Vou pesquisar mais entãoi.
Vlw.

Robson V. Leite Em: 24 de setembro de 2010 as 12:18

@Anderson Silva: rsrsr assim como o blogspot o wordpress tbm possue blogs gratuitos! http://www.wordpress.com

Anderson Silva Em: 7 de outubro de 2010 as 13:29

Na hospedagem gratuita do wordpress tem como criar meu próprio tema e personalizá-lo?

Robson V. Leite Em: 7 de outubro de 2010 as 14:12

@Anderson Silva: não tentei mas deve dar, e se não der cadastre seu tema no wordpress thems. dai da pra baixa e instala pelo instalador do painel o ruim é que todos vão poder pega-lo rsrsr

Ricardo Freitas Em: 18 de dezembro de 2010 as 6:47

Adorei a aula mais eu to com um problema eu não consigo fechar a minha Div e nen comentar ela Você poderia disponibilizar o Script para downloads vai me ajuda muito mais so o do formulario pode deixar o css eu crio

Adriano silva dos Reis Em: 9 de março de 2011 as 14:14

Ola Robson, Segui todos os seus passos para criar a pagina de contatos, mas quando hospedei, e fui testar, o e-mail não chega, nem pra mim nem pra quem manda a msg.
e ai o que eu faço ? como resolvo este problemas ?

Suas videos aula tem me ajudado muito, obrigado.

abraço.

Rodrigo Dune Em: 30 de março de 2011 as 12:03

Fiz as 5 vídeo aulas, muito bacana e produtiva.

Fiz a formulário de contato no servidor Linux-cpanel – funcionou perfeitamente.
Mas quando utilizei o mesmo script no servidor windows – plesk não funciona será porque?
Alguém pode me ajudar?
Aguardo resposta.

Obrigado.

Robson V. Leite Em: 30 de março de 2011 as 12:08

@Rodrigo Dune: provavelmente em seu servidor windows o envio não aceita se não for autenticado. tente enviar com o PHPMailer. Tem aula sobre no portal!

Marcelo Em: 15 de abril de 2011 as 1:35

Opa!!

Como faço para configurar o localhost em minha maquina?
Obrigado..

Robson V. Leite Em: 15 de abril de 2011 as 19:35

@Marcelo: Windows? intala o WampServer!

Milton Em: 9 de maio de 2011 as 16:29

Ola muito boa a video aula, so gostaria de saber como faz para colocar os campos um ao lado do outro na mesma linha ou seja 2 campos na mesma linha como se fosse 2 colunas. Obrigado

Andeson Pereira Matos Em: 28 de maio de 2011 as 16:20

Muito boas as tuas aulas, sou iniciante em web mais aprendo muito com aulas com as suas.

NILO Em: 4 de agosto de 2011 as 23:37

Boa noite meu ROBSON e toda comunidade upinside! me chamo danilo estou chegando na areá e muito feliz por ter descoberto essa comunidade maravilhosa gostei muito da qualidade das video aulas que encontrei aqui meu caro agora você vai ter me aguentar pois quando pois tenho um péssimo habito de agradecer em forma de comentários pois acredito que é o minimo que podemos fazer para agradecer a você que faz com que a internet seja a unica coisa que acredito que seja para todos! kkk você tirou todas as minhas duvidas em relação a estilização de formulários ! deus te abençoe e muito sucesso!!!!

Pedro Em: 12 de novembro de 2011 as 16:09

Boa noite,

Primeiramente parabeniza-lo pelo excelente trabalho que tem vindo a desenvolver e seguidamente perguntar quando é que sai um video tutorial mostrando como colocar um site dinâmico em php em duas linguas (pt e en)?