RE_01

O objetivo do primeiro exercício foi começar a criar o nosso website usando várias ferramentas começando pelo KompoZer para criar sites em formato .html de forma visual, sem precisar escrever todo o código manualmente. Este permite adicionar textos, imagens, links e formatar o layout do site de maneira intuitiva, funcionando como um editor WYSIWYG.

Depois de criar o site no KompoZer, podemos utilizar o FileZilla para fazer o upload dos ficheiros para o servidor da faculdade. O FileZilla é um cliente FTP que permite conectar ao servidor da faculdade, usando os dados fornecidos (como endereço do servidor, utilizador e palavra-passe). Ao estabelecer a ligação, basta transferir os arquivos do site que criámos no KompoZer para a pasta correta no servidor da faculdade. Assim, o site passa a ficar online e acessível através do endereço fornecido pela instituição.

EXERCÍCIO HTML

<html>
<head>
<meta charset="ISO-8859-1">
<title>index</title>
<style>
/* Garante que o fundo acompanhe todo o conteúdo */
html {
min-height: 100%;
}

body {
min-height: 100%;
margin: 0;
color: #000;
background-color: #666;
background-image: url("imagens/gif1.gif");
background-repeat: no-repeat;
background-position: center;
background-size: cover; /* Preenche toda a área */
}
</style>
</head>
<body>
<div style="text-align: center;"> <a name="1"></a> <big><big><big> 
 <big><big> <img
style="width: 509px; height: 132px;" alt="" src="imagens/logo_faul.png">
 </big></big> </big></big></big> 
 
<img src="imagens/imagem0.jpg" alt=""
style="width: 159px; height: 212px;"> 
 
<big style="color: white;"> <big><big> Jefte
Joseffer Pereira Da Silva 
20241345 
 
</big></big> <img style="width: 105px; height: 100px;" alt=""
src="imagens/7k.png"> 
 
<big><big> Representação
Digital 
Carlos Figueiredo </big></big> </big> 
 
<big style="color: white;"><img style="width: 25px; height: 23px;"
alt="" src="imagens/7k.png"> </big><big><big><big><big>Menu </big></big></big></big><big
style="color: white;"><img style="width: 25px; height: 23px;" alt=""
src="imagens/7k.png"> </big> 
 
<big><big><big> <a style="color: white; font-family: Gabriola;"
href="RE_01.html">1 - Resumo e Exercício</a>  <a
style="color: white; font-family: Gabriola;" href="RE_02.html">2 -
Resumo e Exercício</a>  <a
style="color: white; font-family: Gabriola;" href="RE_03.html">3 -
Resumo e Exercício</a> </big></big></big> 
 
<big><big> <a style="color: rgb(204, 0, 0); font-family: Gabriola;"
href="#1"> 
</a> </big></big></div>
</body>
</html>