Projeto 1: HTML+CSS - Desenvolvimento da 3ª tarefa
Desenvolvimento das configurações de FORMATAÇÃO CSS para as páginas HTML.
---------------------------------------------------------------------------------------------------
Documento revisado em: 2026-03-25 - 11:00
===================================================================================================
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/HTML-CSS e COPIE o diretório tar2 para outro diretório com nome tar3.
No diretório tar3 faremos a tarefa de formatação de conteúdo com CSS (inline, interno ou externo).
3. Acesse o diretório tar3 e troque o nome do arquivo tar2.html para tar3.html.
4. Edite todos os arquivos do diretório tar3 em um editor com arquivos abertos em abas.
Em todos os arquivos .HTML editados busque o texto "Tarefa - 2" e troque por "Tarefa - 3".
5. Crie um arquivo em formato UTF-8 (Sem BOM-Byte Order Mark). O nome deste arquivo será tar3.css.
No arquivo tar3.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 ARIAL tamanho
16 pixels. Crie um seletor classe com estas declarações e use-o nas Linhas dos arquivos
onde está escrito "Tarefa - 3".
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 16 pixels,
incluindo o sinal ':'. Crie um seletor nomeado como "CNB16" 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 'TAHOMA',
tamanho 12 pixels em cor preto com efeito itálico.
5. No arquivo tar3.html, os itens da lista não ordenada devem aparecer em uma só linha.
6. TESTE SUA TAREFA
- Acesse seu navegador e na barra de endereços escreva:
//localhost/ilp540/HTML-CSS/tar3/tare3.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 tar3. O NOME do arquivo gerado deve ser tar3.zip,ou
tar3.RAR ou outro tar3.*. 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 Antonio da Silva a sigla deve ser: ADS
(o 'D' deve aparecer na Sigla).
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 3
PARA A TURMA DA NOITE ==> ILP540N-Projeto 1, Tarefa 3
No CORPO da Mensagem Escreva seu Nome completo.
12. Data e Horário Limite para envio: 05/04/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