SISTEMAS DE REPRESENTAÇÃO DIGITAL EM ARQUITETURA
· Protocolos de rede
Camada de aplicação: WWW(navegação web), HTTP (email) e FTP(transferência de arquivos). Esta camada compreendem os protocolos usados pelos programas para enviar e receber dados de outros programas pela própria internet
Protocolo HTTP: hypertext transfer protocol, para acessar paginas web na world wide web, arquivos ficam hospedados na página web
Protocolo FTP: file transfer protocol, para transferência, download de arquivos na internet, compartilhamento de dados e recursos de computador online, ficheiros são transferidos de uma máquina a outra
HTML é a linguagem de computador utilizada para estruturar paginas web, cada parte é denominada tag, uma tag indica o que é mostrado em determinada região e deve ser aberta e fechada para completar a linguagem <linguagem> conteúdo a mostrar </linguagem>
· <H1> </H1> usado para títulos e subtítulos, sendo H1 o maior tamanho e H6 o menor
· <P> </P> são as tags dos parágrafos
· <A> </A> para os hiperlinks, conexão da pagina criada com links para outras
<p>É assim que você adiciona um parágrafo no HTML.</p>
Para adicionar mais informações ao parágrafo, utiliza-se um nome e um valor de atributo
<p style="color:purple;font-family:verdana">É assim que você adiciona um parágrafo no HTML.</p>
Elementos Bloco ocupam a largura completa da página e no código sempre iniciam uma nova linha
· <HEAD> </HEAD> tag invisível, define o conteúdo do cabeçalho da página
· <BODY> </BODY> o corpo de uma pagina
· <HTML> </HTML> indica ao computador o tipo de linguagem que a info deve ser processada
Elementos Em Linha formatam o conteúdo interno de elementos de bloco. Por exemplo, <strong> faz um elemento ser renderizado em negrito, ou <a> e um atributo href para hiperlinks
<a href="https://example.com/">Click me!</a>
Informações de estilo podem funcionar em elementos diferentes com o mesmo valor de classe, para isso, usa-se a tag de abertura <style>, .important {, toda informação dentro de colchetes, } </style> e quando quiser adicionar essa informação, inicia-se com class=”importante”
<html>
<head>
<style>
.important {
background-color: blue;
color: white;
border: 2px solid black;
margin: 2px;
padding: 2px;
}
</style>
</head>
<body>
<h1 class="important">Isto é um cabeçalho</h1>
<p class="important">Isto é um parágrafo.</p>
</body>
</html>
Cada documento html deve começar com uma declaração <!DOCTYPE> para informar ao navegador qual é o tipo de documento
Para tirar o underline do link, dentro do <> de href, adicionar style="text-decoration:none"
Para listar sem bullet points
<ul style="list-style-type:none;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Para publicar site usando filezilla:
conectar no servidor, usuário e senha, conexão rápida;
em endereço remoto, procurar pasta public_html
em endereço local, procurar documentos que vão ser publicados (site e documentos contidos no site), clicar com botão direito em cima e fazer upload)
Comments