Projeto 1: HTML+CSS - Desenvolvimento da 4ª tarefa
Desenvolvimento das configurações de FORMATAÇÃO CSS para as páginas HTML.
---------------------------------------------------------------------------------------------------------------------------------
Documento revisado em: 2026-09-22 12h13
=================================================================================================================================
1. Leia e Certifique-se de ter feito todos os passos do texto disponível em:
https://disciplinas.fatecourinhos.edu.br/ilp540/ilp540.php
Tarefas|Projetos >> Orientação Geral para Tarefas e Projeto
2. Acesse o diretório ilp540/sigla/HTML-CSS e COPIE o diretório tar3 para outro diretório com nome tar4.
No diretório tar4 faremos a tarefa de formatação de conteúdo com CSS (inline, interno ou externo).
3. Acesse o diretório tar4 e troque o nome do arquivo tar3.html para tar4.html.
4. Edite todos os arquivos do diretório tar4 em um editor com arquivos abertos em abas.
Em todos os arquivos .HTML editados busque o texto "Tarefa - 3" e troque por "Tarefa - 4".
5. Crie um arquivo em formato UTF-8 (Sem BOM-Byte Order Mark). O nome deste arquivo será tar4.css. No arquivo tar4.css devem
ser escritos seletores nomeados, classes ou identificadores CSS para a seguinte especificação:
- A cor de fundo de todas as páginas deste site deve ser 'linen' [#FAF0E6].
- A cor da fonte dos TÍTULOS das páginas deve se manter em vermelho, com fonte TAHOMA tamanho 14 pixels. Crie um seletor
classe com estas declarações e use-o nas Linhas dos arquivos onde está escrito "Tarefa - 4" ou identificado.
- O texto das linhas dos arquivos que aparecem à ESQUERDA do sinal ':' (itens) devem ser apresentados com fonte o "Courier
New" (monoespaçado) de cor preto e com tamanho 14 pixels, incluindo o sinal ':'. Crie um seletor nomeado como "CNB14"
e use-o em todos os arquivos cujas linhas estejam nesta especificação.
- O texto das linhas dos arquivos que aparecem à DIREITA do sinal ':' (descriçao dos itens) devem usar um seletor
identificado com fonte 'TAHOMA' com tamanho 12 pixels em cor preto.
- O Botão 'Voltar' deve ser visto com fundo transparente e formatado com fonte mono espaçado, tamanho 12 pixels em cor
preto com efeito itálico.
5. No arquivo tar4.html, os itens de acessos devem aparecer em uma só linha.
6. TESTE SUA TAREFA
- Acesse seu navegador e na barra de endereços escreva:
//localhost/ilp540/sigla/HTML-CSS/tar4/tare4.html
- Se necessário, altere seu arquivo e recarregue seu arquivo no navegador.
7. ENVIO DO ARQUIVO DA TAREFA
Gere um arquivo compactado do DIRETÓRIO tar4. O NOME do arquivo gerado deve ser tar4.zip,ou tar4.RAR ou outro tar4.*.
TROQUE o NOME Principal do Arquivo Compactado para SiglaDoSeuNome.* (.zip, .rar, ou outro). A SiglaDoSeuNome deve ser formada
com LETRAS MAIÚSCULAS. Por exemplo, se o nome do aluno for Marco da Silva a sigla deve ser: MDS.
O arquivo compactado deve ser enviado para a conta de e-mail: prof.joao.hypolito@gmail.com
No ASSUNTO da mensagem deve ser escrito: PARA A TURMA DA TARDE ==> ILP540T-Projeto 1, Tarefa 4
PARA A TURMA DA NOITE ==> ILP540N-Projeto 1, Tarefa 4
No CORPO da Mensagem Escreva seu Nome completo.
12. Data e Horário Limite para envio: 05/09/2026 - 23:59
=================================================================================================================================
** O estudo das TAGs HTML e seletores CSS pode ser iniciado no site: https://www.w3schools.com/html/default.asp
** Endereço do Site com especificação UNICODE para caracteres especiais e acentuações da língua portuguesa.
https://www.fatecourinhos.edu.br/disciplinas/ilp540/tutorial/dicas/dicas2/simbolos.php
** Especificação do que montar na página está no site: https://www.fatecourinhos.edu.br/disciplinas/ilp540/ilp540.php
Tarefas|Projetos >> Projeto-01 >>
O estudo das TAGs HTML e seletores CSS pode ser iniciado no site: https://www.w3schools.com/html/default.asp