Projeto de um site sobre a escola utilizando um template de jQuery, contendo informações como: lista de cursos oferecidos e edições anteriores do circuito das profissões. Foi realizado em 2019 no contexto da disciplina "Programação Web I" pelos alunos André Luís A. Rodrigues, Davi R. V. do Nascimento, Diogo M. Sampaio e Henrique G. Marques, durante o curso "Técnico em Desenvolvimento de Sistemas" na ETEC.
Este projeto está registrado aqui como um histórico da minha evolução.
Como orientado pelos professores da disciplina, foi utilizado um template que aplicasse a biblioteca de JavaScript jQuery como ponto de partida do projeto.
O site em questão é composto por 9 páginas no total, sendo elas:
🏠Página inicial (index.html)
- Carrossel com o nome da escola, além de informações importantes.
- Lista de cursos que a escola disponibiliza, tanto técnicos modulares quanto integrados.
- Sessão para o Circuito das Profissões (evento que promove os cursos da instituição), como orientado pelos professores.
- Sessão de eventos gerais, com informações como data e local.
🎓 Cursos Disponíveis (cursos.html)
- Lista dos 5 cursos técnicos integrados que eram oferecidos na escola, conténdo uma imagem e breve descrição de cada um.
- Redirecionamento para a respectiva página de cada um dos cursos listados.
📐Design de Interiores (design.html) / 👷♂️Edificações (edificacoes.html) / 🖥️Desenvolvimento de Sitemas (dsistemas.html) / 🌐Informática para Internet (infonet.html) / 📦Logística (logistica.html)
- Descrição da atuação do profissional.
- Link para download do plano de curso.
- Galeria de fotos que representa a profissão.
💼Circuito das Profissões (circuito.html)
- Descrição do que é o evento e qual o seu propósito.
- Relato sobre a última edição do evento até então.
- Links com reportagens de edições anteriores.
- Galeria de imagens das edições do evento.
📞Contato (contato.html)
- Informações de contato.
- Campo para entrar em contato.
OBS: A página de contato é apenas conceitual.
All
- No topo de cada página há um cabeçalho, onde pode-se acessar com mais facilidade as outras seções do site, havendo um menu dropdown para a lista de cursos.
- Há a presença de um rodapé, creditando o fornecedor do template inicial em jQuery além dos membros que executaram o projeto.
- Todas as páginas são responsivas, ou seja, são adaptáveis para outras telas como as de smartphones, e teve-se isso em consideração durante o design. OBS: Todas as informações contidas nesse projeto são públicas.