Conception et réalisation d’un site web

 

Dans le but d’obtenir le certificat de programmeur web décerné par l’Ifage.

Ce travail doit répondre à des critères précis.

Cadre général et représentation des données :

Réalisation d’un site d’une page ou plusieurs pages. L’idée du projet est libre, mais doit répondre aux exigences suivantes :

Au niveau du HTML :

  • Libre au participant-e de structurer son html
  • Libre au participant-e d’ajouter une page supplémentaire ou plus, mais doit les lier par un système de navigation (navbar)
  • Ajouter quelques commentaires html explicites
  • Intégration du : texte, image, vidéo, map
  • Ajouter un formulaire de contact

Au niveau du CSS :

  • Le CSS doit être uniquement externe (aucun style interne ne sera toléré.)
  • Intégration de Bootstrap en plus des styles personnels.
  • La page doit être responsive sur deux tailles au minimum.
  • Le menu de navigation du mobile doit être en Hamburger
  • Ajouter quelques commentaires CSS explicites

Au niveau du JavaScript :

  • Intégration de jQuery
  • Script externe uniquement
  • Ajouter des commentaires javascript explicites
  • Charger des données depuis un fichier Json (le fichier n’est pas fourni.)
  • Ajouter un diaporama
  • Si une page est longue son défilement doit être en soft scroll
  • Valider le formulaire

Pour ce projet libre, j’ai décidé de m’exercer sur l’un des domaines qui me passionne, la création de jeu vidéo. Ayant de l’imagination à revendre, l’histoire a très vite été écrite. J’ai passé du temps sur la partie JavaScript qui m’a demandé plus de concentration. Néanmoins, tout ce que je voulais réaliser a pu l’être dans les temps. Ce qui m’a surprise en matière de gestion du temps, c’est la responsivité du site. J’ai minimisé le travail que c’est de gérer les pages pour chaque taille d’affichage. Mais j’ai pu rendre la version desktop, tablette et mobile à temps.

Grâce à ce projet, j’ai pu solidifier mes bases en HTML et CSS, m’entraîner en JS, découvrir de nouvelles méthodes, rencontrer des personnes sympathiques et m’amuser sur un projet entraînant. Pour pouvoir réaliser mon site, je me suis aidée du programme RPG Maker MV, qui m’a permis de créer tous les visuels de la création des personnages.

Ce projet a fini par l’obtention de la note maximale de 6.0 ainsi que de mon certificat de programmateur web, en janvier 2023.

 

Le moment ingénieure 

Ce projet a été réalisé dans le cadre de cours du soir que j’ai suivis pour consolider mes compétences techniques en intégration web.

En tant que future ingénieure des médias, ce travail m’a permis de progresser dans plusieurs domaines essentiels :

  • Construction de structures HTML claires et bien organisées.

  • Utilisation avancée de CSS pour la mise en forme, la gestion des animations et l’harmonie visuelle du site.

  • Programmation d’interactions dynamiques en JavaScript et jQuery, pour enrichir l’expérience utilisateur.

  • Optimisation de l’affichage responsive pour garantir une accessibilité sur différents supports (écran, tablette, portable).

Grâce à cet exercice, j’ai renforcé ma maîtrise des fondamentaux du développement front-end, en mettant en pratique les principes de structuration, de mise en page et de dynamique web indispensables à la création d’interfaces.

Voir le produit
Page d'accueil du site magic of childhood.