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)

    voltar;    vews