Projeto 1: HTML+CSS - Desenvolvimento da 5ª tarefa
---------------------------------------------------------------------------------------------------
Documento revisado em: 2025-09-22 - 18:45
---------------------------------------------------------------------------------------------------
1. ATIVE O SERVIDOR DE PÁGINA (abra o painel de controle do XAMPP e 'dispare' o Apache e o MySQL)
Deu pra ver que está sempre será a primeira instrução na execução de uma tarefa.
Mas mesmo assim escreverei em todas.
Para edição de suas tarefas use [preferencialmente] um editor com multiplas abas.
2. Acessar o diretório /localhost/SeuNomeCompleto/html-css
3. Copie o diretório tar4 para um novo diretório com nome tar5
(deve ficar ao lado do tar1, tar2, tar3 E tar4)
4. Acesse o diretório TAR5 (aqui começa o desenvolvimento da tarefa 5).
5. Você leu no Slide Referência toda a especificação de uma página que monta QUADROS
6. Propomos um exercício:
- Edite um arquivo .HTML (nome: frame.html) e implemente uma estrutra de quadros com 2 quadros:
- No topo da tela um quadro com 60 pixels de altura carregando uma página com nome MENU.HTML
o arquivo MENU.HTML deve mostrar uma tela com fundo NAVAJOWHITE e acomodar um conjunto de acessos
para os arquivo copiados de tar4 (para as páginas identificação,
Habilidades & Características, Defeitos & Manias, Hobbies & Lazer e Futuro).
O quadro na parte superior da página deve ser nomeado 'escolhas'.
- No restante da tela deve ser carregado um arquivo com nome ENTRADA.HTML que deve apresentar
uma página onde exeplica o uso deste site e apresenta o NOME do Aluno e seu RA. A da página
apresentada pelo arquivo entreda.html deve ser 'LINEN'.
O quadro na parte inferior da página deve ser nomeado 'panorama'.
7. Terminado a estruração dos quadros...
- TESTE SEUS ARQUIVOS ACESSANDO O SISTEMA POR frame.HTML
- Acesse seu navegador. Coloque o cursor no campo de endereços e digite:
http://localhost/SeuNomeCompleto/html-css/tar5/frame.html
(o arquivo que será acessado é o frame.html)
- Se necessário, altere seu arquivo e recarregue seu arquivo no navegador.
8. Gere um arquivo compactado do diretório nomeado com a SiglaDoSeuNome (Sigla do seu nome completo
como escrito no SiGA). Anexe este arquivo na tarefa Teams.
O estudo das TAGs HTML e seletores CSS pode ser iniciado no site:
https://www.w3schools.com/html/default.asp
https://www.w3schools.com/css/default.asp
Se for necessário consulte outros tutoriais.
As cores podem ser escolhidas e visualizadas no site:
https://coolors.co/