Créez et publiez un site statique, accessible et sobre, avec Silex

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.