Este projeto foi criado com o objetivo de ensinar de forma interativa sobre a agricultura, sua história, tipos e práticas sustentáveis.
Neste site, você encontrará Textos sobre a agricultura, textos que abordam temas como história, tipos de agricultura e práticas sustentáveis.
Nosso objetivo é valorizar o campo, sua história, importância e as inovações que o tornam essencial para a vida urbana e rural.
Este site tem como missão informar, inspirar e valorizar o papel do campo em nossas vidas. Mesmo morando em áreas urbanas, todos dependemos da agricultura para a alimentação, produtos e sustentabilidade.
Através de um conteúdo educativo, quero contribuir para que mais pessoas entendam essa conexão fundamental entre campo e cidade.
Site desenvolvido no Visual Studio Code (VScode), utilizando HTML e CSS.
Código dividido em div's bem organizadas por seção, facilitando a estilização
Vercel foi a plataforma para hospedagem e publicação do site online
Design responsivo para telas grandes, médias e pequenas, usando @media queries
O protótipo do site foi feito no Figma
Google Fonts para fontes personalizadas
• Splash screen de abertura
• Header (cabeçalho) fixo com navegação entre seções
• Footer (rodapé) com informações e créditos
• Carrossel interativo
• Linha do tempo, mostrando a evolução da agricultura
• Seção de contato com:
GitHub
No CSS, utilizei diversas técnicas para garantir um site bonito, funcional e responsivo:
• Reset de estilos para uniformizar o layout entre navegadores
• Flexbox e Grid Layout para organização das seções
• Animações com @keyframes (ex: splash screen, confetes)
• Transições suaves para efeitos de hover e clique
• Media Queries para deixar o site responsivo em:
Telas grandes (desktop)
Telas médias (tablet)
Telas pequenas (celular)
• Cores e contrastes pensados para melhorar a leitura
• Botões personalizados, carrossel e barra de navegação com efeitos
• Organização modular com comentários e seções bem divididas
O site permite aumentar e diminuir o tamanho das letras (fontes) e também permite ajustar o contraste para melhorar a leitura
• Logo original desenhada e criada manualmente por mim, Melissa Rossa Pereira
• Escolha cuidadosa de cores, fontes e imagens para transmitir o tema rural-urbano
As imagens utilizadas no site foram retiradas de:
• Wikimedia Commons - banco de imagens livres
• Pixabay - imagens gratuitas e de uso livre
• Fotos autorais por Melissa Rossa Pereira
Todo o conteúdo textual deste site foi escrito por mim, Melissa Rossa Pereira, com base em pesquisas realizadas em fontes confiáveis. As informações foram retiradas e adaptadas a partir dos seguintes sites:
• Brasil Escola
• Mundo Educação
• CropLife Brasil
• Wikipédia
O conteúdo foi reescrito com minhas próprias palavras, com o objetivo de tornar o aprendizado mais acessível e educativo.
Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para detalhes.
Neste projeto, enfrentei grandes desafios, especialmente na criação do design responsivo e na implementação da acessibilidade. Ajustar o site para funcionar bem em diferentes dispositivos e garantir o acesso para pessoas com deficiência exigiu muita dedicação, paciência e estudo. Também precisei entender melhor a integração entre HTML, CSS e JavaScript para criar funcionalidades interativas e responsivas. Implementar o plugin VLibras me ensinou muito sobre design acessível, ampliando o alcance do conteúdo.
Esse projeto foi uma verdadeira jornada de aprendizado. Superar as dificuldades para deixar o site responsivo e acessível me mostrou que, assim como na agricultura, é preciso paciência, cuidado e dedicação para ver o crescimento acontecer. Hoje, tenho orgulho de apresentar um site que cultiva conhecimento e inclusão, conectando pessoas ao valor do campo de forma leve e verdadeira.
Este projeto foi desenvolvido principalmente por mim, Melissa Rossa Pereira.
Se quiser sugerir melhorias ou relatar algum problema, fique à vontade para entrar em contato comigo pelas redes sociais disponíveis aqui e no meu site.
📞 Número: +55 (42) 9 9910-6956
✉️ E-mail: [email protected]
📸 Instagram: m3l.r1
🔗 LinkedIn: Melissa Rossa Pereira
Gostaria de agradecer a todas as pessoas e recursos que contribuíram para o desenvolvimento deste projeto:
A minha Professora e colegas que me incentivaram e deram suporte durante a criação do site.
Aos tutoriais e vídeos do YouTube que me ajudaram a entender melhor HTML e CSS.
Aos sites de referência, como Brasil Escola, CropLife Brasil e Wikipédia, que serviram como base para meu conteúdo.
Muito obrigada a todos!
O site já esta concluído!