Projeto 1: HTML+CSS - Desenvolvimento da 4ª tarefa
Desenvolvimento de TABELAS nas páginas HTML.
---------------------------------------------------------------------------------------------------
Documento revisado em: 2025-09-10 - 19:30
===================================================================================================
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 tar3 para outro diretório com nome tar4.
No diretório tar4 faremos a tarefa de Estruturação de TABELAS para o conteúdo das páginas HTML.
3. Acesse o diretório tar4 e troque o nome do arquivo tar3.html para tar4.html.
4. Edite TODOS os arquivos .html e estruture uma tabela ocupando 100% da largura da tela.
Esta é a TABELA PRINCIPAL. Esta TABELA deve ter uma largura de 100% da tela e conter UMA linha
com TRÊS células. A Célula da ESQUERDA e da DIREITA devem ter a largura de 10% da
largura da Tabela. A Célula central fica com a largura sendo o restante da tela. O conteúdo de
cada página HTML montada com os outros arquivos deve ser acomodado na célula central da
Tabela Principal.
5. Em cada tabela de cada um dos arquivos: identifica.html, habilcarac.html, defeimania.html,
hobbieslaz.html, futuroprox.html e ancoracess.html, na célula central da tabela principal,
os conteúdos devem estar dispostos em uma tabela. A Tabela da Célula Central será denominada
TABELA CENTRAL.
6. Dentro da Célula Central da Tabela Principal, usando o seletor de TÍTULO (formatado no arquivo
ESTILOS.CSS, ANTES de iniciar a Tabela Central deve estar escrito o Título "Tarefa - 4" e um
traço horizontal. Abaixo do
deve ser acomodada A TABELA CENTRAL.
7. A Tabela Central deve ter duas colunas de largura e a quantidade de linhas para acomodar TODOS
os conteúdos da página. A primeira linha deve ter a primeira célula ocupando DUAS colunas e
acomodando o Título da página ('Identificação', 'Habilidades & Características', etc.).
As demais linhas da TC devem ter duas colunas. Na coluna da Esquerda aparece o Item e na
coluna da Direita a descrição do item Apresentado. O Sinal ':' deve ser formatado usando o
mesmo estilo do Item da Coluna da Esquerda. O Sinal ':' deve ser o primeiro caractere da
coluna da direita. A Descrição do item deve aparecer separado de ':' por um caractere.
Na última linha da TC a coluna da esquerda deve estar VAZIA e na coluna direita deve se ver
SOMENTE o botão VOLTAR formato com o estilo definido em ESTILOS.CSS (def. TAR3).
8. TESTE SUA TAREFA
- Acesse seu navegador e na barra de endereços escreva:
//localhost/ilp540/HTML-CSS/tar4/tare4.html
- Se necessário, altere seu arquivo e recarregue seu arquivo no navegador.
9. 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 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 4
PARA A TURMA DA NOITE ==> ILP540N-Projeto 1, Tarefa 4
No CORPO da Mensagem Escreva seu Nome completo.
10. 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