Resumo 1
| Para instalar: VPN, Kompozer e FileZilla |  |
 |
 |
| Iniciando o VPN, entra-se no Kompozer e conecta-se ao servidor da Faculdade (home.fa.ulisboa.pt/~(nº do aluno)) |  |
||
|
Cria uma pasta com o nome "public_html" e lá dentro coloca-se o ficheiro criado no Kompozer (index.html) |
|||
| Personalizar o site á sua maneira, utilizando imagens, tabelas e títulos, e através de diferentes abas, conectando-as com "links" |  |
||
|
Abrindo
o FileZilla, através da conexão VPN, inicia-se a ligação com o servidor
da Faculdade, coloca-se a pasta anteriormente denominada "public_html",
no mesmo. O site está agora associado ao servidor da Faculdade |
 |
||
| Após fazer "refresh" no FileZilla, vá ao seu browser e pesquise por: "home.fa.ulisboa.pt/~( nº do aluno)" |  |
||
<<<Índice
Trabalho 1
|
<html>
<head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Primeiro site real</title> </head> <body style="background-image: url(istockphoto-1828063216-612x612.jpg); color: rgb(0, 0, 0); background-color: white;" alink="#dbc607" link="#dbc607" vlink="#dbc607"> <div style="text-align: center;"><big><big style="color: rgb(249, 225, 8);"><big><big style="font-weight: bold;"><big><big><big><small><small><small>Faculdade de Arquitetura</small></small></small></big></big></big></big></big><br> </big><big style="color: rgb(249, 225, 8);">Universidade de Lisboa<br> </big><br> </big><br> <div style="text-align: center;"><big><big style="color: rgb(249, 225, 8);"><big><big style="font-weight: bold;"><big><big><big><small></small></big></big></big></big></big></big></big> </div> <big><br> <span style="color: rgb(249, 225, 8);"><br> <big><big><big><span style="font-weight: bold;">Henrique Gomes Pacheco<br> </span><small>20241121</small><span style="font-weight: bold;"><br> <br> </span></big></big></big></span></big><big><big style="color: rgb(249, 225, 8);"><big><big style="color: rgb(249, 225, 8);">Representação Digital</big></big></big></big><br> <big><big style="color: rgb(249, 225, 8);"><big><big style="color: rgb(249, 225, 8);"><small>prof. Carlos Figueiredo</small></big></big></big></big><br> <br style="font-weight: bold;"> <big><big style="color: rgb(249, 225, 8);"><big><big><big><small><small><small><small><small><small><small><br> </small></small></small></small></small></small></small><a href="Indice.html"><span style="font-weight: bold;">Índice</span></a></big></big></big></big></big><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <a href="RT%201.html"><big><big><big><span style="color: rgb(219, 198, 7);"><br> </span></big></big></big></a></div> </body> </html> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Indice</title> </head> <body style="background-image: url(paper-texture-background_53876-91522.jpg); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="#dbc607" link="#dbc607" vlink="#dbc607"> <div style="text-align: center;"><big style="color: rgb(249, 225, 8);"><big><big style="font-weight: bold;"><big><big><big><br> Índice</big></big></big></big></big></big><br> <br> <a style="color: rgb(219, 198, 7);" href="RT%201.html"><big><big><big>Resumo e Trabalho 1</big></big></big></a><br style="color: rgb(219, 198, 7);"> <span style="color: rgb(219, 198, 7);"><a href="RT%201.html#R1">-Resumo</a> <a href="RT%201.html#T1">- Trabalho</a></span><br> <br> <big><big><big><span style="color: rgb(219, 198, 7);">Resumo e Trabalho 2</span></big></big></big><br> <span style="color: rgb(219, 198, 7);">-Resumo - Trabalho</span><br> <span style="text-decoration: underline;"><br> </span><big><big><big><span style="color: rgb(219, 198, 7);">Resumo e Trabalho 3</span></big></big></big><br> <span style="color: rgb(219, 198, 7);">-Resumo - Trabalho</span><br> <span style="text-decoration: underline;"><br> </span><big><big><big><span style="color: rgb(219, 198, 7);">Resumo e Trabalho 4</span></big></big></big><br> <span style="color: rgb(219, 198, 7);">-Resumo - Trabalho</span><br> <span style="text-decoration: underline;"><br> <br> <a href="index.html"><span style="color: rgb(249, 225, 8);"><<Voltar á página anterior</span></a><br> <br> </span><big style="font-weight: bold; color: rgb(0, 204, 204);"><big>Colocar em prática:</big></big><span style="text-decoration: underline;"><br> </span><br> <a href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/Imagem%201.html"><span style="color: rgb(0, 204, 204);">Imagem 1</span></a><br style="color: rgb(0, 204, 204);"> <br style="color: rgb(0, 204, 204);"> <a style="color: rgb(0, 204, 204);" href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/Imagem%202.html">Imagem 2</a><br style="color: rgb(0, 204, 204);"> <br style="color: rgb(0, 204, 204);"> <a href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/Imagem%203.html"><span style="color: rgb(0, 204, 204);">Imagem 3</span></a><br> </div> <br> <br> <a href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a> <table style="text-align: left; width: 1500px; height: 350px; margin-left: auto; margin-right: auto; background-color: rgb(0, 0, 153);" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: middle; text-align: center; height: 500px; width: 500px;"><a href="Imagem%201.html"><em><img style="border: 0px solid ; width: 370px; height: 370px;" alt="" src="1_1%20-%20isometria%20edificio%20pintada.jpg"></em></a></td> <td style="vertical-align: middle; text-align: center; height: 500px; width: 500px;"><em><a href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><em></em></em><a href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><a href="Imagem%202.html"><em><img style="border: 0px solid ; width: 370px; height: 400px;" alt="" src="1_2%20-%20interior%20sketch%202023.jpg"></em></a></td> <td style="vertical-align: middle; height: 500px; width: 500px; text-align: center;"><a href="Imagem%203.html"><em><em><img src="1_3%20-%20monolithic%20building.jpg" alt="" style="border: 0px solid ; width: 300px; height: 400px;"></em></em></a></td> </tr> </tbody> </table> <a href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><br> <br> <br> <div style="text-align: center; color: rgb(255, 204, 0);">Faculdade de Arquitetura da Universidade de Lisboa<br> Henrique Gomes Pacheco<br> 20241121<br> </div> </body> </html> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>RT 1</title> </head> <body style="background-image: url(istockphoto-1320984490-612x612.jpg); color: rgb(255, 204, 102); background-color: rgb(255, 255, 255);" alink="#000099" link="#000099" vlink="#990099"> <div style="text-align: center;"><big><big><big><big><big><span style="color: rgb(219, 198, 7);"><br> <span style="color: rgb(253, 229, 8);">Resumo e Trabalho 1<small><small><br> <span style="color: rgb(255, 204, 102);"></span></small></small><br> </span></span></big></big></big></big></big> <table style="text-align: left; width: 500px; height: 150px; margin-left: auto; margin-right: auto; background-color: rgb(0, 0, 34);" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: middle; text-align: center;"><a href="#R1"><big style="background-color: transparent; color: rgb(255, 204, 102);"><big><big>Resumo 1</big></big></big></a><br> </td> <td style="vertical-align: middle; text-align: center;"><a href="#T1"><big style="color: rgb(255, 204, 102);"><big><big>Trabalho 1</big></big></big></a><br> </td> </tr> </tbody> </table> <big><big><big><big><big><span style="color: rgb(219, 198, 7);"><span style="color: rgb(253, 229, 8);"></span></span></big></big></big></big></big></div> <br> <div style="text-align: center;"><big><big style="background-color: transparent; color: rgb(255, 204, 102);"><big><big><br> <a name="R1"></a><br> </big></big></big></big><big><big style="background-color: transparent; color: rgb(255, 204, 102);"><big><big>Resumo 1</big></big><br> <br> <br> <br> </big></big> <table style="text-align: left; width: 900px; height: 700px; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: middle; text-align: center;"><span class="selectable-text copyable-text xkrh14z">Para instalar: VPN, Kompozer e FileZilla</span></td> <td style="vertical-align: middle; text-align: center; height: 200px; width: 200px;"><img style="width: 150px; height: 150px;" alt="" src="transferir.png"><br> </td> <td style="vertical-align: middle; text-align: center; height: 200px; width: 200px;"><img style="width: 150px; height: 155px;" alt="" src="KompoZer-Logo.wine.png"><br> </td> <td style="vertical-align: middle; text-align: center; height: 200px; width: 200px;"><img style="width: 150px; height: 150px;" alt="" src="FileZilla_logo.svg.png"><br> </td> </tr> <tr> <td style="vertical-align: middle; text-align: center;"><span class="selectable-text copyable-text xkrh14z" style="">Iniciando o VPN, entra-se no Kompozer e conecta-se ao servidor da Faculdade (</span><span class="selectable-text copyable-text xkrh14z" style="">home.fa.ulisboa.pt/~</span><span class="selectable-text copyable-text xkrh14z">(nº do aluno))</span></td> <td colspan="3" rowspan="2" style="vertical-align: middle; text-align: center; height: 300px; width: 600px;"><img style="width: 600px; height: 328px;" alt="" src="WhatsApp%20Image%202025-09-26%20at%2009.56.09.jpeg"><br> </td> </tr> <tr> <td style="vertical-align: middle; text-align: center;"> <p class="selectable-text copyable-text x15bjb6t x1n2onr6"><span class="selectable-text copyable-text xkrh14z" style="">Cria uma pasta com o nome "public_html" e lá dentro coloca-se o ficheiro criado no Kompozer (index.html)</span></p> <p class="selectable-text copyable-text x15bjb6t x1n2onr6"><br> </p> </td> </tr> <tr> <td style="vertical-align: middle; text-align: center;"><span class="selectable-text copyable-text xkrh14z">Personalizar o site á sua maneira, utilizando imagens, tabelas e títulos, e através de diferentes abas, conectando-as com "links"</span></td> <td colspan="3" rowspan="1" style="vertical-align: middle; text-align: center;"><img style="width: 600px; height: 153px;" alt="" src="WhatsApp%20Image%202025-09-26%20at%2010.09.31.jpeg"><br> </td> </tr> <tr> <td style="vertical-align: middle; text-align: center;"> <p class="selectable-text copyable-text x15bjb6t x1n2onr6"><span class="selectable-text copyable-text xkrh14z" style="">Abrindo o FileZilla, através da conexão VPN, inicia-se a ligação com o servidor da Faculdade, coloca-se a pasta anteriormente denominada "public_html", no mesmo. <br> </span></p> <p class="selectable-text copyable-text x15bjb6t x1n2onr6"><span class="selectable-text copyable-text xkrh14z" style="">O site está agora associado ao servidor da Faculdade</span></p> <p class="selectable-text copyable-text x15bjb6t x1n2onr6"><br> </p> </td> <td colspan="3" rowspan="1" style="vertical-align: middle; text-align: center;"><img style="width: 600px; height: 129px;" alt="" src="WhatsApp%20Image%202025-09-26%20at%2009.58.44.jpeg"><br> </td> </tr> <tr> <td style="vertical-align: middle; text-align: center;"><span class="selectable-text copyable-text xkrh14z" style="">Após fazer "refresh" no FileZilla, vá ao seu browser e pesquise por: "</span><span class="selectable-text copyable-text xkrh14z" style="">home.fa.ulisboa.pt/~</span><span class="selectable-text copyable-text xkrh14z">( nº do aluno)"</span></td> <td colspan="3" rowspan="1" style="vertical-align: middle; text-align: center;"><img style="width: 600px; height: 174px;" alt="" src="WhatsApp%20Image%202025-09-26%20at%2010.55.17.jpeg"><br> </td> </tr> </tbody> </table> <big><big style="background-color: transparent; color: rgb(255, 204, 102);"><br> <br> <br> <br> </big></big><a style="color: rgb(255, 204, 0);" href="Indice.html"><big><big style="background-color: transparent; color: rgb(255, 204, 102);"><<<Índice</big></big></a><br> <big><big style="background-color: transparent; color: rgb(255, 204, 102);"> <br> <br> <br> <a name="T1"></a><br> </big></big><big><big style="background-color: transparent; color: rgb(255, 204, 102);"><big><big>Trabalho 1</big></big></big></big><br> <big><big style="background-color: transparent; color: rgb(255, 204, 102);"><br> </big></big> <table style="text-align: left; width: 900px; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: middle; text-align: center;"> <div style="text-align: left;"><html><br> <head><br> <meta content="text/html; charset=ISO-8859-1"<br> http-equiv="content-type"><br> <title>Primeiro site real</title><br> </head><br> <body<br> style="background-image: url(istockphoto-1828063216-612x612.jpg); color: rgb(0, 0, 0); background-color: white;"<br> alink="#dbc607" link="#dbc607" vlink="#dbc607"><br> <div style="text-align: center;"><big><big<br> style="color: rgb(249, 225, 8);"><big><big style="font-weight: bold;"><big><big><big><small><small><small>Faculdade<br> de Arquitetura</small></small></small></big></big></big></big></big><br><br> </big><big style="color: rgb(249, 225, 8);">Universidade de Lisboa<br><br> </big><br><br> </big><br><br> <div style="text-align: center;"><big><big<br> style="color: rgb(249, 225, 8);"><big><big style="font-weight: bold;"><big><big><big><small></small></big></big></big></big></big></big></big><br> </div><br> <big><br><br> <span style="color: rgb(249, 225, 8);"><br><br> <big><big><big><span style="font-weight: bold;">Henrique Gomes Pacheco<br><br> </span><small>20241121</small><span style="font-weight: bold;"><br><br> <br><br> </span></big></big></big></span></big><big><big<br> style="color: rgb(249, 225, 8);"><big><big<br> style="color: rgb(249, 225, 8);">Representação Digital</big></big></big></big><br><br> <big><big style="color: rgb(249, 225, 8);"><big><big<br> style="color: rgb(249, 225, 8);"><small>prof. Carlos Figueiredo</small></big></big></big></big><br><br> <br style="font-weight: bold;"><br> <big><big style="color: rgb(249, 225, 8);"><big><big><big><small><small><small><small><small><small><small><br><br> </small></small></small></small></small></small></small><a<br> href="Indice.html"><span style="font-weight: bold;">Índice</span></a></big></big></big></big></big><br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <a href="RT%201.html"><big><big><big><span<br> style="color: rgb(219, 198, 7);"><br><br> </span></big></big></big></a></div><br> </body><br> </html><br> <html><br> <head><br> <meta content="text/html; charset=ISO-8859-1"<br> http-equiv="content-type"><br> <title>Indice</title><br> </head><br> <body<br> style="background-image: url(paper-texture-background_53876-91522.jpg); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"<br> alink="#dbc607" link="#dbc607" vlink="#dbc607"><br> <div style="text-align: center;"><big style="color: rgb(249, 225, 8);"><big><big<br> style="font-weight: bold;"><big><big><big><br><br> Índice</big></big></big></big></big></big><br><br> <br><br> <a style="color: rgb(219, 198, 7);" href="RT%201.html"><big><big><big>Resumo<br> e Trabalho 1</big></big></big></a><br style="color: rgb(219, 198, 7);"><br> <span style="color: rgb(219, 198, 7);"><a href="RT%201.html#R1">-Resumo</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <a href="RT%201.html#T1">- Trabalho</a></span><br><br> <br><br> <big><big><big><span style="color: rgb(219, 198, 7);">Resumo e Trabalho<br> 2</span></big></big></big><br><br> <span style="color: rgb(219, 198, 7);">-Resumo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> - Trabalho</span><br><br> <span style="text-decoration: underline;"><br><br> </span><big><big><big><span style="color: rgb(219, 198, 7);">Resumo e<br> Trabalho 3</span></big></big></big><br><br> <span style="color: rgb(219, 198, 7);">-Resumo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> - Trabalho</span><br><br> <span style="text-decoration: underline;"><br><br> </span><big><big><big><span style="color: rgb(219, 198, 7);">Resumo e<br> Trabalho 4</span></big></big></big><br><br> <span style="color: rgb(219, 198, 7);">-Resumo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> - Trabalho</span><br><br> <span style="text-decoration: underline;"><br><br> <br><br> <a href="index.html"><span style="color: rgb(249, 225, 8);">&lt;&lt;Voltar<br> á página anterior</span></a><br><br> <br><br> </span><big style="font-weight: bold; color: rgb(0, 204, 204);"><big>Colocar<br> em prática:</big></big><span style="text-decoration: underline;"><br><br> </span><br><br> <a<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/Imagem%201.html"><span<br> style="color: rgb(0, 204, 204);">Imagem 1</span></a><br<br> style="color: rgb(0, 204, 204);"><br> <br style="color: rgb(0, 204, 204);"><br> <a style="color: rgb(0, 204, 204);"<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/Imagem%202.html">Imagem<br> 2</a><br style="color: rgb(0, 204, 204);"><br> <br style="color: rgb(0, 204, 204);"><br> <a<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/Imagem%203.html"><span<br> style="color: rgb(0, 204, 204);">Imagem 3</span></a><br><br> </div><br> <br><br> <br><br> <a<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><br> <table<br> style="text-align: left; width: 1500px; height: 350px; margin-left: auto; margin-right: auto; background-color: rgb(0, 0, 153);"<br> border="1" cellpadding="2" cellspacing="2"><br> <tbody><br> <tr><br> <td<br> style="vertical-align: middle; text-align: center; height: 500px; width: 500px;"><a<br> href="Imagem%201.html"><em><img<br> style="border: 0px solid ; width: 370px; height: 370px;" alt=""<br> src="1_1%20-%20isometria%20edificio%20pintada.jpg"></em></a></td><br> <td<br> style="vertical-align: middle; text-align: center; height: 500px; width: 500px;"><em><a<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><em></em></em><a<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><a<br> href="Imagem%202.html"><em><img<br> style="border: 0px solid ; width: 370px; height: 400px;" alt=""<br> src="1_2%20-%20interior%20sketch%202023.jpg"></em></a></td><br> <td<br> style="vertical-align: middle; height: 500px; width: 500px; text-align: center;"><a<br> href="Imagem%203.html"><em><em><img<br> src="1_3%20-%20monolithic%20building.jpg" alt=""<br> style="border: 0px solid ; width: 300px; height: 400px;"></em></em></a></td><br> </tr><br> </tbody><br> </table><br> <a<br> href="file:///C:/Users/henri/OneDrive/Ambiente%20de%20Trabalho/public_html/iamgem%201.html"><em></em></a><br><br> <br><br> <br><br> <div style="text-align: center; color: rgb(255, 204, 0);">Faculdade de<br> Arquitetura da Universidade de Lisboa<br><br> Henrique Gomes Pacheco<br><br> 20241121<br><br> </div><br> </body><br> </html><br> <br> <br> <br> </div> </td> </tr> </tbody> </table> <big><big style="background-color: transparent; color: rgb(255, 204, 102);"><br> <br> </big></big><big><big style="background-color: transparent; color: rgb(255, 204, 102);"><br> <br> <br> <br> <a style="color: rgb(255, 204, 0);" href="Indice.html"><<<Índice</a><br> </big></big></div> <br> <br> <br> </body> </html> |
Download: Trab. 1
<<<Índice