15/11/2026 –, B207
Repartez avec un site en ligne. Dans cet atelier, on construit un site avec Silex (website builder libre), on l'audite à la fois côté accessibilité (navigation clavier, structure des titres, contrastes) et côté éco-conception (poids des pages, sobriété), on corrige, et on le publie en statique sur GitLab Pages. Pensé pour les freelances, web designers, webmasters et agences web. Prérequis : bases HTML/CSS et un ordinateur portable.
Format volontairement pratique : 1h55 pour passer d'une page blanche à un site publié, proprement. Même démarche que dans les ateliers Silex à AlpOSS et aux JDLL, orientée production réelle en agence et en freelance.
Déroulé :
1. Prise en main de Silex : structure de page, blocs, styles. Silex est une couche visuelle au-dessus de HTML/CSS, donc ce que vous apprenez sert au-delà de l'outil.
2. Accessibilité et éco-conception dès la conception : on audite le site au clavier et avec les outils du navigateur (structure des titres, contrastes, menu), et on regarde la sobriété (poids, requêtes, images). On corrige au fur et à mesure. Accessibilité et éco-conception vont de pair : un site sobre et bien structuré est souvent plus accessible, et inversement.
3. Publication : génération du site statique et mise en ligne sur GitLab Pages. Vous gardez tous les fichiers.
Public : freelances, web designers, webmasters, agences web. Niveau intermédiaire.
Prérequis : bases HTML/CSS (savoir ce qu'est une balise et une propriété CSS suffit), un ordinateur portable, un compte GitLab si possible.
Freelances, web designers, webmasters et agences web. Niveau intermédiaire : bases HTML/CSS suffisantes, pas besoin d'être développeur.
Alex Hoyau maintient Silex, un website builder libre né en 2002, qui génère des sites statiques à brancher sur n'importe quel CMS headless. Il le développe au sein de l'association Silex Labs, avec le soutien de NLnet/NGI0 et de l'agence Internet 2000. Il s'intéresse au web libre, à l'accessibilité, à l'éco-conception, et à faire de Silex un commun numérique porté par des agences, des freelances et des collectifs.