Aula 3 - Criando páginas para o WWW

Objetivos

• Capacitar os estudantes a construir páginas HTML para o WWW, incluindo links e figuras.
• Capacitar os estudantes e coletarem figuras de outras páginas para inclusão em suas próprias páginas
• Capacitar os estudantes a usarem um editor gráfico para criar ou modificar figuras para inclusão em suas páginas HTML.

Páginas HTML podem conter
figuras,	filmes
sons, musicas ou mensagens gravadas	links (endereços) para outras páginas.

Por isso são denominadas de hypertexto, isto é, pela possibilidade de conter links para outros textos.
 

As figuras que são inseridas em uma página HTML devem ser do tipo .GIF ou .JPG. Se você tiver uma figura ou imagem de outro tipo, precisará usar um editor gráfico, tal como o Paint Shop para converter sua figura para um dos formatos acima referidos (GIF ou JPG)

Instruções básicas para a construção do material de referência em HTML:

• Tutorial Netscape Composer - Dicas ON-LINE PGIE/UFRGS
• Tutorial Netscape Composer
• Como criar um arquivo HTML
• Criando uma página HTML usando o editor do Netscape
• Aprendendo HTML
• Como usar o editor gráfico Paint Shop Pro 5 para construir ou editar as ilustrações do material de referência
• Como usar o editor gráfico Paint Shop Pro 3 para construir ou editar as ilustrações do material de referência
• Como inserir imagens em uma página HTML

1. Responder a enquete no Learning Space

1. Trabalhar na construção de sua home-page.
• Deverá ser criado um conjunto de pelo menos 3 páginas HTML

A primeira deve conter chamadas (links) para as outras duas e nestas deve haver um link para a primeira página. O assunto a ser abordado nas páginas pode ser de livre escolha mas deve ser devidamente ilustrado e o formato final dos arquivos deverá ser HTML
• Os arquivos devem ter um nome construido a partir dos nomes dos integrantes do grupo seguido de números para diferencia-los entre si e dos demais trabalhos da turma. Os arquivos gráficos tambem devem ter nomes construídos de acordo com esta regra. Por exemplo, os trabalhos de um aluno de nome Kirk seriam: kirk1.htm kirk2.htm kirk3.htm kirk1.gif kirk2.gif e assim por diante

Importante: Os nomes de arquivos devem conter apenas letras minúsculas e nenhuma acentuação ou cedilha.
• Usando a Internet, procurar/ criar figuras (arquivos GIF ou JPG) para incluir nas páginas

Estas figuras podem capturadas de páginas no WWW (respeitando os direitos de copyright) ou criadas com um editor gráfico ou ainda pesquisadas em um CDROM de figuras.
Existem algumas figuras no diretório http://penta2.ufrgs.br/figuras/
• Antes de começas a trabalhar, certifique-se de que existe um diretório /temp no disco de sua máquina para colocar nele os arquivos em que estiver trabalhando. Se não existir um arquivo /temp, crie um, usando o Windows Explorer.
2. O trabalho deverá ser transmitido para o Learning Space

Não esquecer de transmitir todos os arquivos (o(s) arquivo(s) HTML e os arquivos gif ou jpg.
3. Teste se o resultado está corretamente armazenado no servidor, se a página inicial tem links para as outras páginas e se estes links estão corretos (quando clicados chamam as devidas páginas).