CMS - Adil Kengen
Hieronder volgt een korte beschrijving van de stijlvormen en hun toepassing in dit C(ontent) M(ananagement) S(ystem). Er is bewust gekozen om geen "what you see is what you get" edit boxen te gebruiken. Dit is enerzijds om te voorkomen dat de lay-out rommelig en niet uniform wordt, en anderzijds biedt dit CMS een groot aantal find & replace opties die zeer practisch zijn.

Overzicht:

CMS - Adil Kengen

• HTML:
Om stijlvormen toe te kunnen passen maakt dit CMS gebruik van een eenvoudig setje html tags. Het principe van de html-tag is dat er een openings- en een sluitings-tag is. Tussen de tags geldt het stijlvoorschrift.


• Koppen, kleine letters:
<h1>Dit is een tekst</h1> wordt:

Dit is een tekst

<h2>Dit is een tekst</h2> wordt:

Dit is een tekst

<klein>Dit is een tekst</klein> wordt:
Dit is een tekst


Een combinatie van de twee is natuurlijk ook mogelijk
<b><i>Dit is een tekst</i></b> wordt: Dit is een tekst


• Vet, cursief, en onderstreept:
<b>Dit is een tekst</b> wordt: Dit is een tekst
<i>Dit is een tekst</i> wordt: Dit is een tekst
<u>Dit is een tekst</u> wordt: Dit is een tekst

Een combinatie van de twee is natuurlijk ook mogelijk
<b><i>Dit is een tekst</i></b> wordt: Dit is een tekst


• Het gebruik van kleuren:
<oranje>Dit is een tekst</oranje> wordt: Dit is een tekst
<rood>Dit is een tekst</rood> wordt: Dit is een tekst
<blauw>Dit is een tekst</blauw> wordt: Dit is een tekst
<groen>Dit is een tekst</groen> wordt: Dit is een tekst

De kleuren en lettergrootte kunnen, afhankelijk van de gemaakte afspraken, op uw indivuduele website iets alders zijn dan in dit voorbeeld.


• Uitlijning:
<center>Dit is een tekst</center> wordt:

Dit is een tekst

<rechts>Dit is een tekst</rechts> wordt:

Dit is een tekst

<links>Dit is een tekst</links> wordt:

Dit is een tekst


• Het gebruik van Bullets
<bullets>
<#>dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1
<#>dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2
dit is tekst2a, dit is tekst2a, dit is tekst2a, dit is tekst2a
dit is tekst2b, dit is tekst2b, dit is tekst2b, dit is tekst2b
<#>dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3
</bullets>

wordt:
  • dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1

  • dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2

    • dit is tekst2a, dit is tekst2a, dit is tekst2a, dit is tekst2a
    dit is tekst2b, dit is tekst2b, dit is tekst2b, dit is tekst2b
  • dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3



• Het gebruik van Numbers
<numbers>
<#>dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1
<#>dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2
dit is tekst2a, dit is tekst2a, dit is tekst2a, dit is tekst2a
dit is tekst2b, dit is tekst2b, dit is tekst2b, dit is tekst2b
<#>dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3
</numbers>

wordt:
  1. dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1, dit is tekst1

  2. dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2, dit is tekst2

    3. dit is tekst2a, dit is tekst2a, dit is tekst2a, dit is tekst2a
    dit is tekst2b, dit is tekst2b, dit is tekst2b, dit is tekst2b
  3. dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3, dit is tekst3



• Webadressen en externe-links:
Alle webadressen adressen worden automatisch omgezet in links.
www.myadres.nl wordt: www.myadres.nl

Aan een adres zonder www dient u http:// voor te voegen zodat het cms de link herkent http://myadres.nl wordt: http://myadres.nl

Een e-mail adres wordt omgezet in een link naar uw e-mailprogramma. name@myadres.nl wordt: name@myadres.nl


• Interne pagina-links:
Het plaatsen van een link naar een andere pagina op uw website:
[[default.asp?page_id=12, ga naar pagina 12]]
ziet er uit als: ga naar pagina 12

Het plaatsen van een link naar een document op uw website:
[[http://www.yourwebsite.nl/cms-documents/voorbeeld.PDF, open pdf-je over dit onderwerp]]
ziet er uit als: open pdf-je over dit onderwerp


• Interne item-links:
Voor het plaatsen van een link naar een onderwerp op dezefde pagina moet u twee dingen doen.
1) U plaats een vlag op de plek waar u naar toe wilt: [[#vblink]]
2) U maakt een link naar deze plek: [#vblink, Ga naar dit voorbeeld]]
   ziet er uit als: Ga naar dit voorbeeld
De interne links op deze pagina zijn op deze manier tot stand gekomen.


• Externe filmpjes en kaarten:
Voor het plaatsen van externe filmpjes en kaarten maakt u gebruik van de <skip> tag. U plaatst simpelweg de code van het youtube filmpje of de google map tussen deze tags, en alles wat tussen <skip> en </skip> staat wordt niet behandeld door find/replace. Per item kunt u maar één skip tag setje plaatsen.