Aula 1 e 2 - Introdução à Internet e à Web

Curso: Informática de Gestão
Turma: IG1 | IG2
Turno: Tarde

OBJETIVO GERAL:

Compreender o que é a Internet e a Web, como surgiram, como funcionam e como se organizam os sites e aplicações que usamos diariamente.

1. BREVE HISTÓRIA DA INTERNET E DA WEB:

A Internet surgiu na década de 1960 através do projeto ARPANET, criado pelo Departamento de Defesa dos Estados Unidos durante a Guerra Fria. O objetivo era criar uma rede de comunicação descentralizada, resistente a falhas. Com o tempo, universidades e centros de pesquisa começaram a utilizá-la para troca de informações científicas. Nos anos 1990, a Internet tornou-se pública e
comercial, crescendo rapidamente em todo o mundo.

A World Wide Web (WWW) foi criada em 1989 por Tim Berners-Lee, no CERN, na Suíça. Ele desenvolveu os três pilares fundamentais da Web moderna: HTML (para estruturar páginas), HTTP (para transferir informações) e URL (para identificar endereços de páginas). A Web é, portanto, um serviço que funciona dentro da Internet, permitindo o acesso a páginas e conteúdos interligados.

2. CONCEITOS FUNDAMENTAIS:

  • INTERNET: Rede mundial de computadores interligados que trocam informações por protocolos.
  • WEB: Serviço dentro da Internet que permite aceder a páginas e conteúdos interligados.
  • SERVIDOR: Computador que armazena e disponibiliza páginas e arquivos a outros dispositivos.
  • CLIENTE: Dispositivo do utilizador (computador, tablet, telemóvel) que solicita e recebe páginas.
  • NAVEGADOR: Programa usado para visualizar páginas web (Chrome, Firefox, Edge, Safari).

A Internet é a infraestrutura; a Web é o conteúdo que utilizamos nela.

3. DOMÍNIOS, DNS e PROTOCOLOS (HTTP/HTTPS):

  • Domínio – Nome amigável que identifica um site (ex: www.instituto-do-kituma.co.ao). Cada domínio é um endereço simplificado de um servidor.
  • DNS (Domain Name System) – Sistema que traduz o nome do domínio para um endereço IP numérico.
  • HTTP / HTTPS – Protocolos responsáveis pela transferência das páginas web. O HTTPS inclui encriptação, garantindo maior segurança. Exemplo de URL: https://www.exemplo.com/pagina.html → ‘https’ (protocolo), ‘www.exemplo.com’ (domínio) e ‘/pagina.html’ (recurso).

4. ESTRUTURA BÁSICA DE UM SITE:

Um site é formado por diversos arquivos e pastas organizadas, que incluem:

  1. Arquivos HTML → estruturam o conteúdo;
  2. Arquivos CSS → definem o estilo visual;
  3. Scripts JavaScript → tornam as páginas interativas;
  4. Imagens e mídias → complementam o conteúdo;
  5. Base de dados (opcional) → armazena informações dinâmicas.

Exemplo de estrutura de pastas:

meu-site/
├── index.html
├── sobre.html
├── css/
│ └── estilo.css
├── js/
│ └── script.js
└── imagens/
└── logo.png

5. COMO FUNCIONA O ACESSO A UM SITE:

  1. O utilizador digita o endereço (URL) no navegador;
  2. O navegador envia um pedido (request) ao servidor;
  3. O servidor processa o pedido e devolve a página (resposta);
  4. O navegador interpreta o código e exibe o site ao utilizador.

Esse processo é conhecido como modelo cliente-servidor.

6. FRONT-END E BACK-END:

  • Front-End: Parte visual do site – tudo o que o utilizador vê e interage. Usa linguagens como HTML, CSS e JavaScript.
  • Back-End: Parte lógica e funcional do site – processa dados, liga-se à base de dados. Usa linguagens como PHP, Python, Java e SQL.

Analogia: o front-end é o restaurante onde o cliente faz o pedido; o back-end é a cozinha onde o prato é preparado.

7. TIPOS DE SITES:

  • Estático: Conteúdo fixo, igual para todos os utilizadores.
  • Dinâmico: Conteúdo gerado automaticamente conforme o utilizador ou a base de dados.
  • Responsivo: Adapta-se a diferentes tamanhos de ecrã (computador, tablet, telemóvel).

8. PROFISSIONAL WEB:

O desenvolvedor web é o profissional responsável por criar e manter websites e aplicações online. Deve compreender tanto o front-end (design e interface) quanto o back-end (lógica e dados), além de entender como a Internet funciona.

9. RESUMO GERAL:

  • A Internet nasceu como rede militar (ARPANET) e evoluiu até conectar o mundo.
  • A Web foi criada por Tim Berners-Lee e é um serviço dentro da Internet.
  • Cada site possui domínio, DNS e é acessado via HTTP/HTTPS.
  • Um site é composto por HTML, CSS e JavaScript.
  • O front-end é a parte visível e o back-end é a parte lógica.
  • Conhecer os fundamentos da Web é essencial antes de programar.

Fontes Bibliográficas:

  • BERNERS-LEE, Tim. *Weaving the Web: The Original Design and Ultimate Destiny
    of the World Wide Web.* Harper San Francisco, 1999.
    • TANENBAUM, Andrew S. *Computer Networks.* 5th Edition. Pearson, 2011.
  • W3Schools – https://www.w3schools.com
  • Mozilla Developer Network (MDN) – https://developer.mozilla.org
  • Internet Society – https://www.internetsociety.org
  • Wikipedia – Artigos sobre História da Internet e da World Wide Web.