RAFAEL PRAZERES
REPRESENTAÇÃO DIGITAL |
|---|
| EXERCÍCIO | DOWNLOAD | CÓDIGO | VOLTAR AO ÍNDICE |
Em resumo, o HTML fornece a estrutura do site, o FTP transfere os ficheiros para o servidor e o HTTP permite que esses ficheiros sejam exibidos na internet. |
EXERCÍCIO
Este exercício teve como objetivo criar um website de forma a
realizar as entregas dos exercícios realizados. Assim trabalhando num software de edição e texto como o KompoZer que para além de ser um editor de também um editor WYSIWYG ( What You See Is What You Get), o que torna todo o processo de programação mais intuitivo. Após a criação do site foi necessário estabelecer uma ligação FTP ao servidor da faculdade usando o FileZilla , para poder ser visualizado não apenas localmente no PC mas na Net. \\ DOWNLOADCÓDIGO<!DOCTYPE html>
<html>
<head>
<style>
a {
text-decoration: none;
color: 153,153,153;
transition: 0.6s;
}
a:hover {
color: rgb(218, 160, 3)
}
</style>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>RE_01</title>
<style type="text/css">
</style>
</head>
<body
style="margin: 0pt; color: white; background-color: rgb(7, 7, 7)"
alink="silver"
link="#cccccc"
vlink="silver"
>
<table
style="
top: 0;
position: sticky;
text-align: left;
width: 100%;
height: 132px;
color: rgb(153, 153, 153);
background-color: rgb(1, 1, 1);
"
>
<tbody>
<tr>
<th style="vertical-align: top ; background-color: rgb(16, 16, 16)"
>
<h1>
<span style="font-family: Swis721 Cn BT"
><span style="color: rgb(218, 160, 3) ">RAFAEL PRAZERES </span> <br />
</span>
</h1>
<span
style="
font-family: Swis721 Cn BT;
font-weight: normal;
color: silver;
"
>REPRESENTAÇÃO DIGITAL</span
><br style="font-weight: normal; color: silver" />
<span
style="
font-family: Swis721 Cn BT;
font-weight: normal;
color: silver;
"
>20211283 MIARQ 2G</span
><br />
<span style="font-family: Swis721 Cn BT; font-weight: normal">
</span>
<table
style="
text-align: left;
width: 100%;
height: 50px;
background-color: rgb(16, 16, 16);
"
border="0"
cellpadding="0"
cellspacing="0"
>
<tbody>
<tr>
<td
style="
vertical-align: middle;
text-align: center;
width: 25%;
font-family: Swis721 Cn BT;
font-weight: bold;
color: white;
"
>
<a style="text-decoration: none" href="#1">EXERCÍCIO</a>
</td>
<td
style="
vertical-align: middle;
text-align: center;
width: 25%;
font-family: Swis721 Cn BT;
font-weight: bold;
color: white;
"
>
<a href="#2">DOWNLOAD</a>
</td>
<td
style="
vertical-align: middle;
width: 25%;
text-align: center;
font-family: Swis721 Cn BT;
font-weight: bold;
color: white;
"
>
<a href="#3">CÓDIGO</a>
</td>
<td
style="
vertical-align: middle;
text-align: center;
font-weight: bold;
width: 25%;
color: white;
"
>
<ahref="index.html"
style="font-family: Swis721 Cn BT">
VOLTAR AO ÍNDICE</a>
<td
style="
vertical-align: middle;
text-align: center;
font-weight: bold;
width: 25%;
color: white;
"
>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table
style="text-align: left; width: 100%; height: 1078px"
border="0"
cellpadding="20"
cellspacing="0"
>
<tbody>
<tr>
<td
style="
display: block;
position: sticky;
top: 176px;
width: 90%;
background-color: rgb(16, 16, 16);
height: 100%;
z-index: -1;
"
>
<h3>
<h3 style="font-family: Swis721 Cn BT">COMPONENTES TRABALHADAS</h3>
<h3 style="text-align: justify">
<span style="font-family: Swis721 Cn BT; color: rgb(218, 160, 3)">\\ HTML</span>
</h3>
<div style="text-align: justify; font-size: 16px; font-weight: 100;">
<span style="font-family: Swis721 Cn BT"
>O HTML (HyperText Markup Language) é a linguagem de marcação
utilizada para criar páginas e estruturar o seu conteúdo. Através
desses elementos de marcação, permite organizar textos, imagens,
hiperligações e outros componentes, constituindo a base de um site.</span
><br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
</div>
<h3 style="text-align: justify">
<span style="font-family: Swis721 Cn BT; color: rgb(218, 160, 3)">\\ FTP</span>
</h3>
<div style="text-align: justify">
<span style="font-family: Swis721 Cn BT; font-size: 16px; font-weight: 100;"
>O FTP (File Transfer Protocol) é um protocolo que possibilita a
transferência de ficheiros entre o computador pessoal e um
servidor de hospedagem, como o da nossa faculdade. Com programas
como o FileZilla e através de uma ligação VPN, é
possível conectar o computador ao servidor da faculdade (home.fa.ulisboa.pt)
para carregar e descarregar os trabalhos.</span>
<br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
</div>
<h3 style="text-align: justify">
<span style="font-family: Swis721 Cn BT; color: rgb(218, 160, 3)">\\ HTTP<br /> </span>
</h3>
<div style="text-align: justify">
<span style="font-family: Swis721 Cn BT; font-size: 16px; font-weight: 100;"
>O HTTP (HyperText Transfer Protocol) é o protocolo que permite
aceder e visualizar sites na internet, definindo a forma como os
navegadores e os servidores trocam informações, garantindo que o
conteúdo publicado esteja disponível online.</span
><br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
<br style="font-family: Swis721 Cn BT" />
<span style="font-family: Swis721 Cn BT; font-size: 16px; font-weight: 300;"
>Em resumo, o
<span style="font-weight: bold; color: rgb(218, 160, 3)">HTML</span> fornece a estrutura
do site, o <span style="font-weight: bold; color: rgb(218, 160, 3)">FTP</span> transfere
os ficheiros para o servidor e o
<span style="font-weight: bold; color: rgb(218, 160, 3)">HTTP</span> permite que esses
ficheiros sejam exibidos na internet.</span
>
</div>
</td>
<td
style="
vertical-align: 179px;
background-color: black;
width: 66%;
font-family: Swis721 Cn BT;
"
>
<h3 style="scroll-margin-top: 215px;" id="1">EXERCÍCIO</h3>
<div style="text-align: justify">
Este exercício teve como objetivo criar um website de forma a
realizar as entregas dos exercícios realizados. <br />
<br />
Assim trabalhando num software de edição e texto
como o KompoZer que para além de ser um editor de também um
<span
style="
color: rgb(255, 255, 255);
font-size: medium;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
orphans: 2;
text-align: center;
text-indent: 0px;
text-transform: none;
widows: 2;
word-spacing: 0px;
white-space: normal;
background-color: rgb(45, 45, 45);
display: inline !important;
float: none;
"
></span
>editor WYSIWYG ( What You See Is What You Get), o que torna
todo o processo de programação mais intuitivo.<br />
<br />
Após a criação do site foi necessário estabelecer uma ligação FTP
ao servidor da faculdade usando o FileZilla , para poder ser
visualizado não apenas localmente no PC mas na Net.<br />
<br />
<br />
<h3 style="text-align: justify">
<span style="font-family: Swis721 Cn BT"
>
<a style="scroll-margin-top: 215px;" id="2"
href="../03_Resumos%20e%20Exerc%C3%ADcios/Rafael%20Prazeres_20211283.rar"
>\\ DOWNLOAD</a
></span
>
</h3>
<br />
<h3 style="scroll-margin-top: 215px;" id="3">CÓDIGO</h3>
<br />
<div style="text-align: justify; font-size: 16px; font-weight: 100;">
<span style="font-family: Swis721 Cn BT"
><div>
</div>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
|