Guia da Tia Master - Edição 2 {Templates}

OHAYOOO-HO~
Minna-san, tudo bem com vocês?~ Eu sou a Dead Master, e vim apresentar um novo episódio do meu show aqui no fórum q O...



Ok, vamos parar de brincadeira. Vim ensinar como se faz um template, um bem básico. Bem básico mesmo. Tipo, mais ou menos o que eu estou usando aqui. Mas um template é um template, e se você quer aprender a fazer um, deve começar do básico. Eu, como uma mestra nos codes sqn, tenho o dever de ensinar meus novos padawans como se faz um template e talz, e os básicos. na verdade, não, porque eu estou com preguiça, só vou ensinar os básicos e depois eu falo como fazer um template .

Vamos fingir que o HTML é um sanduíche. Um sanduíche muito bom e difícil de fazer, devo acrescentar. Quando você faz um sanduíche, deve fechar o sanduíche. E aqui vamos para a regra número um: Quando abrir uma tag, você deve fechá-la, ou o seu html inteiro vai dar errado. Confie em mim, é muito desagradável. Também: quando se monta esse sanduíche, você nunca deve colocar muitos ingredientes. Se exagerar na quantidade em um dos lados de um dos ingredientes, não vai conseguir deixar o gosto equilibrado. Por exemplo, você não pode dar duas esguichadas de ketchup em um lado e uma em outro. O gosto vai ficar desequilibrado, e vai atrapalhar seu texto. Basicamente, vai começar a escrever coisas onde você não quer - pelo menos quando você está montando um template, porque em html de páginas é bem diferente.

E claro, o sanduíche também não vai ficar perfeito e delicioso como é se os ingredientes não tiverem em ordem. Se eu colocar o pão no começo, terá pão no final. Se coloquei mostarda em um lado, terá mostarda no outro. Basicamente, a segunda regra do html é você deve fechar as tags na ordem em que você abriu. Por exemplo, você deve fechar a primeira tag que abriu por último, e assim vamos. É uma regra muito importante.

Antes de mais nada, vamos começar com algo bem simples. Como começar o seu sanduíche. Normalmente eu centralizo meus textos, para eles ficarem na vista de todos. Então, o nosso pão será a tag 'center'.

Código:

<center>
</center>

Como esse code que estou mostrando agora é tão simples, só precisamos de colocar a carne e pronto. Primeiro, vamos trabalhar na primeira metade da carne. A primeira metade da carne é o 'div style'. Div significa 'division'. É basicamente uma divisão da página. Juntando com o style, eu mostro que estou trabalhando no estilo da página. Então, vamos começar com decidindo a largura da página.

Código:

<center>
<div style="width:500px;">
</center>

Vamos explicar um pouco sobre o que eu escrevi ali. Primeiro você deve abrir a tag e nomear a mesma, o que eu fiz. Assim que eu fizer isso, devo colocar o sinal de '=' para sinalizar que o que eu estarei escrevendo ali é a definição da tag. Eu devo colocar entre aspas e especificar. No html é tudo em inglês, então devo especificar em inglês: 'width'. Tudo no html que usamos para criar templates é medido em pixels. Nem tente especificar 10cm ao invez de 10px, porque não vai dar certo. Para separar um estilo do outro, devo usar o ';'. E quando eu acabar, eu devo fechar as aspas e fechar o "<" que eu fiz com um ">". Vamos deixar mais detalhado: especificarei as cores, o espaçamento, as fonts e etc.

Código:

<center>
<div style="width:500px; font-family: courier new; font-size: 11px; color: dimgray; text-align: justify;">
</center>

Eu utilizei as tags 'font-family', 'font-size', 'color' e 'text-align' para detalhar um pouco mais meu texto. E claro, já que ninguém vai querer um sanduíche com metade da carne faltando, eu devo finalizar escrevendo o final para a tag do div.

Código:

<center>
<div style="width:500px; font-family: courier new; font-size: 11px; color: dimgray; text-align: justify;">
</div>
</center>

Finalizaremos a aula um por aqui. Explicarei um pouquinho mais sobre o nosso delicioso sanduíche depois. Se tiver qualquer dúvida ou crítica, pode postar logo em seguida ou me mandar uma MP. Ah, e claro, padawan, você quer testar o code? Vamos tentar aqui:

Este é o template que você, pequeno padawan, acabou de aprender a fazer~ Aprecie seu pequeno sanduíche que logo você vai ser capaz de fazer um template 'o'