Home » Tutoriais » Fazendo um layout
Com esse tutorial, você aprenderá a fazer um layout.
Programas necessários:
Paint ou qualquer editor de imagens.
FrontPage.
1º - Passo
Abra o seu editor de imagens no tamanho
800x600. Eu recomendo você salvar as suas imagens em "png" ou "jpg" que deixam a imagem com uma qualidade melhor.
Agora, faça o layout do jeito que você quiser com blends, efeitos ... [salve como "fundo_lay" para facilitar]
Vire
verticalmente seu layout (isso pode ser feito facilmente no paint). E deixe-o com o no tamanho de
1x600 [salve como "fundo_linha" para facilitar]
Serão duas imagens, certo?
Agora, faça o upaload das imagens. [Eu receomendo o
Photobucket].
2º - Passo
Você pode fazer o seu blog no Blogger, Weblogger, Uol, BigBlogger ... Escolha um servidor.
Aqui, eu disponibilizarei os códigos do blogger, weblogger e uol que são os mais ultilizados.
Clique aqui para pegar o código do blogger
Clique aqui para pegar o código do weblogger
Clique aqui para pegar o código do uol
Depois de dezipar a pasta, você pegará a url das imagens para poderem apareçer esm seus respectivos lugares.
Abra o FrontPage e mãos à obra.
Coloque o "fundo_lay" no lugar que estiver escrito
url do layout e, "fundo_linha" onde estiver escrito
url linha.
Agora clique em "visualizar". Você verá que o layout está bunitinho no lugar e talz.
Mais, a coluna de post e de perfil não estão nos lugares certos. Por isso, vamos ao 3º passo.
3° - Passo
O FrontPage é um bom programa para se começar a fazer layouts porque, nele você conseguirá configurar facilmente as colunas de post e perfil onde você quiser.
Vá em "normal". Lá, você pode arrastar e arrumar o tamanho das colunas com um clique em cima delas e arrastando para o lugar que você quer.
Mais, ainda está maior do que a coluna de post e perfil.
As quadradinhos pretos e as linhas pontilhadas irão te ajudar nisso.
O que você precisará fazer é apenas colocar o mouse neles e arrastar para ficar como você queria.
Clique em "visualizar" e, pronto! O Seu layout estará pronto! \o/
Agora, é só você você editar do jeito que você que quiser o html.
As os links, perfil, barra de rolagem ... E assim vai.
Espero que esse tutorial te ajude, eu fiz ele com a maior clareza possível ;)
Se você tiver alguma dúvida, email-me (sashaa._@hotmail.com)