Como fazer um template: Design e Codificação - INTRO.

Quem acompanha o blog desde o início deve se lembrar que as primeiras postagens foram partes de um big tutorial ensinando como "fazer" um template. Era um tutorial bem simples e totalmente baseado no modelo Minima, um tutorial inútil pra quem tem grande conhecimento na codificação do Blogger e de grande utilidade pra quem sempre teve dificuldade com HTML e CSS.
Faz pouco mais de um ano que aquele big tutorial foi escrito e postado, e de lá pra cá muitas coisas no blog mudaram e o meu conhecimento também. Eu mudei a forma como fazia os meus templates, ampliei os meus conhecimentos e isso não passou despercebido por vocês, leitores do blog.

Hoje, pouco mais de um ano daquele big tutorial (e de blog também), eu decidi trazer pra vocês aquele mesmo big tutorial, só que dessa vez reformulado. Depois de vários pedidos (e muitos meses sem postar), eu optei por dar início a essa série de tutoriais e ensinar pra vocês o modo como EU FAÇO os meus templates. Quem usou aquele primeiro big tutorial deve se lembrar que ele era bem simples, eu ensinei apenas como editar um modelo base, apenas para que vocês aprendessem a lidar melhor com a codificação do Blogger. Nesse segundo big tutorial, eu vou ensinar todo o passo a passo do MEUprocesso de criação, desde a criação do layout e recorte, até a codificação da estrutura e adição dos detalhes mais simples.
Esse tutorial será extenso e por isso o dividirei em cinco ou seis partes. A codificação do layout para o Blogger será a parte mais extensa e complexa do tutorial, então ensinarei pra vocês a codificação por partes (primeiro a estrutura, depois os detalhes).
Lembrando que é o modo como EU FAÇO, como EU CRIO os meus templates. Não é um tutorial copiado, baseado ou retirado de algum outro blog/site/tumblr; então eu não permitirei cópias e nem que se baseiem nele para "criar" os vossos tutoriais. Entendido? Sem egoísmo e coisas do tipo, mas acho falta de respeito criar algo, ter todo um esforço para escrever uma postagem, fazer um tutorial ou seja lá o que for e alguém simplesmente copiar.

Bem, antes de dar início ao tutorial quero deixar claro algumas coisas para quem estácomeçando:

DESIGN: é a criação do desenho (ou layout) de um blog em um editor como o Photoshop. É parte visual.
CODIFICAÇÃO: é o nome que se dá ao ato de "passar" o layout para o HTML/CSS. O layout é fatiado e depois, codificado; cada parte em seu respectivo código.
TEMPLATE: é o mesmo que theme (ou tema). É o resultado do design+codificação. É a aparência/modelo de um blog. É o esqueleto, onde definimos a quantidade de colunas, os gadgets de um blog.

Muitos leitores pediram para que eu ensinasse como "fazer um theme para Tumblr e passá-lo para o Blogger", mas o que muita gente não entende é que o layout feito no Photoshop (ou em qualquer outro editor) pode ser codificado para qualquer plataforma (como eu fiz com o esse layout em .psd disponibilizado no Things to Help You). Isso quer dizer que eu posso fazer um layout com características de um theme para Tumblr e codificá-lo para a plataforma Blogger; e também posso fazer um layout com características de um template para Blogger e codificá-lo para a plataforma Tumblr. Não existe diferença entre template e theme, então sem essa de "ensina como transformar um theme num template, por favor!".
Isso é tudo o que vocês precisam entender para que possamos dar início ao tutorial, espero ter esclarecido. Aguardem pela primeira parte do tutorial e o início da criação do nosso layout. Enquanto isso vocês podem (devem!) baixar o Photoshop (vejam na lista de materiais/extras do blog), criar um blog secundário para os testes e treinar bastante a criatividade. Isso é tudo, pessoal. Beijos e até a próxima parte! =)