RAFAEL PRAZERES  

REPRESENTAÇÃO DIGITAL
20211283 MIARQ 2G
EXERCÍCIO DOWNLOAD CÓDIGO VOLTAR AO ÍNDICE

COMPONENTES TRABALHADAS


\\ HTML

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.



\\ FTP

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.


\\ HTTP

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.



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.


\\ DOWNLOAD


CÓ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>&nbsp;<br />
              </span>
            </h1>
            <span
              style="
                font-family: Swis721 Cn BT;
                font-weight: normal;
                color: silver;
              "
              >REPRESENTA&Ccedil&AtildeO 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&Iacute;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&Oacute;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 &Iacute;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) &eacute; a linguagem de marca&ccedil;&atilde;o
                 utilizada para criar p&aacute;ginas e estruturar o seu conte&uacute;do. Atrav&eacute;s
                 desses elementos de marca&ccedil;&atilde;o, permite organizar textos, imagens,
                hiperliga&ccedil;&otilde;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) &eacute; um protocolo que possibilita a
                transfer&ecirc;ncia de ficheiros entre o computador pessoal e um
                servidor de hospedagem, como o da nossa faculdade. Com programas
                como o FileZilla e atrav&eacute;s de uma liga&ccedil;&atilde;o VPN, &eacute;
                poss&iacute;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) &eacute; o protocolo que permite
                aceder e visualizar sites na internet, definindo a forma como os
                navegadores e os servidores trocam informa&ccedil;&otilde;es, garantindo que o
                conte&uacute;do publicado esteja dispon&iacute;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&nbsp;na&nbsp;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&Iacute;CIO</h3>
            <div style="text-align: justify">
              Este exerc&iacute;cio teve como objetivo criar um website de forma a
              realizar as entregas dos exerc&iacute;cios realizados. <br />
              <br />
              Assim trabalhando num software de edi&ccedil;&atilde;o e texto
              como o KompoZer que para al&eacute;m de ser um editor de tamb&eacute;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&nbsp;Is What You Get), o que torna
              todo o processo de programa&ccedil;&atilde;o mais intuitivo.<br />
              <br />
              Ap&oacute;s a cria&ccedil;&atilde;o do site foi necess&aacute;rio estabelecer uma liga&ccedil;&atilde;o FTP
              ao servidor da faculdade usando o FileZilla , para poder ser
              visualizado n&atilde;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&Oacute;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>