Criação de Páginas

da

Teia 
Mundial

Navegador e HTML

Identificação do(s) aluno(s):

Turma:

N.º      Nome:

N.º      Nome:
Objectivos (ler antes e verificar depois da resolução da ficha):

 Identificar a Teia Mundial como serviço de informação da 

Internet, entre outros
 Explicar o significado dos vários elementos de um endereço da 

Internet
 Explicar o papel do serviço DNS

 Identificar a linguagem HTML como elemento essencial de 

criação de páginas da Teia
Visualizar o código de uma página HTML
 Criar uma página simples em linguagem HTML

 Consultar páginas HTML localmente armazenadas

 Enumerar aplicações de navegação na Teia Mundial (browsers)

 Criar uma página simples para publicação na Teia Mundial

 Criar um novo ficheiro HTML

 Guardar um ficheiro HTML

 Abrir um ficheiro HTML

 Inserir elementos de conteúdo nas páginas HTML

 Organizar numa pasta local todos os elementos constituintes de 

uma página HTML
 PARTE I

Um   navegador,   ou  browser,   é   um   programa   que   serve   para 

visualizar e para lidar com conteúdos da Internet. Os conteúdos 
apresentam­se sob a forma de ficheiros de vários tipos, acessíveis 
utilizando diferentes protocolos (regras de comunicação). Um dos 
serviços   da   Internet   é   a   Teia   Mundial   (World   Wide   Web),  que 
disponibiliza principalmente páginas escritas em código HTML. O 
navegador interpreta as páginas e exibe­as.

Os   navegadores   mais   vulgares   são   o  Mozilla   Firefox  e   o 

Explorador da Internet. O primeiro é gratuito.
Para visualizarmos páginas da Teia Mundial, usamos o protocolo 
http (hypertext transfer protocol).
Num navegador, o protocolo é normalmente indicado pelas suas 
iniciais seguidas de :// como se mostra  abaixo:

Finalidade Protocolo A
Visualização de páginas da Teia Mundial hypertext transfer protocol
Transferência de ficheiros file transfer protocol
Visualização de ficheiros locais —
Os   recursos   da   Internet  identificam­se   tecnicamente   pelos   seus 
endereços   IP.   Como   é   para   nós   mais   fácil   lidar   com   palavras 
familiares   do   que   com   números   relativamente   longos,   existe  na 
Internet   o   serviço  DNS   (Domain   name   System),   que   converte 
endereços IP em nomes e vice­versa.

Nesta   actividade   vamos   efectuar   algumas   experiências   com   o 

navegador,   com   vista   a   adquirir   conhecimentos   sobre   o 
funcionamento destes sistemas.

1. No sistema Linux, os ficheiros e pastas estão dispostos numa 
estrutura em árvore, iniciada na raiz, que se representa por 
uma barra (/). Ramificações são indicadas por mais barras 
após os nomes das pastas.

a) Abra o seu navegador (Mozilla Firefox) e introduza na 
caixa de endereços:  file:///home/aulas/t10a01
N.B. Deverá substituir t10a01 pela sua identificação de utilizador. E 
note que file:// se  refere à leitura de ficheiros localmente 
armazenados, enquando /home/aulas/t10a01 representa a 
localização da pasta t10a01 no sistema de ficheiros local.

b) Analise cuidadosamente o resultado e experimente clicar 
em pastas.

c) Clique sobre a designação de um ficheiro de imagem e 
observe   o   resultado,   tendo   o   cuidado   de   analisar   e 
interpretar o endereço completo que lhe aparece na caixa 
de endereços.

d) Clique sobre um ficheiro html e observe o resultado.

e) Clique sobre um ficheiro de som e ouça o resultado.
 N.B. Se não tiver esses ficheiros presentes, insira alguns na sua pasta 
pessoal e depois execute as acções.

f) Repita a alínea a) de forma a visualizar o conteúdo do 
seu ambiente de trabalho (Desktop).

2. Para   verificar   o   funcionamento   do   serviço  DNS,  insira 

sucessivamente   na   caixa   de   endereços   os   endereços 
seguidamente   apresentados,   aguardando   depois   de   cada 
introdução que a página seja carregada para o navegador.

a)  http://www.bbc.co.uk

b) http://212.58.240.120

c) Repita esta operação com outros sítios da Teia Mundial, 
utilizando,   para   saber   os   endereços   IP,   a   função 
nslookup  acessível   na   página   de   endereço 
http://swhois.net.

d)  Que se conclui?

PARTE II
As páginas  da Teia Mundial contém linhas de código HTML. O 
programa   navegador   interpreta   esse   código   e   mostra­nos   os 
conteúdos sob a forma de texto, imagens, hiperligações, elementos 
de   som,   etc.   HTML   significa  Hypertext   Markup   Language,   ou 
seja,   linguagem de marcação de hipertexto. Esta  marcação  tem 
origem   nos   tempos   da   composição   tipográfica   manual,   em   que 
havia   umas   marcas   de   formatação   que   eram   colocadas   antes   e 
depois   das   palavras,   por   exemplo,   para   gerar   um   negrito 
colocavam­se   marcas   antes   e   depois   da   palavra  ou   expressão   a 
apresentar em negrito.
No   nosso   contexto   actual,   as   marcações   recebem   o   nome   de 
etiquetas HTML (em inglês, HTML tags).
Para criar  uma   página  em  código   HTML,  podemos   utilizar um 
simples processador  de  texto  e  no  fim  guardar  a  página  com a 
extensão  html,   por   exemplo,   poderíamos   assim   criar   o   ficheiro 
poema.html
No nosso sistema das aulas, na tarefa 2. abaixo, vamos utilizar o 
Editor de Texto,  que se encontra em  Aplicações > Acessórios > 
Editor de texto.

Com esta actividade vamos ver como é o código de uma página 
HTML e seguidamente vamos criar uma página simples.

1. Visite a página da nossa Escola e observe-a. Na barra de

menus do Firefox, clique em Exibir > Código-fonte e observe
atentamente o resultado, tentando identificar:
a) etiquetas HTML;

b) elementos de conteúdo das páginas, por exemplo,

elementos de texto;
 c) referencias a outros elementos, como imagens ou
ficheiros

2.  Visite o sítio da Cidade da Malta e siga o seguinte trajecto, 
para   efectuar   as   seis   missões   propostas   na   actividade 
intitulada A malta aprende Internet – 2. Tenha o cuidado de 
colocar todos os elementos do seu trabalho numa nova pasta, 
que poderá ter o nome malta.

a) Visitantes – Entrar

b) Ciência e Tecnologia

c) A malta aprende Internet – 2

d) Clicar no agente web da esquerda e seguir instruções

e) Clicar no agente web seguinte, cumprir as instruções,

etc.

N.B. Para que os caracteres especiais portugueses resultem

correctamente apresentados, é necessário inserir a linha seguinte
na zona de cabeçalho (head) da página: <meta http-
equiv="Content-Type" content="text/html;charset=iso-8559-
15" />
Pode ainda ser necessário, no Firefox, nos menus, seleccionar
Exibir > Codificação > Seleccionar Automaticamente >
Universal

3. Vá visualizando o seu trabalho no navegador e mostre-o aos

colegas e ao professor.
Volte ao início deste documento e verifique se já domina todos 
os objectivos propostos.
Em caso negativo, volte a estudar os assuntos que ainda não 
domina bem.

FIM
(deste episódio apenas, pois ainda há muito que andar...)