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.
<html>
<head>
<title>resumo_exercicio1</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<style>
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #e6e6e6;
}
section {
background-color: rgb(45, 45, 45);
padding: 1.5rem;
border-radius: 10px;
margin-bottom: 2rem;
}
.resumo-box {
background-color: rgb(45, 45, 45);
color: white;
padding: 1rem;
border-radius: 10px;
text-align: center;
margin: 1rem auto;
width: 80%;
}
a {
color: white;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-bottom 0.3s;
}
a:hover {
border-bottom: 2px solid white;
}
</style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(25, 25, 25);"
alink="#000099" link="#000099" vlink="#990099">
<small><small><small> </small></small></small><br>
<header> </header>
<h1 style="text-align: center;"><span style="color: white;"></span>Resumo
e Exercicio 1</h1>
<br>
<br>
<section> </section>
<h1 style="text-align: center;"><span style="color: white;"></span><small>Resumo</small></h1>
<br>
<div class="resumo-box">
<p>O objetivo do primeiro exercício foi começar a criar o nosso website
usando várias ferramentas começando pelo <strong>KompoZer</strong>
para criar sites em
formato <strong>.html</strong> 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.</p>
<p>Depois de criar o site no KompoZer, podemos utilizar o <strong>FileZilla</strong>
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.</p>
</div>
<br>
<br>
<h1 style="text-align: center;"><span style="color: white;"></span><small>Codigo</small></h1>
<br>
<div class="resumo-box">
<pre><code></code></pre>
</div>
<h1 style="text-align: center;"> <span style="color: white;"></span>
Final </h1>
<h1 style="text-align: center;"> <span style="color: white;"></span> <small><a
href="meusite.zip" style="color: white; text-decoration: none;"><small>Download</small>
</a></small> </h1>
<br>
<section> </section>
<h1 style="text-align: center;"> <span style="color: white;"></span> <small><a
href="indice.html" style="color: white; text-decoration: none;"><small>Voltar
ao Índice</small> </a></small> </h1>
<br>
<br>
</body>
</html>