Tableless - Desenvolvimento inteligente com Padrões Web

20/10/2008
CSS

Exercício Básico

Costumo dar esse exercício para alguns dos alunos aqui da Visie. Ele é um exercício básico e utiliza as propriedades mais importantes para se construir um site. A idéia é mostrar para o desenvolvedor que está abrindo os olhos agora, …

Por

Costumo dar esse exercício para alguns dos alunos aqui da Visie. Ele é um exercício básico e utiliza as propriedades mais importantes para se construir um site. A idéia é mostrar para o desenvolvedor que está abrindo os olhos agora, como é fácil, em algumas horas de treinamento (tipo 3 horas), o desenvolvimento com CSS e XHTML é produtivo.

Esse exercício está disponível gratuitamente no Campus Online também, em texto e em vídeo na parte de Tableless!
http://visie.com.br/campus/

Exercício de Tableless do Campus Online

A idéia é implementar esse layout utilizando CSS e XHTML. O layout, como já disse, é bem básico, indicado para o pessoal que está começando agora na área ou que migrou de desenvolvimento com tabelas para desenvolvimento CSS/XHTML.

Nesse exercício o camarada vai utilizar as propriedades: margin, padding, line-height, background, colocar, font, clear e float. Além de fazer menu horizontal e e formulários.

Tem um vídeo, para os assinantes pagantes, com a implementação do HTML e outro vídeo com a implementaçãodo CSS em cima deste HTML. Assim o camarada pode comparar o seu exercício com o do vídeo.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Abidiasc Cleison

    O exercício é descobrir onde está o exercicio?

  • http://www.vitorgga.com VitorGGA

    Só falto falah q os treco tudo são pago.
    VIU GALERA TUDO PAGOOOO Uhsuhusuhsu

  • http://macaxeirageral.net Bruno Alves

    Oi, Diego. é necessário aderir a um plano para poder assistir ao vídeo?

  • http://battisti.wordpress.com battisti

    Pq todo mundo acha que tudo tem que ser gratis, ninguem reclama de pagar por um livro fisico agora por um pdf todo mundo reclama de pagar que absurdo!

    A iniciativa é ótima parabéns ao pessoal da visie!

  • Luiz Gustavo

    Esse template é a cara do site da visie, em sua primeira versão…mudando apenas as cores.. ;)

  • http://www.mikaelcarrara.com Mikael Carrara

    Legal pra quem está começando!

  • Kaleb Martins

    O !! gente.. nao tem nada a ver de ser pago.. ele só esta comentando qual o cunteudo do curso..

  • http://macaxeirageral.net Bruno Alves

    Eu não acho absurdo ter que pagar, apenas acho que deveria ter esta informação no post. Quando você lê “o exercício está disponível aqui”, dá a impressão que ele está disponível gratuitamente. Com o cadastro, você tem acesso a alguns vídeos grátis, mas o citado no post é só para assinantes.
    Ah, não tá caro e os preços são justos.
    A falta da informação é que gera os comentários “menos comportados” :)

  • Hitech

    Absurdo, tem que pagar para ver o vídeo? Então não posta fio… ou manda um login e senha para que possamos acessar.

  • edyd

    tem um cadastro gratuito ali que deve dar acesso ao vídeo, só faltou mesmo um link direto pro video, ou para as instruções

  • gustavo

    esse eh o usuario da internet, mais precisamente pessoas como nós, desenvolvedores e/ou pessoas que no minimo são intereçadas pela web. por isso que eh dificil hj em dia achar profissional qualificado e de nivel(como pessoa mesmo)! olha o nivel!!!!
    mais isso serve de feedback, Diego Eis!

  • Hugo Mendes

    O Diego me surpreende cada vez mais, absurdo como um um site de informação gratuita se posta um ‘artigo’ onde o seu conteúdo principal é um link para o site de um curso da empresa dele, puro merchandising.

    Não discordo em pagar pelo conhecimento, mas até onde conheço o tableless.com.br é um site de troca de informações gratuitas, que até pouco tempo atrás soube apresentar a Visie de forma mais sucinta.

    De toda forma parabéns pelo trabalho que serviu de base para muita gente, inclusive para mim, só achou que pecou no conteúdo, agredindo muitos de seus leitores.

  • Bruno Costa

    Desculpem, mas qual parte do “disponível gratuitamente” não foi compreendida? Realmente um equivoco cometido por alguém foi seguido por outros que provavelmente nem se quer deram ao trabalho de conferir a informação.

    O artigo é bom (para iniciantes) e não paguei um tustão se quer para acessa-lo.

  • Edy

    Aprendi Tableless com esse cursoo aí :)

    Valeeu galeera!

  • Fábio Cerqueira

    Só ler, ele disse que os vídeos eram pagos. Lá na página do campus tem nas apostilas o acesso gratuito para o exercício.

    Nada mais justo que cobrar por um serviço oferecido. =D

  • Pingback: Melancia na Cabeça

  • http://projetoadmin.com THales

    parecia interessante, meu problema maior e posicionamento de div sobre div , dentro de div quanto tenho um site rico graficamente(imagens)

    parecia bom….

    vlw http://projetoadmin.com

  • Kaleb Martins

    Ola pessoal.. seguinte para evitar qualquer discução e problemas para o Diego, falando sobre video que tem que pagar.. ou coisa do genero..

    Montei o layout para vcs.. hehe ;-)

    http://kalebweb.com/visie/

    espero que gostem.. podem copiar o codigo fonte.. eu fiz para vcs.. abraços ..

    e mais uma coisa.. essa é para o Deigo..
    Caso eu fosse seu aluno. qual nota vc me daria pelo layout?

    Abraços ;-)

  • Renato Giovanny

    Ótimo tutorial, preços muito justos. Fui aluno no plano de 3 dias e não me arrependo. O investimento é realmente muito baixo. Parabéns ao pessoal da Visie. Qual é o problema se o blog faz propaganda de um produto (no caso os cursos da Visie)?

  • Diego Reiki

    Pow Diego Eis, tbm estava esperando mais sobre esse post. Pelo amor de Deus, onde estava com a kbça em falar gratuito em algo q não é!!! =s

  • Pingback: Dreamweaver - Material auxiliar para aula de 23.09 « Marcelo Seixas