Création de site web associatif : Différence entre versions
A (discussion | contributions) |
A (discussion | contributions) |
||
(7 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | == | + | ==Auteur== |
Alex | Alex | ||
− | == | + | ==Projet== |
− | |||
− | |||
Créer un site pour une asso, qui soit potentiellement modifiable par des bénévoles de l'asso. | 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 [[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 | ||
− | |||
− | |||
− | |||
− | |||
− | === | + | ==catégorie== |
− | |||
− | |||
[[Catégorie:Tn6]] | [[Catégorie:Tn6]] |
Version actuelle datée du 2 avril 2025 à 16:22
Sommaire
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
Fichier:Support de présentation.pdf Fichier:Cahier-des-charges.pdf
matériel et outils utilisés
Un pc