Algemeen 

CMS Module





 



 

Vormgeving/afbeeldingen

 
Onderdelen:

  • Vormgeving: zorg voor voldoende "ruimte", beperk teksten en wissel af door rijen met een achtergrondsafbeelding, achtergrond wit en achtergrond grijs.
  • Afbeeldingen moeten in het juiste formaat worden gebruikt:
    • Formaat wijzigigen kan in Paint (bestand openen en dan via het knopje  
    • Achtergrondbanner: 1920 pixels breed (.jpg)
    • Logo's/icoontjes: max 300 x 150 pixels (.png of .gif)
    • Transparante achtergrond kan bij .png
  • Kleuren kunnen op verschillende wijzen worden ingevoerd:
    • Via de kleurnaam: Green.
    • Via de Hexadecimale kleurcode: #0082c2;
    • Via de rgba functie: rgba(0,130,194,0.6)
      Rood = 0; Groen = 130; Blauw = 194;
      Dekkingsgraad = 0.6 (60% dekking/transparant)

Basis HTML


HTML = HyperText Markup Language
TAGS = commando's
ATTRIBUTEN = kenmerken/instellingen

HTML-TAGS

<br /> Nieuwe regel
<p> ... </p> Paragraaf
<div> ... <div> Groep bij elkaar horend tekst
<h1> ... </h1> Kop 1
<h2> ... </h2> Kop 2
<h3> ... </h3> Kop 3
&nbsp; Extra spatie
&euro; Euroteken

Complete lijst: https://www.w3schools.com/tags/default.asp


ATTRIBUTEN
color: blue; Tekstkleur blauw
font-family: verdana; Lettertype instellen 
font-size: 30px; Lettergrootte 
text-align: left; Links uitlijnen
border: 1px solid powderblue; Randstijl 
margin-right: 50px; Ruimte recht
height: 100px; Hoogte
width: 100px; Breedte
float: right; Zwevend rechts

Nog wat extra HTML

CMS menu / hyperlinks

 
Maak eerst een sitemap om te bepalen welke pagina's je wilt gebruiken.

  • Pagina's kun je in het menu laten opnemen om zodoende deze pagina te kunnen benaderen.
  • Pagina's kunnen ook "zweven" en alleen worden aangeroepen via een hyperlink.
  • Het portal maakt gebruik van friendly URL's.