L'ensemble d'une charte graphique dans Ametys est définie dans un dossier cms/skins/[skinName]/. Ce dossier contient toutes les règles d'affichage, de comportement et d'architecture de l'application web.
Une application Ametys pouvant gérer plusieurs sites, le dossier cms/skins/ peut contenir plusieurs dossier de chartes graphique.
Une charte graphique dans Ametys est composée de fichiers de configuration, de fichiers d'internationalisation, de ressources statiques, de différents gabarits et de feuilles de styles (CSS et XSL) :
Répertoire | Détails |
---|---|
Le répertoire cms/skins/[skinName]/conf contient les fichiers :
| |
Le répertoire cms/skins/[skinName]/i18n contient les fichiers d'internationalisation (cf. page Internationalisation) | |
Le répertoire cms/skins/[skinName]/resources contient les ressources statiques de la charte graphique, ce répertoire peut être organisé de n'importe quelle façon. Une méthode consiste à regrouper les ressources par type de fichier :
Les répertoires css, img , js et swf peuvent contenir des sous-répertoires pour une organisation plus claire. | |
Le répertoire cms/skins/[skinName]/services contient les différentes feuilles de styles qui génèrent le rendu des services. | |
Le répertoire cms/skins/[skinName]/stylesheets contient les différentes feuilles de styles communes aux templates : par exemple l'entête de document, la structure globale du site, la navigation ...etc Et les répertoires suivants :
| |
Le dossier cms/skins/[skinName]/templates contient un répertoire par template, chaque template définit une structure de page par zones. |