---
title: Introdução à Internet – História, Conceitos Fundamentais, Estrutura Básica de Sites.
description: "**Curso:** Informática de Gestão **Turma:** IG1 | IG2 **Turno:** Tarde ![](https://aulas.aguinaldolopes.com/wp-content/uploads/2025/10/89014.jpg) ##### **OBJECTIVO DA AULA:** - Compreender o conceito de Internet e distingui-lo do conceito de Web; - Conhecer, de forma resumida, a evolução da Internet e o nascimento da World Wide Web;…"
url: "https://aulas.aguinaldolopes.com/docs/post-teste/"
updated: "2026-09-22"
category: "Informática de Gestão - IG1 e IG2"
---

# Introdução à Internet – História, Conceitos Fundamentais, Estrutura Básica de Sites.

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

![](https://aulas.aguinaldolopes.com/wp-content/uploads/2025/10/89014.jpg)

##### **OBJECTIVO DA AULA:**

- Compreender o conceito de Internet e distingui-lo do conceito de Web;
- Conhecer, de forma resumida, a evolução da Internet e o nascimento da World Wide Web;
- Identificar cliente, servidor, navegador, endereço IP, domínio, DNS, URL, HTTP e HTTPS;
- Compreender, em nível introdutório, como uma página Web chega ao navegador;
- Reconhecer o papel de HTML, CSS e JavaScript na construção de páginas e aplicações Web;
- Distinguir front-end e back-end e compreender sites estáticos e dinâmicos;
- Desenvolver uma visão inicial sobre padrões Web, acessibilidade, segurança e privacidade.

##### 1. O QUE É A INTERNET?

A Internet é uma grande rede mundial formada pela interligação de computadores, servidores, telemóveis, redes e outros dispositivos. Esses equipamentos comunicam entre si através de protocolos, isto é, regras que permitem que os dados sejam enviados e recebidos de forma organizada.

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 Internet não é apenas a Web. Ela suporta vários serviços, como correio eletrónico, transferência de ficheiros, chamadas e videoconferências, serviços de mensagens e a própria World Wide Web.

##### 2. O QUE É A WORLD WIDE WEB (WWW)?

A World Wide Web, normalmente chamada apenas de Web, é um sistema de informação que funciona sobre a Internet. Ela permite consultar páginas e aplicações através de navegadores, utilizando tecnologias como HTML (para estruturar páginas), CSS (para estilizar páginas), JavaScript (para dinamizar páginas), URLs (para identificar endereços de páginas) e HTTP (para transferir informações).

A Web foi inventada por Tim Berners-Lee em 1989, enquanto trabalhava no CERN. A proposta surgiu para facilitar a partilha automática de informação entre investigadores e instituições. Em 1993, o CERN colocou o software da Web no domínio público, contribuindo para a sua expansão.

Para melhor perceção, a Internet é a infraestrutura; a Web é o conteúdo que utilizamos nela.

##### 3. INTERNET vs. WEB

| **Internet:** | **Web:** | **Exemplos:** |
| --- | --- | --- |
| Infraestrutura/rede mundial | Serviço que funciona sobre a internet | Aceder a um site |
| Suporta vários serviços | Baseada em páginas e aplicações web | Consultar uma notícia |
| Interliga redes e dispositivos | Usa tecnologias como o HTTP, HTML e CSS | Abrir uma página no navegador |

##### **4. BREVE HISTÓRIA DA INTERNET E DA WEB:**

- Década de 1960 – surgem projetos de redes de computadores que contribuíram para a evolução das redes de comunicação.
- ARPANET – uma das redes pioneiras que ajudou a estabelecer fundamentos da comunicação entre computadores.
- Décadas seguintes – as redes académicas, científicas e institucionais cresceram e a Internet tornou-se cada vez mais ampla.
- 1989 – Tim Berners-Lee propõe o World Wide Web no CERN (Suíça).
- 1990 – é desenvolvido o primeiro navegador/editor Web por Berners-Lee.
- 1993 – o CERN coloca o software da Web no domínio público, facilitando a sua disseminação.
- A partir da década de 1990 – a Web expande-se para utilização pública e comercial.

##### **5.**PRINCIPAIS **CONCEITOS DA WEB:**

- **Cliente:**Dispositivo e software que solicita recursos a um servidor.
- **Servidor:**Computador ou sistema que disponibiliza recursos e serviços para outros computadores.
- **Navegador (browser):**Programa utilizado para aceder e visualizar conteúdos da Web.
- **Página Web:**Documento que pode ser apresentado num navegador, normalmente estruturado com HTML.
- **Website / site:**Conjunto organizado de páginas, recursos e, em muitos casos, aplicações associadas a um domínio.
- **Aplicação Web:**Sistema acessível através do navegador que permite executar tarefas e interagir com dados.
- **Endereço IP:**Número utilizado para identificar um dispositivo ou serviço numa rede.
- **Domínio:**Nome legível utilizado para identificar um site ou serviço na Internet.
- **DNS:**Domain Name System; sistema que ajuda a associar nomes de domínio aos endereços IP correspondentes.
- **URL:**Uniform Resource Locator; endereço usado para localizar um recurso na Web.
- **HTTP:**Protocolo utilizado para a comunicação entre clientes e servidores na Web.
- **HTTPS:**HTTP protegido por TLS, ajudando a proteger a comunicação entre cliente e servidor.
- **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.

##### 6**. COMO UMA PÁGINA**WEB CHEGA ATÉ AO NAVEGADOR?

Quando o utilizador escreve um endereço no navegador, várias etapas acontecem. Podemos representar o processo de forma simplificada:

- O utilizador introduz uma URL no navegador.
- O navegador participa no processo de resolução DNS para localizar o servidor associado ao domínio.
- O navegador envia uma requisição ao servidor utilizando HTTP ou HTTPS.
- O servidor processa a requisição e devolve uma resposta.
- O navegador recebe os ficheiros necessários, como HTML, CSS, JavaScript e outros recursos.
- O navegador interpreta esses recursos e apresenta a página no ecrã.

Fluxo simplificado: Utilizador → Navegador → DNS → Servidor → Resposta → Navegador → Página Web

##### **7.**URL - ENDEREÇO DE UM RECURSO NA WEB**:**

Exemplo: **https://www.aguinaldolopes.com/aulas/internet**

- https:// – protocolo utilizado na comunicação.
- www – subdomínio, quando utilizado.
- aguinaldolopes.com – domínio.
- /aulas/internet – caminho para determinado recurso ou página.

##### 8. HTTP, HTTPS E SEGURANÇA:

HTTP é um protocolo de comunicação da Web baseado no modelo de requisição e resposta. O navegador faz uma requisição e o servidor envia uma resposta. O HTTPS utiliza TLS para proteger a comunicação, ajudando a impedir que os dados transmitidos sejam facilmente lidos ou alterados por terceiros durante o percurso.

Para um futuro desenvolvedor, segurança deve ser considerada desde o início. HTTPS, proteção de contas, tratamento correto de dados pessoais, atualização de software e boas práticas de programação fazem parte da construção responsável de sistemas Web.

##### 9. AS TRÊS TECNOLOGIAS FUNDAMENTAIS: HTML, CSS, JAVASCRIPT:

- **HTML:**estrutura e organiza o conteúdo da página.
- **CSS:**define a apresentação visual, como cores, fontes, espaçamentos e organização do layout.
- **JavaScript:**permite adicionar comportamento e interatividade.

Forma simples de memorizar: **HTML**= estrutura; **CSS**= apresentação; **JavaScript** = comportamento. Ainda podemos mencionar **Imagens e mídias** = complementam o contéudo; **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/**
└── logotipo.png

##### **10. 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.

Exemplo: num sistema escolar, o formulário de login é apresentado no front-end; a verificação das credenciais pode ser realizada no back-end.

##### **11. TIPOS DE SITES - ESTÁTICOS E DINÂMICOS:**

- **Estático:** Conteúdo fixo, igual para todos os utilizadores. Exemplo: Página institucional simples.
- **Dinâmico:** Conteúdo pode ser gerado ou alterado conforme dados, utilizadores e regras do sistema. Exemplo: Portal de alunos ou loja online.

##### **12. DESIGN RESPONSIVO:**

Um site responsivo adapta a apresentação do conteúdo a diferentes tamanhos de ecrã, como computadores, tablets e telemóveis. CSS e técnicas como media queries são utilizadas para criar interfaces que funcionam bem em diferentes dispositivos.

##### **13. PADRÕES WEB, ACESSIBLIDADE E RESPONSABILIDADE:**

O desenvolvimento Web não consiste apenas em fazer uma página funcionar. É importante seguir padrões e boas práticas para aumentar a compatibilidade, segurança, acessibilidade e qualidade. O W3C desenvolve padrões e recomendações para tecnologias da Web, incluindo HTML e CSS.

Acessibilidade significa procurar garantir que pessoas com diferentes capacidades consigam perceber, navegar e interagir com conteúdos e aplicações. As WCAG, desenvolvidas no âmbito do W3C, fornecem orientações internacionais para tornar conteúdos Web mais acessíveis.

Também é importante respeitar a privacidade dos utilizadores, recolher apenas os dados necessários e proteger adequadamente informações pessoais.

##### **14. GLOSSÁRIO:**

- Browser: navegador Web.
- DNS: sistema que relaciona nomes de domínio com endereços IP.
- Domínio: nome utilizado para identificar um site ou serviço.
- HTTP: protocolo de comunicação da Web.
- HTTPS: HTTP protegido por TLS.
- IP: endereço utilizado para identificar um dispositivo ou serviço numa rede.
- URL: endereço de um recurso na Web.
- Servidor: sistema que fornece recursos ou serviços.
- Cliente: sistema que solicita recursos ou serviços.
- Front-end: parte da aplicação com que o utilizador interage.
- Back-end: parte do sistema executada no servidor.
- Responsividade: adaptação da interface a diferentes dispositivos/ecrãs.

##### **15. ACTIVIDADE PRÁTICA:**

- Abrir um navegador e identificar a barra de endereço.
- Aceder a um site conhecido e identificar o domínio na URL.
- Comparar dois sites e observar organização, cores, menus e adaptação ao ecrã.
- Identificar numa página exemplos de conteúdo, estrutura, estilo e interatividade.
- Representar no caderno o fluxo Utilizador → Navegador → DNS → Servidor → Resposta → Página.

##### **16. TAREFA/QUESTÕES DE REVISÃO:**

1. O que é a Internet?
2. O que é a World Wide Web?
3. Qual é a principal diferença entre Internet e Web?
4. Quem inventou a World Wide Web e em que ano?
5. O que é um navegador?
6. Qual é a função do DNS?
7. O que é uma URL?
8. Qual é a diferença entre HTTP e HTTPS?
9. Qual é a função do HTML, CSS e JavaScript?
10. O que significam front-end e back-end?
11. Qual é a diferença entre um site estático e um site dinâmico?
12. O que significa dizer que um site é responsivo?
13. Por que a acessibilidade é importante no desenvolvimento Web?

##### **18. RESUMO DA AULA:**

A Internet é uma infraestrutura mundial de redes e dispositivos. A Web é um serviço que funciona sobre a Internet e permite consultar páginas e aplicações através de navegadores. Para compreender o desenvolvimento Web, é essencial conhecer cliente, servidor, domínio, DNS, URL e HTTP/HTTPS. HTML estrutura o conteúdo, CSS trata da apresentação e JavaScript acrescenta comportamento e interatividade. O desenvolvimento moderno também deve considerar responsividade, acessibilidade, segurança, privacidade e padrões Web.

##### **FONTES BIBLIOGRÁFICAS:**

- CERN. The Birth of the Web. CERN. Consulta em setembro de 2026.
- MDN Web Docs. Como a Web funciona. Mozilla Developer Network. Consulta em setembro de 2026.
- MDN Web Docs. Introdução à Web. Mozilla Developer Network. Consulta em setembro de 2026.
- W3C. Web Standards. World Wide Web Consortium. Consulta em setembro de 2026.
- W3C Web Accessibility Initiative. WCAG 2 Overview. Consulta em setembro de 2026.
- TANENBAUM, Andrew S.; WETHERALL, David J. Computer Networks. 5th ed. Pearson, 2011.

[https://aulas.aguinaldolopes.com/](https://aulas.aguinaldolopes.com/)