Desenvolvimento da Quarta tarefa
------------------------------------------------------------------------------------------------------------------
- ATIVE O SERVIDOR DE PÁGINA
- Acessar o diretório /localhost/SeuNomeCompleto/html-css
- 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
- COPIAR os arquivos do diretório tar3 para o diretório tar4/frame
- 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
...
SEM USAR O INCLUDE
(parte a ser considerada na avaliação da tarefa4)
- 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 ...
COM O comando INCLUDE
- 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
para a linha seguinte à .
- Escreva uma TAG ...
que contenha toda a tabela e o
.
- MANTENHA no arquivo menu.html somente o HEAD e no BODY a DIV com a table e o
.
- 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)
- Copiar os arquivos de tar4/frame para tar4/iframe
- 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.
----------------------------------------------------
- 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.
- 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/