Bonjour à tous,
 
Je dois apprendre à des élèves débutants la différence entre le thème graphique d'un site et son contenu.
 
Connaissez-vous un site qui permet de visualiser divers thèmes tout en gardant le même contenu ?
 
Puisque ce sont des débutants et qu'on travaille à distance en ce moment, il faut vraiment que ce soit hyper simple à utiliser. Par exemple une liste déroulante avec le nom des thèmes.
 
Merci !

Ben Wordpress
 
Dans le backoffice, y'a une IHM qui permet de gérer des thèmes (notamment des gratuits).
 
Autre solution : vous faites une simple page web (ou 2-3) et plusieurs CSS. Une liste déroulante permet de choisir le CSS à appliquer.
 
Un site très intéressant : https://www.alsacreations.com/
Le bouquin écrit par l'auteur de ce site sur le Css2.1 était excellent : https://www.amazon.fr/CSS-Pratique- [...] 00IVPAY66/
Il a sorti un bouquin sur le CSS3. Mais il parlait très bien de la différence entre la forme et le fond.
Une règle de base qui m'a marquée : toujours commencer par faire son site sans CSS et n'utiliser que des balises HTML que pour leur sémantique et pas pour leur représentation. Et ne jamais ajouter de HTML pour le CSS. Si c'est bien fait, sans CSS, on doit déjà être capable de repérer les différentes parties du site : header, menu principal, menu contextuel, page de contenu, footer, les différents titres, les infos importantes...

Merci !

WordPress c est top

le meilleur site pour montrer les différences, enfin surtout montrer qu'avec un même HTML on peut faire des choses de fous en CSS : (donc partie graphique)
 
http://www.csszengarden.com/

Oui, tout à fait. Déjà qu'avec le CSS 2.1, c'était dingue tout ce qu'on pouvait faire, mais maintenant, avec les ajouts des modules CSS 3.0, les possibilités sont démultipliées (genre, les flexbox)