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/