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/