Home Code ton premier site web en HTML et CSS / 4ème à Terminale
1 1

Code ton premier site web en HTML et CSS / 4ème à Terminale

Code ton premier site web en HTML et CSS / 4ème à Terminale

Il reste encore des places !

€215,00
€215,00
En vente Complet
Taxes incluses.
Liste des centres Magic Makers

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 !

gif site internet

Autres cours de programmation qui pourraient intéresser votre ado :

Afficher tous les détails

Découvrez notre liste de stages informatiques pendant les vacances scolaires ou bien nos ateliers numériques tout le long de l'année !

Vous avez une question ?