C'est le printemps ! 
Création de site web associatif : Différence entre versions
A (discussion | contributions) |
A (discussion | contributions) |
||
| Ligne 8 : | Ligne 8 : | ||
===Objectifs=== | ===Objectifs=== | ||
| − | # Montée en compétences : Charte graphique, html, css | + | # Objectif principal: Montée en compétences : Charte graphique, html, css |
| − | # Appréhension de nouvelles compétences: Javascript, Responsive | + | # Objectif principal: Appréhension de nouvelles compétences: Javascript, Responsive |
# Utilisation de Github | # Utilisation de Github | ||
| Ligne 18 : | Ligne 18 : | ||
===Étapes 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 | ||
| + | |||
| + | -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 s'était pas si utile. | ||
| + | |||
==Compétences== | ==Compétences== | ||
| − | + | -HTML | |
| + | -CSS | ||
| + | -Github | ||
| + | -Javascript (4 lignes de code) | ||
| + | -Inkscape | ||
==date== | ==date== | ||
| − | + | 17 au 28 Mars 2025 | |
===Ressources=== | ===Ressources=== | ||
| − | * | + | * Vscode: #REDIRECTION [[https://code.visualstudio.com/download]] |
| − | * | + | * W3schools:#REDIRECTION [[https://www.w3schools.com/]] |
| − | |||
| − | |||
| − | |||
| − | |||
===matériel et outils utilisés=== | ===matériel et outils utilisés=== | ||
| − | + | Un pc | |
===Photos=== | ===Photos=== | ||
Version du 26 mars 2025 à 12:35
Sommaire
[masquer]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 s'était pas si utile.
Compétences
-HTML -CSS -Github -Javascript (4 lignes de code) -Inkscape
date
17 au 28 Mars 2025
Ressources
matériel et outils utilisés
Un pc
Photos
Différentes photos de votre projet
