Ce projet a été mon premier pas dans le monde du développement web. J’ai découvert les bases de HTML et appris à structurer une page web à partir de maquettes. Ce fut une expérience formatrice où j’ai pu mettre en pratique mes connaissances et développer de nouvelles compétences.
- Création de section avec texte et images en suivant une maquette donnée.
- Adaptation d'une section existante en y ajoutant des éléments et en modifiant son apparence.
- Utilisation de classes CSS pour modifier l'apparence des éléments HTML.
- Structuration du contenu d'une page web à l'aide des balises HTML.
- Lien de documents à des éléments HTML pour permettre le téléchargement.
Le projet consistait à mettre à jour la page web d’une association fictive, « Riding Cities », en suivant des maquettes fournies sur Figma. L’objectif était de créer une nouvelle section et de modifier une section existante en utilisant uniquement le langage HTML et les classes CSS déjà présentes dans le code.
// Création de la section "Les membres fondateurs"
Cette section représente la création de la nouvelle section "Les membres fondateurs". J'ai utilisé HTML pour structurer le contenu, en intégrant du texte et des images en colonnes, tout en respectant la maquette Figma.
// Adaptation de la section "Découvrez nos cours"
Ici, l'accent est mis sur l'adaptation d'une section existante. J'ai utilisé les classes CSS disponibles pour modifier l'apparence des boutons, du titre et de la couleur de fond, démontrant ainsi la puissance de la personnalisation via CSS.
// Liaison de documents et accessibilité
Cette section se concentre sur l'ajout de fonctionnalités, notamment la liaison de documents PDF aux boutons de téléchargement. J'ai également veillé à l'accessibilité en renseignant correctement les attributs « alt » pour les images.
Découvrez le code source de ce projet sur GitHub et explorez le site web en ligne pour voir le résultat final.
Github
Site