AudioVerse

Développement web - Projet scolaire

Intégration et développement HTML, CSS et JS d’un site de conférences et de conférenciers

Voir le site
AudioVerse

Qu’est ce que AudioVerse ?

Pour ce projet scolaire, il fallait choisir une thématique de média à mettre en image pour des conférences. Moi, j’ai choisi l’audio. Donc, mon site de conférences et conférenciers se compose de sons et de trames sonores.

Logiciels utilisés

Langages utilisés

Utilisation de l’IA

Aucune IA générative n’a été utilisée pour réaliser ce projet ni pour préparer sa fiche.

section moi

La description sur le conférencier

Étapes:

Étape 1

1 — Sélection de couleurs et de typographie du site sur Figma

Je commence avec la création de mon site en choisissant une palette de couleurs impeccable ainsi de deux excellentes typographies qui seront utilisées dans mes maquettes.

Étape 2

2 — Création des maquettes du site et organisation des sections dans Figma

J'ai conçu la maquette avec 2 différentes pages contenant différentes sections pour mon site web: la page d’accueil et la page du conférencier.

Étape 3

3 — Intégration HTML et développement CSS du site de conférences sur VS Code

Suite à la maquette, je conçois avec du code HTML et CSS les pages du site tout en gardant une bonne organisation des sections et des classes que j’utilise pour le CSS.

Étape 4

4 — Programmation JS et ajustement responsive du site sur VS Code

Suite au CSS de base pour mon site, j’ai programmé des composantes et ajusté le responsive de mon site pour que ça fonctionne sur pour le mobile.

Étape 5

5 - Résultat final d'AudioVerse via le navigateur au choix

Maintenant que c’est tout finalisé, je peux survoler mon site sur un navigateur pour voir les conférenciers et les conférences fictifs qui sont offerts.

Crédits:

  • Félix Lapointe : DA, design web et intégration/développement web
  • Images utilisées : Unsplash et autres médias