Thanks to visit codestin.com
Credit goes to github.com

Skip to content

zonaeducacional/trilhas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 Trilhas Digitais de História

Sistema educacional interativo para o ensino de História e Literatura, desenvolvido para a Escola Januário E. de Lima.

Trilhas Digitais HTML5 TailwindCSS JavaScript

🎯 Sobre o Projeto

O Trilhas Digitais de História é uma plataforma educacional gamificada que oferece experiências de aprendizagem interativas para estudantes do 6º ao 9º ano do Ensino Fundamental. Desenvolvido pelo Prof. Sérgio Araújo para a Escola Januário E. de Lima.

✨ Características Principais

  • 🎮 Gamificação Educacional - Jogos RPG, Escape Rooms e Quizzes interativos
  • 📱 Design Responsivo - Funciona perfeitamente em todos os dispositivos
  • 🎨 Interface Moderna - Design clean e intuitivo com Tailwind CSS
  • 🔗 Links Externos - Todos os recursos abrem em nova aba
  • 📖 Separação Didática - História e Literatura organizadas separadamente
  • 🚀 Sem Login - Acesso direto e imediato ao conteúdo

🏗️ Estrutura do Projeto

trilhas-digitais-historia/
├── trilhas-melhoradas.html    # Arquivo principal (versão aprimorada)
├── trilhas-completas.html     # Arquivo base
├── README.md                  # Este arquivo
└── assets/                    # Recursos externos (imagens, vídeos)

📚 Conteúdo por Série

6º Ano - Mundos Antigos

História:

  • 🧬 O Enigma da Evolução Humana
  • 🏺 Um dia na vida de Aran (Neolítico)
  • 🏛️ O Berço das Civilizações (Mesopotâmia)

LPT:

  • 📖 Projeto "Viagem Literária: Explorando Mundos e Palavras"

7º Ano - Mundos Medieval e Moderno

História:

  • 🌎 Os Segredos dos Povos da América
  • 👑 HQ - O Guardião das Histórias (Reinos Africanos)
  • 🎨 Renascimento e Grandes Navegações

LPT:

  • 📚 Projeto "Viagem Literária: Explorando Mundos e Palavras"

8º Ano - Mundos Moderno e Contemporâneo

História:

  • 🖼️ Desvendando "Os Embaixadores" (1533)
  • ⚔️ HQ Revolução Francesa
  • 🏭 Revolução Industrial

LPT:

  • 📝 Projeto "Viagem Literária: Explorando Mundos e Palavras"

9º Ano - Mundo Contemporâneo

História:

  • 🏛️ República Velha
  • 🌍 I Guerra Mundial, Revolução Russa, Era Vargas
  • ✈️ O Mundo no Século XX

LPT:

  • 💭 Projeto Didático: "Adolexcência em Debate"

🎮 Recursos Interativos

Jogos e Atividades

  • 🎲 Jogos RPG - Experiências imersivas em diferentes períodos históricos
  • 🚪 Escape Rooms - Desafios educacionais temáticos
  • Quizzes - Avaliações interativas e dinâmicas
  • 🎯 Jogos da Forca - Vocabulário histórico
  • 📊 Trilhas Avaliativas - Formulários educacionais

Plataformas Literárias

  • 🌐 Literosfera - Ambiente de leitura digital
  • 💬 ComenteLítera - Discussões sobre literatura
  • 🔍 Detetive do Texto - Exercícios de inferência
  • ✍️ Poetrix - Criação poética

🛠️ Tecnologias Utilizadas

  • HTML5 - Estrutura semântica
  • CSS3 - Estilização avançada
  • Tailwind CSS - Framework CSS utilitário
  • JavaScript (Vanilla) - Interatividade
  • Font Awesome - Ícones vetoriais
  • Responsive Design - Adaptação a todos os dispositivos

🚀 Como Usar

Acesso Local

  1. Clone ou baixe o repositório
  2. Abra o arquivo trilhas-melhoradas.html no navegador
  3. Navegue pelas seções clicando nos botões das séries

Hospedagem Online

  1. Faça upload do arquivo para qualquer servidor web
  2. Acesse via URL do servidor
  3. Compatível com GitHub Pages, Netlify, Vercel, etc.

📱 Responsividade

O sistema é totalmente responsivo e funciona em:

  • 📱 Smartphones (320px+)
  • 📱 Tablets (768px+)
  • 💻 Laptops (1024px+)
  • 🖥️ Desktops (1280px+)

🎨 Paleta de Cores

6º Ano: #2563eb (Azul)
7º Ano: #16a34a (Verde)
8º Ano: #9333ea (Roxo)
9º Ano: #dc2626 (Vermelho)
LPT: #9333ea (Roxo)

📂 Estrutura de Navegação

🏠 Início
├── 📘 6º Ano
│   ├── 🏛️ História (3 trilhas + 1 espaço futuro)
│   └── 📖 LPT (1 projeto + 1 espaço futuro)
├── 📗 7º Ano
│   ├── 🏛️ História (3 trilhas + 1 espaço futuro)
│   └── 📖 LPT (1 projeto + 1 espaço futuro)
├── 📙 8º Ano
│   ├── 🏛️ História (3 trilhas + 1 espaço futuro)
│   └── 📖 LPT (1 projeto + 1 espaço futuro)
└── 📕 9º Ano
    ├── 🏛️ História (3 trilhas + 1 espaço futuro)
    └── 📖 LPT (1 projeto + 1 espaço futuro)

🔧 Personalização

Adicionar Nova Trilha

  1. Localize a seção desejada no HTML
  2. Substitua o card "Em Desenvolvimento"
  3. Adicione os links e informações necessárias

Modificar Cores

  1. Edite as classes Tailwind CSS
  2. Ou modifique a configuração no <script> do cabeçalho

Adicionar Recursos

  1. Inclua novos links nos cards existentes
  2. Mantenha o padrão de ícones FontAwesome
  3. Use as classes CSS existentes para consistência

🌟 Funcionalidades Especiais

Seção "Pega a Visão"

  • 📅 Timeline informativa integrada
  • 🎉 Mensagem de boas-vindas animada
  • 🔗 Links importantes da escola
  • 📻 Acesso à Rádio Educa

Botões Aprimorados

  • ✨ Efeitos hover com elevação
  • 🎯 Ícones contextuais
  • 🌈 Transições suaves
  • 📱 Otimizados para touch

Cards Interativos

  • 🎪 Efeito parallax suave
  • 🎨 Sombras dinâmicas
  • 📐 Layout responsivo
  • 🔮 Espaços para expansão futura

📊 Estatísticas do Projeto

  • Total de Trilhas: 12 ativas + 8 espaços futuros
  • Recursos Interativos: 50+ links educacionais
  • Séries Atendidas: 4 (6º ao 9º ano)
  • Disciplinas: História e Literatura
  • Compatibilidade: 100% responsivo

🤝 Contribuição

Para contribuir com o projeto:

  1. Identifique melhorias ou novos recursos
  2. Mantenha a consistência visual
  3. Teste em diferentes dispositivos
  4. Documente as alterações

📞 Contato

Prof. Sérgio Araújo
Escola Januário E. de Lima
Cultivando saberes 🌱

📄 Licença

Este projeto é desenvolvido para fins educacionais na Escola Januário E. de Lima.


© 2025 Trilhas Digitais de História
Desenvolvido com ❤️ para a educação

Escola Januário E. de Lima Prof. Sérgio Araújo

About

Trilhas Digitais de Aprendizagem para o Ensino Fundamental Anos Finais

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages