9 de junho de 2009

HTML sem Frontpage

Para quem tem dificuldades de usar ou não tem o programa editor de HTML Frontpage, aqui vai um tutorial ensinando a fazer seu código HTML de uma maneira bem simples.

1.

Baixe o programa Sothink HTML Editor, clicando:



CLICK AKI PARA BAIXAR


.
2.Extraia o conteúdo zipado e instále-o.
3.Abra o programa e clique em Continue. Depois lá em baixo,onde diz Html | Design | Preview. Clique em Design.
OBS:Sempre que pedir para clicar em YES ou NO,clique em YES.
4.Clique com o botão direito do mouse em uma parte branca do quadro e vá em Page Properties.
5.Preencha os espaços assim:
Em Title coloque o nome do seu blog.
Em Margins (left e top) coloque 0 nas duas medidas.
Em Background Image selecione a imagem do seu back.
E no Color,selecione as cores conforme vai pedindo.
6.Agora,lá em cima,vá em Insert > Image e selecione a imagem do seu layout.
7.Agora,novamente lá em baixo,clique em HTML e cole antes da tag </body> o seguinte código:

OBS:Cole na mesma quantidade de colunas que seu blog tem, por exemplo, se tiver duas colunas, cole duas vezes, se tiver tres colunas, tres vezes e assim por diante.
8.Entre as tags <p> e </p> escreva o nome de cada coluna, por exemplo, Perfil, Posts.
9.Agora clique em Desing e arraste os nomesinhos de acordo com a coluna e a cubra toda. Ou seja, aumentando o quadradinho para que fique do tamanho da coluna, mas não a estique muito, pois quando vc postar, ela irá aumentar.
10.Volte pra parte do HTML e coloque esse código logo após a div </TITLE>:



Modifique as cores na sua preferencia.
11.Agora vá lá onde você escreveu o nome das suas colunas,como Post,Perfil...e apague o nome Post e coloque as tags de postagens referentes ao seu servidor (Blogger,zipnet,uol...).
OBS:Essas tags voce encontra no site Cristinyonline
12.Na parte perfil, também apague perfil e coloque suas tables (perfil, welcome, blog, links e etc).
13.Acabou! Ufa. Agora só falta voce pegar as tags do seu servidor e colocar no finalzinho, para que dê certo. Essas tags também se encontram no link acima citado.


Tutorial elaborado por ALINE.
Se lhe foi útil,dê os créditos!

Nenhum comentário

Postar um comentário



© Aline Star - 2009 - 2017 - Desenvolvido por Aline Star - Tema Base Adorável Design