HTML sem Frontpage - Aline Star☆

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