|
|
| Ligne 1 : |
Ligne 1 : |
| − | ==Auteurs== | + | ==Auteur== |
| − | Yann ; Photos ou avatars
| + | Votre Nom ainsi que celui de votre projet |
| | | | |
| − | ==ATTENTION== | + | ==Projet== |
| − | 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.
| + | Courte description de votre Projet initial |
| − | Il n'y aura donc pas d'image du site pour illustrer
| |
| − | [[Fichier:Droit d'auteur.png|vignette|https://www.sb29.bzh/mentions-legales.php]]
| |
| | | | |
| − | ==Public== | + | ===Objectifs=== |
| − | Débutant en HTML/CSS et/ou les personne qui veulent découvrir le DEV WEB
| + | * Lister les différents objectifs : (démarche de projet, approfondir ses connaissances, acquis de compétences, etc ...) |
| − | ===représentations attendues===
| + | |
| − | * Quelles connaissances sur le sujet peut-on s'attendre à trouver chez notre public ? | + | # Élément de la liste numérotée |
| − | * Quelle est l'actualité médiatique du sujet ?
| + | # Élément de la liste numérotée |
| − | * Quels préjugés imagine-t-on trouver ?
| + | # Élément de la liste numérotée |
| | + | # Élément de la liste numérotée |
| | | | |
| − | ==cadre==
| |
| − | scolaire, loisirs, soirée,..
| |
| | | | |
| − | ==lieu== | + | ===Étapes de votre projet=== |
| | + | Vous expliquer les différentes étapes qui permettent la réalisation de votre projet final. |
| | | | |
| − | ==durée== | + | ==Compétences== |
| | + | Noter ici les compétences dont vous avez eu besoin |
| | | | |
| − | ==contenus== | + | ==date== |
| − | Technologie utilisée: HTML/CSS
| + | Préciser la date de votre projet |
| | | | |
| − | ===webographie sciences, techniques, concepts=== | + | ===Ressources=== |
| − | Nous allons tout d'abord créer notre dossier html, pour cela nous allons ouvrir Visual Studio Code et taper nos première ligne de code:
| + | * Liens vers des ressources en lien avec votre projet |
| − | <br>
| + | * Votre présentation finale (celle que vous allez présenter au jury) |
| − | <!DOCTYPE html>
| |
| − | <br>
| |
| − | <html lang="fr">
| |
| − | <br>
| |
| − | La première ligne signifie que le langage de la page sera en HTML
| |
| − | <br>
| |
| − | La deuxième est pour la langue, on signifie bien FR pour français pour qu'il prenne en compte les accents
| |
| − | <br>
| |
| − | Vous pouvez enregistrer le ficher une première fois et le renommer "index"
| |
| − | <br>
| |
| − | Nous allons ensuite s'occuper de la balise <head>
| |
| − | <br>
| |
| − | L'élément <head> contient les métadonnées (informations générales) du document, comme le titre, les liens et les scripts.
| |
| | | | |
| − | ==Objectifs== | + | ==Aide technique== |
| − | '''Objectifs du Projet'''
| + | * Contact |
| | + | * Infos diverses |
| | | | |
| − | Le projet de site web sur le Stade Brestois vise à :
| + | ===matériel et outils utilisés=== |
| | + | Lister le matériel ou les machines dont vous avez eu besoin. (avec un lien vers la documentation ou un tutoriel) |
| | | | |
| − | Présenter l'histoire et l'actualité du Stade Brestois de manière interactive et visuellement attrayante.
| + | ===Photos=== |
| | + | Différentes photos de votre projet |
| | | | |
| − | Concevoir une interface ergonomique permettant une navigation fluide et intuitive.
| + | ==catégorie== |
| | | | |
| − | 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.
| |
| − |
| |
| − | 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.
| |
| − |
| |
| − |
| |
| − | ==Catégorie==
| |
| | [[Catégorie:Tn6]] | | [[Catégorie:Tn6]] |
