Arquitetura de Redes

Página 1

Introdução a Web e Arquitetura

O conceito da Web, também conhecida como World Wide Web (WWW), refere-se a um sistema de documentos e outros recursos interconectados, acessíveis via Internet. Esses recursos são identificados por URLs (Uniform Resource Locators) e podem ser navegados usando navegadores web. A Web é baseada em três tecnologias principais:

HTML (Hypertext Markup Language): A linguagem utilizada para criar e estruturar as páginas web.

HTTP (Hypertext Transfer Protocol): O protocolo que permite a comunicação entre os navegadores e os servidores web.

URLs: Endereços que identificam e localizam recursos na Web.

Vamos Entender Passo a Passo Como isso Funciona!

Internet vs. Web: Primeiro, é importante entender que a Internet e a Web são coisas diferentes:

Uma Internet É uma rede global de computadores interconectados que permite a troca de dados entre dispositivos. Pense na internet como a infraestrutura física (cabos, servidores, roteadores) que conecta redes e dispositivos em todo o mundo.

========================================================

Uma Web É um sistema de informação que opera sobre essa infraestrutura. A Web (ou World Wide Web) consiste em páginas e recursos interligados que podem ser acessados através da internet usando navegadores.

========================================================

Como a Web funciona: Quando você acessa um site, o processo básico é:

a) Você digita um endereço no navegador. Exemplo: www.exemplo.com

b) Seu computador envia uma solicitação pela Internet.

c) O servidor do site responde envolvendo os arquivos necessários.

d) Seu navegador exibe o site.

Agora, vamos deter cada parte desse processo:

Navegadores

São programas como Chrome, Firefox, Safari.

Sua função é interpretar os arquivos envolvidos pelos servidores e exibir como páginas web.

URLs e Links (localizadores uniformes de recursos)

São os endereços dos sites: como "www.exemplo.com".

Estrutura básica: protocolo://domínio/caminho Exemplo: https://www.exemplo.com/pagina

Link: É um elemento clicavél que leva a uma URL. Não são exatamente a mesma coisa mas são parecidos. Exemplo: Você está na pagina oficial do mercado livre (https://www.mercadolivre.com.br) isso é uma URL que leva ao site do mercado livre. Porém se você clicar na aba COMPRAR você está usando um LINK que direciona para outra URL dentro do site do Mercado Livre.

Domínios e DNS (Domain Name System)

Domínios são nomes fáceis de lembrar para identificar sites.

O DNS funciona como uma "lista telefônica" da Internet, traduzindo domínios em endereços IP.

Protocolos

HTTP (Protocolo de Transferência de Hipertexto): Regras para a comunicação entre seu navegador e os servidores.

HTTPS: Versão segura do HTTP, com criptografia.

Servidores Web

São computadores especializados que armazenam os arquivos dos sites.

Quando recebem uma solicitação, enviam os arquivos necessários.

HTML (linguagem de marcação de hipertexto)

É uma linguagem básica para criar páginas web.

Usada para definir uma estrutura e o conteúdo da página.

CSS (Estilo da Página)

Linguagem usada para estilizar as páginas HTML.

Define cor, fonte, deixa a pagina mais bonita e etc..

JavaScript

Linguagem de programação que adiciona interatividade às páginas web.

Permite atualizações dinâmicas, animações, etc.

Processo detalhado de carregamento de uma pagina

a) Você digita "www.exemplo.com" no navegador.

b) O navegador consulta o DNS para obter o endereço IP de exemplo.com.

c) O navegador envia uma solicitação HTTP para esse IP.

d) O servidor web recebe a solicitação e envia os arquivos da página (HTML, CSS, JavaScript, imagens).

e) O navegador recebe esses arquivos e começa a processar o HTML.

f) Enquanto processa o HTML o navegador pode fazer solicitações adicionais para outros recursos mencionados no arquivo (como imagens ou arquivos CSS).

g) O navegador aplica os estilos CSS e executa o JavaScript.

h) Finalmente, você vê uma página completa em seu navegador.

Web Estatística vs. Web Dinâmica

Web Estatística: Páginas que são sempre iguais para todos os usuários.

Web Dinâmica: Páginas que podem mudar com base em dados do usuário, hora do dia, etc.

Banco de Dados

Muitos sites usam bancos de dados para armazenar informações (como produtos de uma loja online).

O servidor pode gerar páginas dinâmicas usando esses dados.

Portanto, a Web depende da Internet para funcionar, pois a Internet fornece a base para a comunicação que permite o acesso e a visualização de páginas da Web.