Objectif du stage : Code ton premier site web en HTML/CSS Dans un petit groupe de 10 enfants maximum, les makers apprendront la création de sites web ! Lors de ce stage, les makers découvrent la création de sites web statiques avec HTML et CSS. Ils vont apprendre les différentes balises HTML pour structurer leurs pages, ainsi que les propriétés CSS et les composants du framework Tailwind pour les designer. Après un premier site guidé qui les familiarisera avec les langages du web, ils concevront et coderont un site plus ambitieux qui leur fera explorer l’art du webdesign. Pré-requis pour participer au stage de création d'un site web Âge: 4ème-3ème-lycéens débutants et confirmés Si atelier réalisé à distance: ordinateur de moins de 5 ans, micro (casque ou écouteurs), caméra, bonne connexion WIFI et une souris Si atelier réalisé en présentiel : équipement fourni À noter que le créneau choisi est modifiable après inscription. Compétences développées pendant le stage web Structurer une page web en HTML Appliquer du style et de la mise en page avec CSS Découvrir et utiliser Tailwind CSS Concevoir une maquette (wireframe) et la traduire en code Collaborer en groupe sur un projet de site web Publier un site web et le présenter Objectifs pédagogiques du module HTML/CSS Ce parcours initie les makers à la création de sites web via les langages HTML et CSS. Ils découvriront aussi la pensée algorithmique et le webdesign à travers un projet concret. Construire une structure HTML Lier et styliser avec du CSS Utiliser un framework moderne : Tailwind Créer un wireframe et le suivre méthodiquement Travailler en équipe sur un projet créatif Activités du stage création de site web Introduction HTML/CSS : découverte de la syntaxe + défi "le site le plus moche du monde" Découverte de Tailwind : création d’un site à partir d’un wireframe Création d’un site de quiz : conception, structure de projet, organisation des fichiers Projet en groupe (conception) : wireframe, choix du sujet, feedbacks croisés Projet en groupe (réalisation) : développement du site, présentations et retours Outils utilisés lors du stage HTML/CSS HTML CSS Tailwind CSS Figma ou autre outil de wireframe Éditeur de code Un stage pour devenir créateur de sites web Ce stage permet aux jeunes de découvrir les fondations de la création de sites web, dans un cadre stimulant et créatif. Ils repartent avec un projet concret, une meilleure compréhension du fonctionnement du web… et des bases solides pour se lancer dans le développement front-end ! Autres cours de programmation qui pourraient intéresser votre ado :
