Projeto 1: HTML+CSS - Desenvolvimento da Quarta tarefa
-----------------------------------------------------------------------------------------------------------------------------------------------------
 1. ATIVE O SERVIDOR DE PÁGINA (abra o painel de controle do XAMPP e 'dispare' o Apache e o MySQL)

 2. Acessar o diretório /localhost/SeuNomeCompleto/html-css

 3. Criar os diretório tar4 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 tarefa4 usando DIVs Com uso de INCLUDE
    div/div[SemInclude] -> Será usado para a implementação da tarefa4 usando DIVs Sem uso de INCLUDE
    iframe -> Será usado para a implementação da tarefa4 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 tar3 para o diretório tar4/frame

 5. Desenvolvendo o sistema de páginas com frames
    - Acesse o diretório TAR4/frame
    - Editar e alterar os arquivos copiados em tar4/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 tarefa4)
 6. Copiando e editando arquivos de referência
    - COPIAR os arquivos do diretório tar3 para o diretório tar4/div/div[SemInclude]
      (aqui começa o desenvolvimento da tarefa 4 - que será considerado para nota).
    - Editar e alterar os arquivos copiados em tar4/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 tar4/frame
      - Para detalhes da especificação desta parte da tarefa leia o .PDF da tarefa4

  ----------------------------------------------------
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 tar4/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 4".
      - 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 tar4/frame)
 8. Copiar os arquivos de tar4/frame para tar4/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 como esperado.
    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 tarefa4.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/SeuNomeCompleto/tar4/div/div[seminclude]/tarefa4.html (o arquivo que será acessado é o tarefa4.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/