Este projeto é uma tarefa simples de desenvolvimento web que tem como objetivo reproduzir a estrutura e o design de uma tabela utilizando HTML e CSS. Ele faz parte do programa de capacitação 3035Teach da 3035 Tech, que visa desenvolver as habilidades básicas em desenvolvimento web dos participantes.
O foco principal do projeto está na prática de estruturação de tabelas em HTML e no uso de CSS para personalização e estilização.
Caso queira acessá-lo, clique aqui.
O objetivo deste projeto é reforçar os conceitos fundamentais de estruturação de tabelas e estilização de páginas. A tabela desenvolvida apresenta os seguintes elementos:
- Cabeçalho da Tabela: Informações organizadas em colunas.
- Linhas de Dados: Contém informações fictícias formatadas para simular um ambiente real.
- Estilização Personalizada: Aplicação de estilos para melhorar a estética e a legibilidade da tabela.
Embora seja um projeto simples, ele demonstra como conceitos básicos podem ser usados para criar elementos visuais úteis e organizados.
- HTML: Para estruturação da tabela.
- CSS: Para a estilização do conteúdo (arquivo
styles.css
).
A estrutura de diretórios do projeto é simples e organizada da seguinte forma:
Tarefa_2/
│
├── index.html # Página principal contendo a estrutura HTML
├── styles.css # Arquivo de estilos CSS
└── README.md # Arquivo de documentação do projeto
- index.html: Contém o código HTML responsável pela criação da tabela e organização da página.
- styles.css: Arquivo CSS que aplica estilização personalizada à tabela, como cores, bordas, espaçamentos e fontes.
- README.md: Documento que explica o projeto, como utilizá-lo e informações adicionais.
-
Clone o Repositório: Para começar, faça o clone do repositório para sua máquina local:
git clone https://github.com/Felipecardosovargas/Tarefa_2.git
-
Acesse o Diretório: Navegue até o diretório do projeto clonado:
cd Tarefa_2
-
Abra o arquivo
index.html
: Utilize qualquer navegador para abrir o arquivo e visualizar a tabela estilizada:open index.html
Este projeto busca:
- Fortalecer os conceitos básicos de estruturação em HTML.
- Ensinar a estilização de tabelas utilizando CSS para criar páginas visualmente mais atraentes.
- Reforçar boas práticas de organização de código e separação de responsabilidades (HTML e CSS).