Welcome to CMS Made Simple

This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

Ik ben een ontwerper

Als u de persoon bent die het ontwerp van de website maakt, dan bent u wat we noemen een ontwerper. In deze paragraaf kunt u lezen hoe sjablonen aangemaakt en aangepast worden en op welke wijze de stijl hiervan kan worden bepaald met stylesheets.

Scheiden van structuur en presentatie

Het sjabloon is waar u de structuur van een pagina definieert (= wat komt er in de pagina). De stylesheets aan de andere kant definiëren hoe de elementen van die structuur gepresenteerd worden. De stylesheets die u wilt gebruiken, worden vervolgens gekoppeld aan de sjablonen.

De opmaaktaal voor sjablonen is het oude, vertrouwde HTML. De stylesheets gebruiken CSS voor de stileren en formatteren van de HTML elementen, in plaats dat dit direct in de HTML-code gebeurt. Op deze manier zijn de structuur en de presentatie van de pagina's gescheiden en de HTML blijft schoon wat zijn voordelen heeft bij Search Engine Optimization (SEO) en de toegankelijkheid.

Het mooie is dat u bij het gebruik van een en dezelfde sjabloon u pagina's kunt krijgen die een compleet verschillend uiterlijk hebben door slechts de CSS te veranderen. (Zie CSS Zen-Garden voor het ultieme voorbeeld hiervan.) Dit is hoe de standaard sjablonen werken die bij de standaard installatie van CMS Made Simple zitten

Nou ja, om praktische redenen zijn de sjablonen bijna hetzelfde. In CMSMS wordt aan ieder sjabloon vijf stylesheets gekoppeld die hetzelfde zijn voor alle sjablonen. Dan is er een stylesheet is specifiek is voor iedere sjbloon en een of twee stylesheets die afhangen van het menu dat de sjabloon gebruikt.

Maar laten we een stap tegelijk nemen. Eerste gaan we kijken hoe u een sjabloon kunt maken of aanpassen.

Opmerking: Er is een prachtige Flash video over hoe u een sjabloon kan omzetten naar een CMSMS sjabloon: http://cmsmadesimple.org/uploads/media/mint_chocolate.htm (Engels)

This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių