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