Projeto 1: HTML+CSS - Desenvolvimento da 3ª tarefa
---------------------------------------------------------------------------------------------------
Documento revisado em: 2025-09-08 - 18:25
---------------------------------------------------------------------------------------------------
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 tar3.
4. Copiar todos os arquivos gerados no diretório tar2 para o diretório tar3
5. Acesse o diretório tar3 e troque o nome do arquivo tar2.html para tar3.html
6. Edite o arquivo tar3.html e estruture uma tabela ocupando 100% da largura da tela e construindo
uma linha com 6 células. Em cada célula escreva a TAG que define o acesso a um arquivo do site.
7. Edite o arquivo de âncoras e estruture uma tabela com todos os acessos em uma linha.
Cada acesso deve estar dentro de uma célula da tabela mesmo que a tabela ocupe
mais do que a argura da tela do navegador.
8. Edite cada arquivo do site e estruture uma tabela com 3 colunas.
A coluna da esquerda deve conter o título ou item destacado na lista.
A coluna do meio deve conter o sinal ':'.
A coluna da direita deve conter a descrição do item (ou título).
O título em vermelho da página deve aparecer na primeira linha da tabela ocupando 3 colunas de largura.
O botão voltar deve aparecer na última linha e na terceira coluna da tabela.
9. 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/tar3/div/div[seminclude]/divsi.html (o arquivo que será
acessado é o tar3.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 SiglaDoSeuNome e anexe na Tarefa 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/