Site Web ODM

Auteurs

Jullian Richard-Devin

Public

Débutant en développement web (HTML5 et CSS3)

représentations attendues

Avoir un site web fonctionnel, partiellement responsive, disponible en ligne

cadre

scolaire

date

9 jours (du lundi 17 Mars au vendredi 28 ars) Présentation du projet le lundi 31 Mars au travers d'une présentation Oral avec un support visuel fait sur Canva.

type de médiation

Site web

lieu

Petits débrouillards Grand Ouest

contenus

Site web découpé en 4 pages (Page d'accueil/ Histoire de l'ODM/ Division esport/ Réseaux et productions) Les 4 pages sont segmentées en diverses catégories que l'on peut retrouver sur un menu déroulant Il y a une barre de navigations avec les différentes pages pour pouvoir naviguer sur le site web Il y a un formulaire de contact (qui est juste visuel car il n'y à pas de back end)

Chronologie

Jour 1 : Création du trello Création de la Mind Map sur excalidraw Création du cahier des charges Réflexion sur la structure du site web Progression sur le mooc CSS (50%)

Jour 2 : Finalisation du cahier des charges et de la structure du site sur excalidraw Création du rétro planning Création d'un moodboard pour illustrer la charte graphique du site web Progression dans le MOOC css Commencement du site (il est trop moche)

Jour 3 (Matin) : j’apprends à utiliser FlexBox Refonte de la page d'accueil création de la seconde page Histoire ODM

Jour 4 (Matin) J'apprends à utiliser CSS Grids ajout d'images avec grids sur l'histoire de l'ODM Créations des deux derniers pages fin de la partie 3 du MOOC début partie 4 progression estimée à 50% en terme de contenu.

Jour 5 Topo pêchu (petit point sur l'avancement du projet) ajout d'une barre de navigation refonte de l'accueil du site ajout d'un formulaire mooc html css fini commencement refonte de l'histoire de l'odm

Jour 6 ajout liste de joueurs ajout maillot quasiment fini la page histoire ajout de menu déroulant et de catégories. Page histoire fini page division fini page réseaux commencé (1/3) fait

Jour 7 Commencement du wiki Continuation dans la page 4 (réseaux et productions)

Partenariat envisagé ?

Petits débrouillards Grand Ouest IMT Atlantique

Objectifs

Créer un site web sur "l'ODM" en HTML5 / CSS3 pour tester ses compétences en développement web. Parler d'un sujet que j'aime

Logiciels /sites utilisés

Visual Studio Code (pour le développement) Canva Trello wiki des fabriques du ponant Open office Open classroom pour le MOOC HTML5 et CSS3

matériel autre

Ordinateur, table chaise...

webographie médiation

des liens vers des exemples se rapprochant

Catégorie

• Liens vers des ressources en lien avec votre projet
• Votre présentation finale (celle que vous allez présenter au jury)

Aide technique

• Contact
• Infos diverses

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)

Photos

Différentes photos de votre projet