Desenvolvimento da Terceira tarefa
-----------------------------------------------------------------------------------------------------------------------------------------------------
- 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.
- Dentro do diretório localhost/SeuNomeCompleto/HTML-CSS/ crie um diretório com nome tar3 (deve ficar ao lado do tar1 e tar2)
- Copie os arquivos desenvolvidos na Tarefa 2 para o diretório tar3.
- Acesse o diretório tar3 (aqui começa o desenvolvimento da tarefa 3) [repetido de propósito].
- Renomeie o arquivo tarefa2.html para tarefa3.html, troque também o nome do arquivo tarefa2.css para tarefa3.css.
- Edite todos os seus arquivos .HTML:
- Estruture os conteúdos usando tabelas.
Apresente, se necessário uma palavra na coluna da esquerda e um texto explicando a palavra apresentada
(isso vale para as páginas que apresentam suas habilidades & características, seus defeitos & manias e seus hobbies).
Na página de identificação naturalmente já fica fácil a transformação em tabelas.
Na página de futuro... pense e projete uma tabela com palavras e textos que expliquem seus horizontes para um futuro.
- Revise a página apresentada em tarefa3.html e use
para estruturar os acessos em UMA SÓ linha.
A tabela do tarefa3.html deve ser apresentada SEM NENHUMA BORDA. A tabela que apresenta os itens do tarefa3.html NÃO deve apresentar os itens em lista não ordenada.
- Edite seu arquivo .CSS e especifique seletores e atributos que desenhem uma tabela:
- borda de 1 pixel, colapsada envolvendo a linha da tabela, na cor preta para as tabelas das páginas EXCETO a página do tarefa3.html.
- linha de cabeçalho com cor de fundo em azul claro e letras em preto com efeito de negrito
- as células das linhas das tabelas DEVEM ter cor de fundo transparentes e letras pretas sem efeito de apresentação.
- TESTE SEU ARQUIVO
- Acesse seu navegador. Coloque o cursor no campo de endereços e digite:
http://localhost/SeuNome/HTML-CSS/tar3/tarefa3.html (o arquivo que será acessado é o tarefa3.html)
- Se necessário, altere seu arquivo e recarregue seu arquivo no navegador.
- 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/