Projeto 1: HTML+CSS - Desenvolvimento da 5ª tarefa
---------------------------------------------------------------------------------------------------
Documento revisado em: 2025-04-03 - 16:10
---------------------------------------------------------------------------------------------------
 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. Criar os diretório tar5 e a seguir crie os subdiretórios:
    frame -> Será usado para a implementação da tarefa4 usando frames
    div/div[ComInclude] -> Será usado para a implementação da tarefa5 usando DIVs Com uso de INCLUDE
    div/div[SemInclude] -> Será usado para a implementação da tarefa5 usando DIVs Sem uso de INCLUDE
    iframe -> Será usado para a implementação da tarefa5 usando iframes (para estudo, mas será usado
    no Projeto 1)

  ----------------------------------------------------
Parte do exercício que monta o sistema de páginas usando FRAMESET
 4. COPIAR os arquivos do diretório tar4 para o diretório tar5/frame

 5. Desenvolvendo o sistema de páginas com frames
    - Acesse o diretório TAR5/frame
    - Editar e alterar os arquivos copiados em tar5/frame para implementar a estrutura de frames
      (Visto em sala).

  ----------------------------------------------------
Parte do exercício que monta o sistema de páginas usando <DIV>...</DIV> SEM USAR O INCLUDE
  (parte a ser considerada na avaliação da tarefa5)
 6. Copiando e editando arquivos de referência
    - COPIAR os arquivos do diretório tar4 para o diretório tar5/div/div[SemInclude]
      (aqui começa o desenvolvimento da tarefa 5 - que será considerado para nota).
    - Editar e alterar os arquivos copiados em tar5/div/div[SemInclude]
      para implementar a estrutura de navegação ao sistema de arquivos implementado na tarefa3.
      Use como referencia de navegação os efeitos do sistema feito em tar5/frame
      - Para detalhes da especificação desta parte da tarefa leia o .PDF da tarefa5

  ----------------------------------------------------
Seguindo com a parte de exercício que monta o sistema de páginas usando  <DIV>...</DIV>
COM O comando INCLUDE
 7. Copie os arquivos desenvolvidos na Tarefa 3 para o diretório tar4/div[ComInclude]
    - Editar e alterar os arquivos copiados em tar5/div/div[ComInclude]
      - Copie qualquer arquivo que tenha o segmento de código que monta o menu para um arquivo
        com nome menu.html
      - Edite o arquivo menu.html. Na tabela que apresenta os itens do menu inclua uma célula na
        esquerda e nesta célula copie a linha que mostra o título "Tarefa 5".
      - DESLOQUE a linha que tem o <hr> para a linha seguinte à </table>.
      - Escreva uma TAG <DIV>...</DIV> que contenha toda a tabela e o <hr>.
      - MANTENHA no arquivo menu.html somente o HEAD e no BODY a DIV com a table e o <hr>.
    - Dos arquivos do sistema retire o trecho que monta o menu.
      Consulte o Tutorial da disciplina
      ( https://www.fatecourinhos.edu.br/disciplinas/ilp540/tutorial/dicas/dicas1/index.php )
      e escreva o comando que inclua o menu.html no ponto onde deve ser visto o Menu do sistema.

  ----------------------------------------------------
Seguindo com a parte do exercício que monta o sistema usando iframe
  (Use como referencia de navegação os efeitos do sistema feito em tar5/frame)
 8. Copiar os arquivos de tar5/frame para tar5/iframe

 9. Edite o arquivo exibido na abertura do site e implemente DOIS iframe
    (substituindo os frames construidos no frameset editados no arquivo tarefa4.html
    Não se esqueça de nomear adequadamente cada iframe para que o sistema de acessos funcione certo.
    Obs.: Como todos os outros arquivos do sistema de FRAME são carregados à partir do menu e como
    este item está agora no arquivo de abertura, o arquivo de abertura pode ser gravado SOBRE o
    arquivo tar5.html.

  ----------------------------------------------------
10. TESTE SEU ARQUIVO
    - Acesse seu navegador. Lembrando que esta tarefa se subdivide em 4 sendo a obrigatória a
      DIV[SEMINCLUDE] Coloque o cursor no campo de endereços e digite:
      http://localhost/SiglaDoSeuNomeCompleto/tar5/div/div[seminclude]/divsi.html (o arquivo que será
      acessado é o tar5.html)
    - Se necessário, altere seu diretório e arquivo de acesso para testar os outros sistemas.

11. Gere um arquivo compactado do diretório SeuNomeCompleto e anexe na Tarefa 4 do Teams

Se você tiver alguma dúvida sobre parâmetros de construção do site, pergunte ao professor.
Sendo procedente, uma alteração pode ser feita neste arquivo seguindo a discussão.

** Especificação do que montar na página está no site:
https://www.fatecourinhos.edu.br/disciplinas/ilp540/

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/