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

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

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.