Desenvolvimento da Segunda tarefa ------------------------------------------------------------------------------------------------------------------ - ATIVE O SERVIDOR DE PÁGINA (abra o painel de controle do XAMPP e 'dispare' o Apache e o MySQL) - ACESSE o diretório localhost/SeuNome/HTML-CSS - CRIE um diretório com nome tar2 (deve ficar ao lado do tar1) - Copie o arquivo desenvolvido na Tarefa 1 para o diretório tar2. - Acesse o diretório tar2 (aqui começa o desenvolvimento da tarefa 2). - Troque o nome do arquivo tar1.html para tar2.html CADA UM dos itens criados na lista não ordenada (na Tarefa 1) deve ser o conteúdo de uma nova página (formatada nos arquivos indicados nos slides de aula). - Crie 5 arquivos em formato .TXT 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" - defeitomania.html - deverá ter o conteúdo do item: "Defeitos & manias" - hobbies.html - deverá ter o conteúdo do item: "Hábitos de Lazer" - futuro.html - deverá ter o conteúdo do item: "Futuro" - ancora.html - deverá ter o conteúdo de um texto estruturado com, pelo menos, 5 acessos internos (âncoras). Os conteúdos destes itens estão escritos no arquivo Tar2.HTML (exceto o ancora.html). CADA UM dos itens criados na lista não ordenada (que estão no arquivo tar2.html) deve ser o conteúdo de uma nova página. - Edite todos os arquivos criados no diretório tar2 (use um editor com ABAS internas - uma para cada arquivo). - Copie os comandos do arquivo tar2.html para os arquivos novos. - Edite cada novo arquivo e exclua os itens que não são do arquivo editado. Dentro do Identifica.html deve ficar a lista não ordenada somente com o item identificação. Desse modo em diante para cada novo arquivo gerado. - Na edição de cada novo Item edite o título da página. - EDITE seu arquivo tar2.html e, mantendo a estrutura de lista não ordenada, transforme os títulos dos itens em acessos para os arquivos (.HTML) que foram criados. - Crie um arquivo .CSS com seletores ou identificados ou classes para formatar os elementos: - TEXTOS: fonte TAHOMA, preto, tam. 12px. (Devem ser utilizados em texto de modo geral) - ACESSOS: fonte TAHOMA, azul, tam. 14px. (Devem ser usados em TAGS ... - TÍTULOS: fonte Arial, vermelho, tam. 16px. (Devem ser utilizados em Títulos dos itens) Estes seletores devem referenciados em cada um dos arquivos criados no diretório tar2. - Em CADA arquivo com os conteúdos específicos você deve implementar um acesso para retorno para a página anterior. Este acesso DEVE estar disponível com as palavras "Voltar uma página" ou usando os ícones gráficos para os códigos hexadecimais disponíveis para a HTML. (Consulte https://www.mclibre.org/consultar/htmlcss/html/html-unicode-simbolos.html ). Este acesso DEVE USAR a função history.go() disponível nos navegadores. PESQUISE e estude como usar esta função. - No arquivo ancora.html o conteúdo desenvolvido deve ser um texto com pelo menos 2 telas de rolagem no navegador em modo tela cheia. Este texto deve ter uma linha com pelo menos 5 âncoras especificadas no topo da primeira tela da página montada. Ao lado da linha de espeficação das âncoras, desenvolva um botão com o texto 'Voltar' e com a execução da função 'history.go(-1)' ao clicar do mouse sobre o botão. Ao lado de cada âncora montada deve ser exibido um botão 'Voltar'. - Seu diretório TAR2 (tarefa 2 - desenvolvimento de páginas de acesso.) deve ficar com 7 arquivos .html e um arquivo .CSS. Nos Slides de Anotações de Aula >> HTML-CSS >> Links de Navegação são sitados os nomes: - tar2.html | identifica.html | habilcarac.html | defeitomania.html | hobbies.html | futuro.html e ancora.html. Além destes arquivos .html, deve ser feito o arquivo com nome tar2.css. - SEMPRE TESTE SEU sistema à partir do arquivo tar2.html - Acesse seu navegador. Coloque o cursor no campo de endereços e digite: http://localhost/SeuNome/p1/tar2/tar2.html (o arquivo que será acessado é o tar2.html) - Se necessário, altere seu arquivo e recarregue seu arquivo no navegador. - Gere um arquivo compactado do diretório onde foram criados os dois diretórios TAR1 e TAR2. ** 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