C'est l'été ! Fleur.gif

Création de site web associatif : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(description de la médiation)
 
(8 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
==Auteurs==
+
==Auteur==
 
Alex
 
Alex
  
==Public==
+
==Projet==
Tout le monde
 
  
===représentations attendues===
+
Créer un site pour une asso, qui soit potentiellement modifiable par des bénévoles de l'asso.
* 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==
+
===Objectifs===
scolaire, loisirs, soirée,..
+
       
 +
      # Objectif principal: Montée en compétences : Charte graphique, html, css
 +
 +
      # Objectif principal: Appréhension de nouvelles compétences: Javascript, Responsive
 +
 +
      # Utilisation de Github
  
==date==
+
      # Rendre l'utilisation accessible à plusieurs personnes (Non accompli)
préciser la date idéal de votre projet
+
 
 +
 
 +
===Étapes de votre projet===
 +
1)Mise en place d'un cahier des charges.
 +
 
 +
2)Faire le squelette du site en html.
 +
 
 +
3)En parallèle mise en place du style CSS.
 +
      -Utilisation de la grid
 +
 
 +
4)Mise en place de l'agenda et création de visuels cliquables pour chaque entrée à l'agenda.
 +
 
 +
5)Formulaire de contact en bas de page (potentiellement déclinable à chaque thématique du site).
 +
 
 +
6)Mise en place des background-color sur les différentes pages du site.
 +
 
 +
7)Tentative de rendre le site responsive
 +
 
 +
==Difficultés rencontrées==
 +
 
 +
-Suivre le cahier des charges sans faire un peu tout en même temps
 +
 
 +
-Utilisation du grid et du flexbox selon les situations
 +
 
 +
-Formulaire de contact connecté à rien
 +
 
 +
-Pas de réelle charte graphique
  
==type de médiation==
+
-Difficultés avec le grid et le responsive.
animation, exposition, conférence,...  
 
  
==lieu==
+
-Site stylisé sur un écran petit, pas très harmonieux sur un plus grand écran.
  
==durée==
+
-Pistes pour rendre l'usage du site plus aisé à des néophytes en html avec les générateurs de site web statiques, mais j'ai pensé que vu la taille du site c'était pas si utile.
  
==contenus==
+
-Code un peu brouillon
notions abordées
 
  
===webographie sciences, techniques, concepts===
 
Liens vers des sources sur les notions abordées
 
  
==Partenariat envisagé ?==
+
==Compétences==
* Pour quoi faire ?
+
-HTML
* Organisme de recherche, radio, webtv,... ? ou pas !
+
-CSS
 +
-Github
 +
-Javascript (4 lignes de code)
 +
-Inkscape
  
==Objectifs==
+
==date==
* détailler les finalités, objectifs, objectifs pédagogiques
+
17 au 28 Mars 2025
* les objectifs s'écrivent avec des verbe d'action à l'infinitif
 
* les objectifs pédagogiques peuvent s'écrire : A l'issue de la médiation, les participant·e·s sont capables de (verbe d'action à l'infinitif)...
 
* Voir ici https://sup-ujm.univ-st-etienne.fr/fr/methodes-et-outils/concevoir-son-enseignement/les-objectifs-pedagogiques.html
 
  
==description de la médiation==
+
===Ressources===
 +
* Vscode: #REDIRECTION [[https://code.visualstudio.com/download]]
 +
* W3schools:#REDIRECTION [[https://www.w3schools.com/]]
 +
[[Fichier:Support de présentation.pdf|vignette]]
 +
[[Fichier:Cahier-des-charges.pdf|vignette]]
 +
===matériel et outils utilisés===
 +
Un pc
  
===matériel et outils pédagogique===
 
imprimantes 3D, exposition, ...
 
  
===matériel autre===
 
tables, chaise, internet,...
 
  
===webographie médiation===
+
==catégorie==
des liens vers des exemples se rapprochant
 
  
==Catégorie==
 
 
[[Catégorie:Tn6]]
 
[[Catégorie:Tn6]]

Version actuelle datée du 2 avril 2025 à 16:22

Auteur

Alex

Projet

Créer un site pour une asso, qui soit potentiellement modifiable par des bénévoles de l'asso.

Objectifs

      # Objectif principal: Montée en compétences : Charte graphique, html, css
      # Objectif principal: Appréhension de nouvelles compétences: Javascript, Responsive
      # Utilisation de Github
      # Rendre l'utilisation accessible à plusieurs personnes (Non accompli)


Étapes de votre projet

1)Mise en place d'un cahier des charges.

2)Faire le squelette du site en html.

3)En parallèle mise en place du style CSS.

     -Utilisation de la grid 

4)Mise en place de l'agenda et création de visuels cliquables pour chaque entrée à l'agenda.

5)Formulaire de contact en bas de page (potentiellement déclinable à chaque thématique du site).

6)Mise en place des background-color sur les différentes pages du site.

7)Tentative de rendre le site responsive

Difficultés rencontrées

-Suivre le cahier des charges sans faire un peu tout en même temps

-Utilisation du grid et du flexbox selon les situations

-Formulaire de contact connecté à rien

-Pas de réelle charte graphique

-Difficultés avec le grid et le responsive.

-Site stylisé sur un écran petit, pas très harmonieux sur un plus grand écran.

-Pistes pour rendre l'usage du site plus aisé à des néophytes en html avec les générateurs de site web statiques, mais j'ai pensé que vu la taille du site c'était pas si utile.

-Code un peu brouillon


Compétences

-HTML -CSS -Github -Javascript (4 lignes de code) -Inkscape

date

17 au 28 Mars 2025

Ressources

  • Vscode: #REDIRECTION [[1]]
  • W3schools:#REDIRECTION [[2]]

Fichier:Support de présentation.pdf Fichier:Cahier-des-charges.pdf

matériel et outils utilisés

Un pc


catégorie