Utilizamos esse layout como exercício nos cursos da Visie. Dependendo do nível do pessoal, utilizamos outros layouts. Mas esse é um que o pessoal normalmente costuma escolher. É um bom exercício porque utiliza as principais propriedades do CSS.
Esse e outros vídeos estão disponíveis no Campus Online da Visie. Lá você encontra videos tutoriais de Tableless, Ajax, Javascript e um monte de outras coisas.
20 Comentários
20 Comentários
Lisiano 13/11/2008 às 21:25
Muito bom!
PotHix 14/11/2008 às 09:50
Æ!!
Parabens por mais um vídeo bem instrutivo!
Espero que muita gente assista e comece a fazer HTMLs melhores, tanto para facilidade deles mesmo para manutenção quando para o bem de quem for ver ou dar manutenção posteriormente! =)
Continue assim!
Há braços
Evaldo 14/11/2008 às 10:07
Muito bom, muito instrutivo.
Só uma observação, nas imagens vc utilizou o alt=”", mas sabe-se que alguns navegadores não o reconhecem, então faltou o title=”".
Eduardo 14/11/2008 às 10:35
Diego, vi que vc usa no seu MAC, um editor de web, qual o nome dele? e se tem pra WIN?
Diego Eis 14/11/2008 às 11:27
@eduardo O Editor é o CODA. Só tem para mac!
@evaldo os browsers não reclamam, mas o validador do W3C reclama se não tiver os alts nas imagens. O leitor de tela para cegos também não lê o alt se não o tiver, claro.
Obrigado @lisiano e @pothix!
Gabriel Moretti 14/11/2008 às 16:10
Acredito que o evaldo tenha falado no title no intuito de que realmente aparecesse a legenda ao passar por cima da img. O firefox não reconhece alt, para aparecer a legenda tem que ter o title. Por isso, quando julgo necessário, coloco tanto alt, como title.
rascunho » Blog Archive » links for 2008-11-14 14/11/2008 às 18:14
[...] Video tutorial – Implementando HTML » Tableless.com.br – CSS e Práticas com Padrões Web Utilizamos esse layout como exercício nos cursos da Visie. Dependendo do nível do pessoal, utilizamos outros layouts. Mas esse é um que o pessoal normalmente costuma escolher. É um bom exercício porque utiliza as principais propriedades do CSS. (tags: http://www.tableless.com.br 2008 mes10 dia14 HTML CSS layout video blog_post) [...]
Juarez P. A. Filho 15/11/2008 às 12:16
Todo desenvolvedor que trabalha com XHTML deveria ver materiais como esse que ensinam o jeito correto de formatar o markup da página.
Com relação ao title=”" que foi citado anteriormente no caso do logo da página não se faz necessário, pois o logo já é explicativo por si só.
Usamos o “title” onde precisamos dar ao visitante do site mais informações de determinada imagem. Nesse caso o alt=”Visie…” se aplica para quando o visitante estiver em um browser que não suporta imagens ou para um leitor de telas.
Ótimo material de referência Diego. Valeu mais uma vez.
Thiago 15/11/2008 às 18:11
Essa e minha primeira visita ao Tableless, fiquei muito impressionado com a qualidade do conteudo, parabens.
Id 15/11/2008 às 22:45
Sério, esses videos são uma terapia pra mim.
Nada como ver um código bem feito sendo escrito.
Parabéns Diego!
Só me tira uma dúvida.
Aquela DIV “menu” é realmente necessária?
A classe não pdoeriar ir direto na UL?
Diego Eis 16/11/2008 às 01:19
Que ótimo Thiago! Espero que volte mais vezes. ;D
Obrigado ID!
Normalmente eu utilizo o div MENU para deixar mais organizado e também porque eu prevejo alguma firula no menu, como bordas arredondadas. Para fazer as bordas vou ter que usar dois elementos para colocar as imagens de background em cada um dos elementos.
Durval 16/11/2008 às 23:26
Muito bom este tutorial.
Durval – http://www.hotmastersound.com.br
Reinaldo Rocha 17/11/2008 às 17:29
No meu PC não deu pra ver a aula toda , tem como eu baixar não?
William 27/11/2008 às 14:03
Olá, achei esse “comentario” interessante, vocês pode me indicar um tutorial? pois quero fazer um semalhante em meu site, seria possivel?
Diogo 28/11/2008 às 19:49
Olá Diego. Adoro suas matérias e seus videos!
Agora só aguardar a implementação do CSS.
Oto 11/12/2008 às 14:24
Parabéns pela iniciativa! Os vídeos são intuitivos e interessantes! Abraço!
Carlos 12/12/2008 às 15:15
Muito legal este tutorial estou programando em rails e melhorando as views tableless é o caminho que estou seguindo e em breve farei o curso . Parabéns pelo artigo.
Antônio Júnior 02/03/2009 às 17:34
Saudações Diego Eis.
Parabéns pela solidária iniciativa dispondo aos Web Developers de plantão, regras e implementações do W3C acerca das revolucionárias CSS e também de outras tecnológias que trabalham conjuntamente com o HTML/XHTML.
Ótima abordagem dos tutoriais, falo não como um critíco, mas como um aprendiz dos Pradões Web.
Este site já está nos meus favoritos…
Abraços. jR.
Juan 11/04/2009 às 00:44
Otima vídeo aula, ajudou pra caramba meus alunos.
Muito Obrigado
Murilo Giachini Ferro de Souza 15/05/2009 às 09:51
Porraa cara vcs são Muito Bons…Padroes WEB. É isso aee!
Sucess (sou apenas um aprendiz estgiario do AIKI studio…Vejo sempre os videos tutoriais de vcs.
SUCCESS PRA NÓSS!