Agora iremos criar um website completo, para isto há a necessidade de termos um organograma do mesmo, indicando link´s, figuras e todo o seu funcionamento para que fique mais claro e fácil sua elaboração.
Organograma:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]A Página deverá ficar da seguinte forma ao seguir nosso organograma da página inicial:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Usando o seguinte código de fonte da página inicial (index):
- Código:
-
<html>
<head>
<title>Project-HTML Exercicio 6</title>
</head>
<body bgcolor="#000000" link="#0000FF" text="#FFFFFF" background="back.gif">
<p align="center"><img src="banner.png" border="3" width="900" height="200"></p>
<font color="#FFFFFF" size="5" face="comic sans ms">
<p align="center">
<b><u>Bem-Vindo a minha Home page</b></u>
</font>
</p>
<blockquote><blockquote><blockquote><blockquote><blockquote>
<font color="#FFFFFF" size="3" face="comic sans ms">
Conteúdo da minha home page aqui .......................................................................<br>
......................................................................................................................................<br>
......................................................................................................................................<br>
<p align="right"><img src="minina.jpg" border="3" width="170" height="240">
<br>
</font>
</blockquote></blockquote></blockquote></blockquote></blockquote>
<p align="center">
<a href="index.html"><font color="#00FF00" size="3"><b><i>>> Página Inicial <<</b></i></font></a> | <a href="fotos1.html"><font color="#00FF00" size="3"><b><i>Foto de Anime-1</b></i></font></a>
</p>
</body>
</html>
A segundo página de + fotos ficara da seguinte forma:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Usando o código de fonte:
- Código:
-
<html>
<head>
<title>Project-HTML Exercicio 6</title>
</head>
<body bgcolor="#000000" link="#0000FF" text="#FFFFFF" background="back.gif">
<p align="center"><img src="banner.png" border="3" width="900" height="200"></p>
<font color="#FFFFFF" size="5" face="comic sans ms">
<p align="center">
<b><u>Bem-Vindo a minha Home page</b></u>
</font>
<br>
<img src="1.jpg" border="0" width="250"></img>
</p>
<p align="center">
<a href="index.html"><font color="#00FF00" size="3"><b><i>>> Página Inicial <<</b></i></font></a> | <a href="fotos1.html"><font color="#00FF00" size="3"><b><i>Foto de Anime-1</b></i></font></a>
</p>
</body>
</html>
Agora galera vou fazer a última página na lição a seguir então preste bem atenção ok. Estudem essa ai que passei para vocês! :study: