"Je suis designer"

Si vous êtes la personne qui crée le design (la présentation visuelle) du site, et bien vous êtes ce qu’on appelle le "designer" (au sens des différents types d'utilisateurs, ou fonctions définis dans "CMSMS"). Dans cette section, vous apprendrez à créer et personnaliser un gabarit et à lui donner un style avec les feuilles de style.

Le principe : séparer la structure de la présentation

Vous définissez la structure de la page dans le gabarit (comment est organisée la page). D’un autre côté, vous créez la feuille de style qui définit comment les éléments de la structure sont présentés (polices, couleurs, alignements...). Les feuilles de style que vous désirez utiliser sont alors attachées au gabarit.

Le langage de balises utilisé dans les gabarits est le bon vieux code "HTML". Les feuilles de styles utilisent le code "CSS" pour le style et formatage des éléments du code "HTML", au lieu de faire cela directement dans celui-ci. De cette façon, la structure et la présentation de vos pages sont séparées, le code "HTML" reste propre. Vous en bénéficiez quant à l’optimisation pour les moteurs de recherche - "Search Engine Optimization" ("SEO") - et pour l’accessibilité de votre site.

Ce qui est intéressant avec ce système, c'est que vous pouvez utiliser un seul et unique gabarit et obtenir des pages qui ont un style complètement différent, juste en changeant le "CSS" (ou plus simplement en changeant la feuille de style qui est attachée à ce gabarit). Pour voir l'un des meilleurs exemples de ce principe mis en application, visitez CSS Zen-Garden.

C’est ainsi que fonctionnent les gabarits par défaut fournis avec l’installation de base de "CMS Made Simple". En fait, pour des raisons pratiques, ces gabarits sont presque identiques. Mais pour chaque gabarit, il y a 5 feuilles de style attachées qui sont les mêmes pour tous. Puis, il y a une seule feuille de style spécifique à chaque gabarit et une ou deux supplémentaires selon quel menu est utilisé.

Mais avançons pas à pas. Pour commencer, voyons comment vous pouvez créer ou personnaliser un gabarit.

Note : Il y a une vidéo flash (en anglais) qui montre comment convertir un template tel qu'on les trouve sur internet en un gabarit pour "CMS Made Simple" : http://cmsmadesimple.org/uploads/media/mint_chocolate.htm

This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Getting Started/Designer/fr

From CMSMS