Site Web Stade de foot de Brest
Sommaire
[masquer]Auteurs
Yann ; Photos ou avatars
ATTENTION
Public
Débutant en HTML/CSS et/ou les personne qui veulent découvrir le DEV WEB
représentations attendues
- Quelles connaissances sur le sujet peut-on s'attendre à trouver chez notre public ?
- Quelle est l'actualité médiatique du sujet ?
- Quels préjugés imagine-t-on trouver ?
cadre
scolaire, loisirs, soirée,..
lieu
durée
contenus
HTML/CSS
webographie sciences, techniques, concepts
Liens vers des sources sur les notions abordées
Objectifs
Objectifs du Projet
Le projet de site web sur le Stade Brestois vise à :
Présenter l'histoire et l'actualité du Stade Brestois de manière interactive et visuellement attrayante.
Concevoir une interface ergonomique permettant une navigation fluide et intuitive.
Offrir aux visiteurs des informations actualisées sur les matchs, les résultats, les joueurs et les événements liés au club.
Mettre en place une galerie multimédia avec photos et vidéos pour enrichir l'expérience utilisateur.
Utiliser HTML, CSS structurer et styliser les contenus du site.
Objectifs Pédagogiques
À l’issue de ce projet, les participant·e·s seront capables de :
Structurer un site web en utilisant HTML5 de manière sémantique.
Styliser et personnaliser un site avec CSS3 en respectant les bonnes pratiques du design web.
Gérer des menus déroulants et des sliders d’images afin de dynamiser l’affichage des contenus.
Travailler en autonomie sur un projet de site web et respecter une arborescence organisée des fichiers et ressources.
Technologies Utilisées
HTML5 : Structure de base du site.
CSS3 : Mise en page et stylisation.
JavaScript : Dynamisation et interactivité (ex: sliders, animations, etc.).
Bootstrap : Framework CSS facilitant le design responsive.
Font Library : Intégration de polices spécifiques pour l’identité visuelle.
Fonctionnalités Principales du Site
Page d'accueil : Présentation du Stade Brestois avec un slider mettant en avant les actualités principales.
Menu de navigation : Accès rapide aux différentes sections (historique, matchs, joueurs, événements, galerie).
Historique du club : Informations sur la création et l'évolution du Stade Brestois.
Matchs et résultats : Mise à jour des matchs à venir et des résultats récents.
Effectif et joueurs : Présentation des joueurs actuels, historiques et de l’équipe féminine.
Événements : Agenda des événements futurs et archives des événements passés.
Galerie multimédia : Photos, vidéos et liens vers les réseaux sociaux du club.
Conclusion
Ce projet de site web représente une opportunité d’appliquer les compétences acquises en développement web tout en mettant en avant un club emblématique. L'objectif est de proposer une plateforme complète et agréable pour tous les passionnés du Stade Brestois.
description de la médiation
matériel et outils pédagogique
Logiciels : VSCode, Inkscape Ressource internet: GITHUB
matériel autre
tables, chaise, internet,...
webographie médiation
des liens vers des exemples se rapprochant https://www.losc.fr/
Ce site utilise certains éléments soumis aux droits d'auteur. Ils sont utilisés uniquement à des fins informatives et éducatives, sans intention publicitaire ni commerciale.