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/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 copiado de tar1 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: - identifica.html - deverá ter o conteúdo do item: "Identificação Pessoal" - habilcarac.html - deverá ter o conteúdo do item: "Habilidades & Características" - defeimania.html - deverá ter o conteúdo do item: "Defeitos & manias" - hobbieslaz.html - deverá ter o conteúdo do item: "Hábitos de Lazer" - futuroprox.html - deverá ter o conteúdo do item: "Futuro" - ancoracess.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 mantida na página. 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 ancoracess.html e implemente um conteúdo estruturado com acessos por âncoras com pelo menos 5 â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. NÃO USE nesta tarefa NENHUM recurso de formatação CSS. MESMO que no exemplo de página tenha referencia de arquivos com declarações de CSS. 13. 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. 14. 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