Categorias
Video Tutoriais sobre Web Standards
Boas, galera!
Cá estou com mais um artigo.
Talvez alguém já tenha visto ou pelo menos ouvido falar desse meu material.
Durante o ano de 2009 gravei algumas video aulas sobre Web Standards, começando com CSS (até o momento são 7).
Como já estão todas prontas, vou postar todas duma vez neste artigo e quando for gravar outra posto em outro, mas sempre vou colocando os links para os anteriores pra ninguém se perder.
A profissão de webdesigner muitas vezes é ingrata devido àquele famoso 'sobrinho do cunhado de um conhecido' que pendura uma plaquinha 'Faço seu site por 50 reais' no portão de casa.
Muitos se perguntam: mas se é mais fácil fazer do jeito errado, pq eu perderia tempo aprendendo o jeito certo?
As respostas pra essa pergunta são várias, mas as principais são:
- Melhor posicionamento nas buscas
- Redesigns se tornam mais fáceis
- Outros desenvolvedores só entenderão seu código se este seguir alguns padrões
E poderia ficar aqui falando de n motivos pelo qual se deve usar os padrões da Web para o desenvolvimento de seu site, mas como não é o intuito do artigo, vamos parar com o falatório.
Video Tutoriais sobre Web Standards
01 - O básico
Se você não entende nada, ou entende muito pouco de CSS, esta video aula mostrará a luz no fim do túnel
02 - Que raios significa 'elemento de bloco' e 'elemento inline'?
Em fóruns da área é muito comum ouvir alguém falar que DIV é um elemento de nível de bloco e SPAN é um elemento inline. WTF? Calma, nesta video aula explico tudo certinho \o/.
03 - O famoso Box Model (sem complicações)
Muitas pessoas dizem não entender o Box Model, mas não tem segredos (a menos que você esteja interessado em desenvolver para o IE 5.5, aí ele é ao contrário 
). Mas como já estamos todos afim de largar até o IE 6 (nele o Box Model funciona quase direitinho), não há motivos para se preocupar.
04 - Tabelas: livre seu layout delas (Usando Float e Clear)
Outra propriedade CSS que causa estranheza é a float. Por isso muitas pessoas ainda preferem usar tabelas para estruturar seu layout 
. Lembrem-se: tabela é para dados tabulares
05 - Além do basicão: agrupando e encadeando seletores
Nesta aula vamos um pouco além do básico do básico. Aprenda a agrupar e encadear seletores para diminuir o tamanho e aumentar a clareza do seu CSS
06 - Mais além: Pseudo-classes e Pseudo-seletores
Pseudo-classes? Pseudo-seletores? WTF? Veja e descubra 
07 - Mais propriedades do css: para que serve cada uma?
Pra que raios serve outline, text-indent, top, left, etc? Uma passagem geral pela maioria das propriedades CSS relevantes.
Tha-Tha-Tha-That's a-a-all f-f-f-fo-fo-folks!
Aguardem as próximas, comentem e sigam-me no Twitter @rickhjpbarcelos
[]'s,
Henrique
terça-feira, 19 de janeiro de 2010
665 Vizualizações
Henrique J. P. Barcelos
Trabalho na área de Webdesign e Programação há 3 anos e tenho participação ativa em fóruns da área. Possuo bons conhecimentos de Photoshop, XHTML, CSS, PHP, Javascript, Ajax e jQuery e acredito que posso ser útil aqui no Helpmasters.
www.HelpMasters.com.br | Todos os direitos reservados