Projeto 1: HTML+CSS - Desenvolvimento da 2ª tarefa --------------------------------------------------------------------------------------------------- Documento revisado em: 2025-03-20 - 15:47 --------------------------------------------------------------------------------------------------- 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. ACESSE o diretório localhost/ilp540/SiglaDoNome/html-css 3. CRIE um diretório com nome tar2 (deve ficar ao lado do tar1) 4. Copie o arquivo desenvolvido na Tarefa 1 para o diretório tar2. 5. Acesse o diretório tar2 (aqui começa o desenvolvimento da tarefa 2). 6. Troque o nome do arquivo tar1.html para tar2.html CADA item criado na lista não ordenada (na Tarefa 1) deve ter o conteúdo de uma nova página (formatada nos arquivos indicados nos slides de aula). 7. Copie o arquivo tar2.html para cada um dos 5 arquivos com seguintes nomes: - identificacao.html - deverá ter o conteúdo do item: "Identificação Pessoal" - habilidcaract.html - deverá ter o conteúdo do item: "Habilidades & Características" - defeitomanias.html - deverá ter o conteúdo do item: "Defeitos & manias" - hobbieselazer.html - deverá ter o conteúdo do item: "Hábitos de Lazer" - horizonfuturo.html - deverá ter o conteúdo do item: "Futuro" - acessosancora.html - conteúdo: um texto estruturado com, pelo menos, 5 (âncoras). Os conteúdos destes itens estão escritos no arquivo tar2.html (exceto o ancora.html). 8. Edite CADA UM dos arquivos copiados e remova os conteúdos que não devem permanecer no arquivo. Note: A estrutura da página deve ser a mesma [inicio, cabeçalho, corpo], a lista não ordenada deve ser removida. Cada arquivo fica somente com o texto relativo ao item do arquivo. 9. Na edição de cada novo Item edite o TÍTULO da página [] deve ser o título do item com conteúdo na página. 10. EDITE o arquivo acessoancora.html e implemente um conteúdo estruturado com acessos por âncoras com pelo menos 4 âncoras. Pesquise um tema, desenvolva seu conteúdo e estruture suas âncoras. 11. Edite seu arquivo tar2.html e construa um sistema de navegação com acessos externos localizando cada um dos arquivos gerados no item 7. Os acessos devem aparecer em uma lista ordenada. 12. SEMPRE TESTE SEU sistema à partir do arquivo tar2.html - Acesse seu navegador. Coloque o cursor no campo de endereços e digite: http://localhost/ilp540/SiglaDoNome/html-css/tar2/tar2.html [o arquivo a ser acessado é o tar2.html] - Se necessário, altere seu arquivo e recarregue seu arquivo no navegador. 13. Gere um arquivo compactado do diretório SiglaDoNome e anexe na tarefa HTML-CSS-Tar2 no Teams. ** Especificação do que montar na página está no site: https://www.fatecourinhos.edu.br/disciplinas/ilp540/ilp540.php O estudo das TAGs HTML e seletores CSS pode ser iniciado no site: https://www.w3schools.com/html/default.asp