Referências para Criação de Layouts (de 2011)

As referências abaixo são indicadas aos profissionais que desejam aprender a desenvolver layouts para a internet conforme os padrões da W3C.

Iniciando

Para iniciar precisamos aprender 2 coisas, HTML e CSS. Estas duas tecnologias são lidas pelos navegadores de internet, de modo, que você não precisa de nada especial para utilizá-las além de um editor de texto e um navegador de internet. Recomendo o Notepad++ e o Firefox para que você inicie sua carreira como desenvolvedor Web (sugiro que você não utilize DreamWeaver e Expression Web ou similares para iniciar seu aprendizado, estas ferramentas são boas, mas quando usadas no início da caminhada nos impede de ver com clareza por onde estamos indo).

Bem, para iniciar, indico os melhores tutoriais que conheço sobre estas duas tecnologias. Os tutoriais estão divididos em seções de modo que vocÊ pode sempre voltar a eles quando precisar:

Avançando com HTML e CSS

Agora que você já sabe o básico, precisará buscar novos conteúdos e técnicas. A partir daqui são muitas as possibilidades e para que você tenha algumas diretrizes selecionei dois sites especiais, O Majour e o Campus Online da Tableless.

No Majour você encontrará diversos tutoriaism dentre os quais destaco:

Uso de Cores no CSS;
Efeitos em Links;
Técnicas para construção de menus;
Herança em CSS (opa, aproveito para indicar outro material sobre isso do tableless);
Layout Passo-a-Passo;
Desenhando com CSS;
Marcação para vários Templates;

Já no Campus, destaco duas áreas essenciais (Você pode acessar gratuitamente o material marcado como “free”):

Tableless;
Html Básico;

Além destas duas referências, existem muitos sites que divulgam dicas e truques com css. Um dos meus favoritos é o Tableless que geralmente traz materiais mais avançados para quem quer se aprofundar e desenvolver profissionalmente.

Centralize um elemento na página: http://www.tableless.com.br/centralizando-um-objeto-na-horizontal-e-vertical-com-css
CSS Reset – http://www.tableless.com.br/css-reset
Referência para lembrar das propriedades CSS –http://tableless.github.com/exemplos/referenciacss.pdf
Boas práticas com CSS – http://www.tableless.com.br/boas-praticas-na-estruturacao-de-interfaces;
Melhorando o CSS – http://www.tableless.com.br/6-estrategias-para-melhorar-a-organizacao-do-seu-css-2;
HTML 5 – http://tableless.com.br/html5/

Vídeos

Para quem prefere vídeo-aulas, também existe um amplo material disponível. Sugiro a Universidade XTI com cursos de XHTML, CSS, JavaScript e JQuery somando mais de 130 vídeo-aulas e as vídeo Aulas do Daniel Farias:

Concluindo…

O Material na Web é amplo e de alta qualidade sobre esta área. Para quem quer realmente aprender, basta se manter caminhando que em breve estará desenvolvendo layouts poderosos e eficiente. Até onde você irá chegar é uma escolha sua. Boa sorte.