🎨 Mes Premiers Projets en HTML & CSS : De la Recette de Pancakes à Hero Corp ! 💻🔥
Dans le cadre de ma formation en Design UX/UI, j’ai eu l’opportunité de me plonger dans le monde du développement web en réalisant mes premiers projets en HTML et CSS. Deux expériences enrichissantes qui m’ont permis de comprendre les bases du codage et d’explorer l’impact du design dans le développement d’une interface utilisateur. 🚀
🍽 Projet 1 : Une Recette de Pancakes en HTML & CSS
Mon premier projet consistait à créer une page web simple mais efficace présentant une recette de pancakes. L’objectif ? Structurer le contenu avec HTML et le styliser avec CSS pour obtenir une page agréable et fonctionnelle.
📌 Défis rencontrés :
✅ Structurer correctement le code avec des balises <section> et <ul>
✅ Gérer la mise en page et l’alignement du texte et des images
✅ Appliquer des styles CSS pour donner un aspect moderne et appétissant
✨ Ce que j’ai appris :
✔ L’importance de l’hiérarchie des balises pour une lecture fluide
✔ Comment styliser une liste d’ingrédients et des instructions
✔ L’intégration d’images et l’optimisation du responsive
🦸♂️ Projet 2 : Une Page Fan sur Hero Corp
Après les pancakes, place à l’univers des super-héros ! Pour ce second projet, j’ai conçu une page web dédiée à la série Hero Corp, en intégrant plus d’éléments interactifs et une mise en page plus avancée.
📌 Points clés du projet :
✅ Utilisation d’un carousel en JavaScript pour afficher des images dynamiques
✅ Structuration d’une page avec plusieurs sections : synopsis, personnages, galeries
✅ Amélioration du design responsive pour s’adapter aux différents écrans
✨ Ce que j’ai appris :
✔ La gestion des flexbox et grids pour une disposition harmonieuse
✔ L’intégration de contenus interactifs pour enrichir l’expérience utilisateur
✔ Comment donner une identité visuelle forte avec des couleurs et typographies adaptées
📸 Aperçu du projet :
