Stylage HTML⚓
Apprendre le CSS⚓
Il existe une multitude de sites internet traitant le sujet, tels que :
- Leçons CSS sur HTML.net (très complet, convient parfaitement aux débutants ambitieux, le sujet est traité de A à Z) ;
- Tutoriel de création d'un style pour une page simple (si vous ignorez par où commencer après avoir suivi les leçons, c'est un bon exemple, la méthodologie pour faire des skins HTML pour modèles SCENARI est similaire).
Ajouter des habillages graphiques⚓
Depuis le .wspdef dans la partie skinSets, il est possible d'ajouter de nouveaux skins à un skinClass.
Un skin peut être de la forme :
.skin.doss: c'est un dossier comportant toutes les ressources du skin (CSS, images, font, etc.) :.skinMk: il peut fusionner plusieurs.skin.dosset y ajouter des ressources de tout format.
Repartir de zéro⚓
Il est possible de créer un skin de zéro à condition de bien connaître la structure HTML du modèle et de respecter la nomenclature donnée par le .uitemplate sur les noms des fichiers CSS.
Modification d'un style existant⚓
Il est plutôt conseillé de dupliquer un skin existant et d'y apporter ses modifications. De cette façon, rien ne sera oublié.
L'extension Styler⚓
Dans les propriétés de votre atelier, activez l'extension Styler
L'item stylerDefinition donne la possibilité à quiconque utilise le modèle de créer son propre habillage graphique via SCENARIstyler. Il pourra alors créer un fichier de type .skinpack qu'il installera sur son environnement chain ou server et lui permettra de publier son contenu avec son propre skin.
Sur cet item, on déclare des items .stl pour chaque publication ainsi qu'un éditeur WUI.
Il existe plusieurs façons de paramétrer son .stl, la plus simple consiste à laisser l'utilisateur créer son skin comme il l'entend, on appelle cela, « l'habillage graphique avancé » :
Mais, il est également possible de permettre à l'utilisateur d'apporter ses modifications sur un fichier de surcharge CSS dédié, on appelle cela « l'habillage graphique guidé ».
Ou bien encore, on peut créer un formulaire afin d'agir sur des variables CSS, l'utilisateur n'aura juste qu'à le renseigner. Il s'agit de « l'habillage graphique par formulaire ».