Você está na página 1de 5

PASSO 01:

Com seu Bloco de notas aberto digite:

<html>
<head>
</head>
<body>
</body>
</html>

A estrutura do site est pronta! agora basta inserir o contedo em seu devido
lugar
Como eu disse todas as tags fechadas corretamente.

PASSO 02:

Digite dentro da tag <head> AQUI </head> esse cdigo:

<title> INSIRA AQUI O TTULO DE SEU SITE </title>

<table>
<tr>
<td widht="50%"> DIGITE AQUI NOVAMENTE O TTULO DE SEU SITE </td>
<td widht="50%"><IMG SRC='COLE AQUI A URL DE SUA IMAGEM'></td>

</tr>
</table>

Ficando assim o cdigo:

<html>
<head>
<title> INSIRA AQUI O TTULO DE SEU SITE </title>

<table>
<tr>
<td widht="50%"> DIGITE AQUI NOVAMENTE O TTULO DE SEU SITE </td>
<td widht="50%"><IMG SRC='COLE AQUI A URL DE SUA IMAGEM'></td>

</tr>
</table>

</head>
<body>
</body>
</html>

PASSO 03:

Digite dentro da tag <body> AQUI </body> esse cdigo:

<MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT"


BGCOLOR="YELLOW"WIDTH=80%>DIGITE O SLOGAN DE SEU SITE
(FRASE CHAMATIVA)</MARQUEE>

Ficando assim o cdigo:

<html>
<head>
<title> INSIRA AQUI O TTULO DE SEU SITE </title>

<table>
<tr>
<td widht="50%"> DIGITE AQUI NOVAMENTE O TTULO DE SEU SITE </td>
<td widht="50%"><IMG SRC='COLE AQUI A URL DE SUA IMAGEM'></td>

</tr>
</table>

</head>
<body>

<MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT"


BGCOLOR="YELLOW"WIDTH=80%> DIGITE O SLOGAN DE SEU SITE
(FRASE CHAMATIVA) </MARQUEE>

</body>
</html>

PASSO 04:

Digite entre a tag <body> AQUI </body> esse cdigo:

<style>
body {
background-image: url("http://www4.worldrag.com/imagem/di-V9WX.png");
background-repeat: no-repeat;
background-position: center;
}
</style>

Essa URL que est em vermelho e a imagem de fundo, mas voc pode alterar
e por uma de seu gosto.

Ficando assim o cdigo:

<html>
<head>
<title> INSIRA AQUI O TTULO DE SEU SITE </title>

<table>
<tr>
<td widht="50%"> DIGITE AQUI NOVAMENTE O TTULO DE SEU SITE </td>
<td widht="50%"><IMG SRC='COLE AQUI A URL DE SUA IMAGEM'></td>

</tr>
</table>

</head>
<body>

<style>
body {
background-image: url("http://www4.worldrag.com/imagem/di-V9WX.png");
background-repeat: no-repeat;
background-position: center;
}
</style>

<MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT"


BGCOLOR="YELLOW"WIDTH=80%> DIGITE O SLOGAN DE SEU SITE
(FRASE CHAMATIVA) </MARQUEE>

</body>
</html>

PASSO 05:

Digite logo aps a tag </style> esse cdigo:

<div class="div_img">
<img src="COLE AQUI A URL DE UMA IMAGEM" style="width:220px;
height:200px ;border:0px solid #000000;" />
</div>

</div>
<div style="font:Arial; width:300px; float:left; text-align:justify;">

Digite aqui um texto sobre oque o site fala

<div class="div_img">

<img src="AQUI COLE A URL DE OUTRA IMAGEM" style="width:220px;


height:200px ;border:0px solid #000000;" />
</div>

</div>
<div style="width:200px; float:left; text-align:center; ">

Digite aqui um texto sobre oque o site fala


<div class="div_img">

<img src=" AQUI COLE A URL DE OUTRA IMAGEM " style="alling:justify;


width:220px; height:200px ;border:0px solid blue;" />

</div>
</div>
</div>

Ficando assim o cdigo:

<html>
<head>
<title> INSIRA AQUI O TTULO DE SEU SITE </title>

<table>
<tr>
<td widht="50%"> DIGITE AQUI NOVAMENTE O TTULO DE SEU SITE </td>
<td widht="50%"><IMG SRC='COLE AQUI A URL DE SUA IMAGEM'></td>
</tr>
</table>

</head>
<body>

<style>
body {
background-image: url("http://www4.worldrag.com/imagem/di-V9WX.png");
background-repeat: no-repeat;
background-position: center;
}
</style>

<div class="div_img">
<img src="COLE AQUI A URL DE UMA IMAGEM" style="width:220px;
height:200px ;border:0px solid #000000;" />
</div>

</div>
<div style="font:Arial; width:300px; float:left; text-align:justify;">

Digite aqui um texto sobre oque o site fala

<div class="div_img">

<img src="AQUI COLE A URL DE OUTRA IMAGEM" style="width:220px;


height:200px ;border:0px solid #000000;" />
</div>

</div>
<div style="width:200px; float:left; text-align:center; ">

Digite aqui um texto sobre oque o site fala


<div class="div_img">

<img src=" AQUI COLE A URL DE OUTRA IMAGEM " style="alling:justify;


width:220px; height:200px ;border:0px solid blue;" />

</div>
</div>
</div>

<MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT"


BGCOLOR="YELLOW"WIDTH=80%> DIGITE O SLOGAN DE SEU SITE
(FRASE CHAMATIVA) </MARQUEE>

</body>
</html>

Você também pode gostar