Projeto 1: HTML+CSS - Desenvolvimento da 3ª tarefa
---------------------------------------------------------------------------------------------------
Documento revisado em: 2025-03-20 - 15:47
---------------------------------------------------------------------------------------------------
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. No diretório localhost/SeuNomeCompleto/HTML-CSS/ COPIE o diretório tar2 tar3 [novo].
tar3 fica ao lado dos diretórios tar1 e tar2.
3. Acesse o diretório tar3.
4. Troque os nomes dos arquivos tar2.html para tar3.html.
5. Edite todos os seus arquivos .HTML do diretório tar3:
- Crie um novo arquivo [tar3.css] e escreva neste arquivo a definição de SELETORES CSS
com as especificações:
corpo de página => font: TAHOMA, cor: preta, cor de fundo em #FAF0E6 (Linen),
tamanho dos textos: 14pixels.
a,acesso => cor: azul, tamanho: 14 pixels.
titulo => cor: Vermelho, tamanho:16 pixels.
button => sem borda, com cor de fundo transparent, fonte igual ao do corpo da página.
- Em todos os arquivos.HTML escreva a TAG para estabelecer o vinculo com o arquivo .CSS
Esta TAG está especificada nos Slides de Aula.
- Em todos arquivos .HTML utilize os seletores .CSS para formatar os conteúdos.
- Em todos os arquivos .html exiba no titulo da ABA da página os dizeres "Tar3 - "
seguido do título do item exibido no conteúdo da página.
6. TESTE SEU ARQUIVO
- Acesse seu navegador. Coloque o cursor no campo de endereços e digite:
http://localhost/SeuNome/HTML-CSS/tar3/tar3.html (o arquivo que será acessado é o tar3.html)
- Se necessário, altere seu arquivo e recarregue seu arquivo no navegador.
7. Gere um arquivo compactado do diretório SeuNomeCompleto onde existe o diretório HTML-CSS e
onde foram criados os três diretórios (tar1, tar2 e tar3)
** Especificação do que montar na página está no site:
https://www.fatecourinhos.edu.br/disciplinas/ilp540/ilp540.php
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/