C'est le printemps ! Fleur.gif

Site Web ODM : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
Ligne 1 : Ligne 1 :
==Auteurs==
+
==Auteur==
Jullian Richard-Devin
+
Votre Nom ainsi que celui de votre projet
  
==Public==
+
==Projet==
Débutant en développement web (HTML5 et CSS3)
+
Courte description de votre Projet initial
  
===représentations attendues===
+
===Objectifs===
Avoir un site web fonctionnel, partiellement responsive, disponible en ligne 
+
* Lister les différents objectifs : (démarche de projet, approfondir ses connaissances, acquis de compétences, etc ...)
 +
       
 +
      # Élément de la liste numérotée
 +
      # Élément de la liste numérotée
 +
      # Élément de la liste numérotée
 +
      # Élément de la liste numérotée
  
==cadre==
 
scolaire
 
  
==date==
+
===Étapes de votre projet===
9 jours (du lundi 17 Mars au vendredi 28 ars)
+
Vous expliquer les différentes étapes qui permettent la réalisation de votre projet final.  
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==
+
==Compétences==
Site web
+
Noter ici les compétences dont vous avez eu besoin
  
==lieu==
+
==date==
Petits débrouillards Grand Ouest
+
Préciser la date de votre projet  
 
 
==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
 
 
 
===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
 
  
==Partenariat envisagé ?==
+
===Ressources===
Petits débrouillards Grand Ouest
+
* Liens vers des ressources en lien avec votre projet
IMT Atlantique
+
* Votre présentation finale (celle que vous allez présenter au jury)
  
==Objectifs==
+
==Aide technique==
Créer un site web sur "l'ODM" en HTML5 / CSS3 pour tester ses compétences en développement web.
+
* Contact
Parler d'un sujet de niche
+
* Infos diverses
  
==Logiciels /sites utilisés==
+
===matériel et outils utilisés===
Visual Studio Code (pour le développement)
+
Lister le matériel ou les machines dont vous avez eu besoin. (avec un lien vers la documentation ou un tutoriel)
Canva
 
Trello
 
wiki des fabriques du ponant
 
Open office
 
Open classroom pour le MOOC HTML5 et CSS3
 
  
===matériel autre===
+
===Photos===
Ordinateur, table chaise...
+
Différentes photos de votre projet
  
===webographie médiation===
+
==catégorie==
des liens vers des exemples se rapprochant
 
  
==Catégorie==
 
 
[[Catégorie:Tn6]]
 
[[Catégorie:Tn6]]

Version du 25 mars 2025 à 16:34

Auteur

Votre Nom ainsi que celui de votre projet

Projet

Courte description de votre Projet initial

Objectifs

  • Lister les différents objectifs : (démarche de projet, approfondir ses connaissances, acquis de compétences, etc ...)
      # Élément de la liste numérotée
      # Élément de la liste numérotée
      # Élément de la liste numérotée
      # Élément de la liste numérotée


Étapes de votre projet

Vous expliquer les différentes étapes qui permettent la réalisation de votre projet final.

Compétences

Noter ici les compétences dont vous avez eu besoin

date

Préciser la date de votre projet

Ressources

  • 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

catégorie