ESCOLA SECUNDÁRIA DE MUGULAMA

UNIDADE TEMATICAIII: CRIAÇÃO DE PÁGINAS WEB

CONCEITOS BÁSICOS DE PROGRAMAÇÃO WEB

Internet

A internet é o conjunto de redes de computadores que, espalhados por todas as regiões

do planeta, conseguem trocar dados e mensagens utilizando um protocolo comum.

Este protocolo compartilhado pela internet é capaz de unir vários usuários particulares,
entidades públicas e empresariais em um mesmo acesso.

Benefícios da Internet

GERAIS

• Conectividade global
• Redução dos custos de comunicações

PARA AS PESSOAS

• Acesso generalizado ao conhecimento

• Aumento da mobilidade
• Alargamento das oportunidades de escolha

PARA AS EMPRESAS

• Redução dos custos de transacção

• Redução dos custos de agência e coordenação

www – world wide web

É sistema baseado em arquitectura cliente-servidor com padrões universalmente aceites para

arquivar, pesquisar, formatar e apresentar informação.
Para que se possa explorar e principalmente visualizar as informações disponíveis na WEB é
necessário a utilização de um programa de computador chamado de navegador (browser). A
função do navegador é descarregar as informações (que são chamadas de documentos ou
páginas) de servidores WEB e mostrá-las na tela do usuário. Actualmente, existem vários
navegadores como o Mozilla Firefox e Internet Explorer (IE).

Páginas e Links

❖ A Web é composta por vários documentos que são chamados de páginas ou sites. Essas
páginas contêm um conjunto de informações interligadas com vários tipos de mídia
(vídeos, sons, textos dinâmicos e figuras) que são chamados de links.
❖ Links são ligações que nos levam da página que estamos até outras informações ou a
outros recursos. Os links podem ser textos ou imagens e quando se passa o mouse em
cima de algum deles, o ponteiro torna-se uma mãozinha branca espalmada, bastando
apenas clicar com o botão esquerdo do mouse para que se façam links com outras páginas
(ou seja, mostrem essas informações das outras páginas).

Endereço (URL)

http - é o protocolo que permite o transporte de informações e documentos do servidores web

para os navegadores (browsers). Nas versões mais actuais dos navegadores não é necessário
mais escrever o http;

WWW - World Wide Web, ou seja, a grande rede mundial, que representa o padrão da parte
gráfica que nos permite visualizar as imagens, textos formatados e ouvir sons;

ispt - é o nome da empresa ou organização responsável pelo site ou que o site representa.

.ac - é o tipo de organização. No caso como o ISPT é uma organização educacional, então leva
a terminação .ac.

.mz - identifica o país onde a página está hospedada.

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

Endereço na Internet

Endereço IP

Endereço constituído por dígitos conjuntos contendo a localização de um computador na

Internet.

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

DNS – Domain Name System

Sistema de servidores contendo tabelas com a correspondência dos endereço IP com os

respectivos nomes de domínio.

[Link] [Link]

Serviços da Internet

A Internet oferece diversos serviços para seus usuários, que podem ser usados simultaneamente.
Alguns desses serviços mais conhecidos são:

Correio eletrônico (e-mail) - mensagens utilizador-a-utilizador(es); partilha de documentos;

Newsgroups ou grupos de discussão - anúncios electrónicos para grupos de discussão;

Chat - comunicação interactiva em tempo real;

FTP-(File Transfer Protocol): transferência de ficheiros computador a computador;

VoIP: serviço de voz;

Internet Telephony: serviço telefónico público.

ISP – Internet Service Provider

Organização comercial com uma conexão permanente à Internet. Vende conexões temporárias
ou permanentes aos subscritores e outros serviços.

 Serviços de acesso Internet (conectividade);

 Registo de domínios;
 Desenvolvimento e hospedagem de web sites;
 Disponibilização de plataformas de teleserviços (video conferência, VoIP,...)
 Formação

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

ISP em Moçambique

 Teledata
 CIUEM
 Virconn
 Tropical
 TVCabo (NetCabo)
 Garp
 Emil
 Intra
 Movitel
 TMcel
 Vodacom
 I-burst

Introdução a HTML

HTML é uma abreviação de Hypertext Markup Language - Linguagem de Marcação de

Hypertexto.

HTML é uma linguagem para publicação de conteúdo (texto, imagem, vídeo, áudio e etc.) na
Web.

O HTML é baseado no conceito de Hipertexto. Hipertexto são conjuntos de elementos – ou

nós – ligados por conexões. Estes elementos podem ser palavras, imagens, vídeos, áudio,
documentos etc.

Os documentos na Web são organizados com o uso de comandos que são interpretados pelos
browsers. Estes comandos compõem a linguagem HTML (HyperText Markup Language).

A linguagem HTML é uma linguagem utilizada para definir a aparência (formatação) dos
documentos na Web.

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

Desenvolvido originalmente por Tim Berners-Lee o HTML ganhou popularidade quando o
Mosaic - browser desenvolvido por Marc Andreessen na década de 1990 - ganhou força. A
partir daí, desenvolvedores e fabricantes de browsers utilizaram o HTML como base,
compartilhando as mesmas convenções.

Entre 1993 e 1995, o HTML ganhou as versões HTML+, HTML2.0 e HTML3.0, onde foram
propostas diversas mudanças para enriquecer as possibilidades da linguagem.

Apenas em 1997, o grupo de trabalho do W3C responsável por manter o padrão do código,
trabalhou na versão 3.2 da linguagem, fazendo com que ela fosse tratada como prática
comum.

Elementos de um Projecto Web

Página Web - Arquivo de texto formatado com HTML.

Home Page - Página pessoal ou página inicial do site.

Web Site - Sítio, lugar; conjunto de páginas HTML que contém informações relacionadas.

Também podem fazer parte de um Web Site arquivos de texto, programas, imagens, etc.

Comandos HTML

O HTML é uma linguagem que baseia sua sintaxe em um elemento de base que chamamos
tag (marcador ).

Os tags podem ser:

• Abertos (simples): <comando>

• Fechados: <comando> . . . </comando>
• Compostos: <comando>
• <elemento 1> ... </elemento 1>
• <elemento 2> ... </elemento 2>
• ....
Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

 • <elemento n> ... </elemento n>
• </comando>

Regras HTML

 Fechar sempre os tags fechados e compostos;

 NUNCA esquecer um sinal de “<” ou de “>”, no início ou no fim do tag;
 Não usar espaços no tag (no interior dos sinais “<” e “>”).
 EX:
 </ comando> ERRADO!!!
 < com an do> - NUNCA!!!!
 Os agrupamentos de espaços colocados FORA dos tags serão interpretados como apenas
um espaço. Fora dos tags não há restrição do uso dos espaços;

Regras HTML

NOMES DOS TAGS - podem ser escritas com qualquer tipo de combinação entre maiúsculas
e minúsculas. Entretanto, é aconselhável acostumar-se a escreve-las em minúscula já que
outras tecnologias que podem conviver com nosso HTML (XML por exemplo) não são tao
permissivas e nunca esta mal ter bons costumes desde o princípio para evitar erros triviais no
futuro.

NOMES DOS ARQUIVOS (inclusive extensão “.html” ou “.htm”) - Minúsculas;

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

FICHA DE EXERCÍCIOS

1. A internet é o conjunto de redes de computadores que, espalhados por todas as regiões

do planeta, conseguem trocar informação e mensagens utilizando um protocolo
comum.

a. Dada a informação a cima diga se é verdadeira ou falsa se falsa comente se

verdadeira comente.

2. São beneficios gerais da internet os seguintes:

I. Alargamento das oportunidades de escolha

II. Redução dos custos de comunicações
III. Alargamento das oportunidades de escolha
IV. Conectividade global
V. Redução dos custos de transacção

São tipicamente benefícios geral da internet APENAS:

a) I e II
b) II e IV
c) III e IV
d) I e III
e) II e III

3. world wide web é sistema baseado em arquitectura cliente-servidor com padrões

universalmente aceites para arquivar, pesquisar, formatar e apresentar
informação

a. engravide a afirmação.

4. Qual é o papel do HTTP (Hypertext Transfer Protocol) na internet?

a) Transferir arquivos de um computador para outro

b) Definir regras para a formatação de páginas HTML

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

c) Permitir a transferência de informações entre servidores web e navegadores

d) Gerenciar o correio eletrônico

2. O que significa "WWW" (World Wide Web)?

a) Uma rede que conecta diferentes países

b) O conjunto de servidores que fornecem páginas web

c) Um protocolo de transferência de arquivos

d) Um conjunto de computadores conectados localmente

3. O que é um endereço URL (Uniform Resource Locator)?

a) O nome de um domínio b) O protocolo de transferência de dados

c) O endereço completo que indica a localização de uma página na web

d) O endereço IP de um servidor

4. O que acontece quando um usuário clica em um link em uma página web?

a) Um novo site é criado b) O navegador fecha automaticamente

c) O navegador carrega um novo documento ou recurso ligado ao link

d) O endereço IP do site é alterado

5. A sigla ISP refere-se a:

a) Protocolo de Transferência de Arquivos b) Provedor de Serviço de Internet

c) Navegador de Internet d) Plataforma de correio eletrônico

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

6. Qual dos seguintes serviços NÃO é oferecido por um ISP?

a) Registro de domínios b) Acesso à internet

c) Criação de websites d) Criação de páginas HTML

7. O serviço de correio eletrônico (e-mail) permite:

a) A transferência de arquivos grandes entre computadores

b) O envio de mensagens e documentos entre usuários

c) A criação de links entre páginas web d) A transmissão de voz pela internet

8. O que caracteriza o VoIP (Voz sobre IP)?

a) Permite a comunicação por vídeo b) É um serviço de transferência de arquivos

c) Proporciona chamadas de voz pela internet d) É um protocolo de correio eletrônico

9. Qual é a função do File Transfer Protocol (FTP)?

a) Transferir arquivos de um servidor para um computador

b) Criar páginas web dinâmicas c) Gerenciar redes locais

d) Monitorar o uso da internet

10. O que é o DNS (Domain Name System)?

a) Um sistema que converte endereços IP em nomes de domínio

b) Um serviço que permite chamadas de voz pela internet

c) Um protocolo de transferência de arquivos

d) Um sistema de proteção contra ataques cibernéticos

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

11. Qual das seguintes opções é um exemplo de uma aplicação VoIP?

a) Transferência de arquivos b) Correio eletrônico

c) Chamadas de voz pela internet d) Grupos de discussão

12. O que significa a sigla HTML?

a) HyperText Markup Language b) HyperText Media Language

c) High Transfer Media Language d) HyperTransfer Markup Language

13. Qual é a função de um navegador (browser) na web?

a) Proteger o usuário contra vírus b) Exibir páginas e documentos da web

c) Criar endereços IP d) Gerenciar redes locais

14. Qual das alternativas abaixo é um exemplo de um servidor ISP em Moçambique?

a) Mozilla Firefox b) CIUEM

c) Facebook d) Google

15. A linguagem HTML é usada para:

a) Gerenciar a transferência de arquivos na internet

b) Criar e formatar documentos para a web c) Enviar mensagens de correio eletrônico

d) Monitorar a velocidade de conexão da internet

16. Qual é a função de um "home page"?

a) Exibir uma lista de e-mails recebidos b) Armazenar arquivos transferidos pela web

c) Servir como a página principal de um site d) Monitorar o tráfego da web

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo

17. O que é um "site"?

a) Um endereço IP b) Um conjunto de páginas interligadas por links

c) Um tipo de protocolo da internet d) Um arquivo HTML

18. Qual dos seguintes é um exemplo de uma extensão de domínio que identifica um país?

a) .com b) .org

c) .ac d) .mz

19. Qual é a principal função de um "link" em uma página web?

a) Transferir arquivos entre computadores

b) Estabelecer uma conexão com uma rede local

c) Conectar o usuário a outra página ou recurso na web

d) Gerenciar conexões de internet

20. Como os tags são usados no HTML?

a) Para criar links entre diferentes páginas

b) Para definir a formatação e estrutura de uma página web

c) Para transferir arquivos na web

d) Para proteger documentos da internet

Estude, pós a caneta é mais leve que a pá.

Elaborado por: Eng. Valdemiro Cassamo