Les 4 van de cursus website bouwen.


KLEUREN KLEUREN KLEUREN KLEUREN KLEUREN KLEUREN

Hieronder staat allerlei over kleuren.
Hebben jullie ColorCop al gedownload?
Dit kan bij www.datastic.com/tools/colorcop/.

Bestudeer dat eens. Zet je cursor op het pipetje (dus niet hiernaast op het plaatje hoor!!) en ga naar een kleurig plaatje of ondergrond toe. Erg leuk om te doen, en later handig als je kleur in je website wilt hebben, bij voorkeur een kleur die ook in een plaatje of foto zit. Je kunt die kleur dan aflezen als je met het pipetje op de foto gaat staan.

Je ziet dat er inderdaad vele duizenden kleuren te maken zijn. Elke kleur heeft zijn eigen kleurcode, bestaande uit 6 letters of cijfers of een combinatie daarvan. Er staat altijd een # (hekje) voor (geen spatie ertussen zetten), dus bijv. #FFFFAA.
Ga er maar eens mee aan de slag.


Kijk hier voor alle basiskleuren.
Het nogal uitgebreide kleurenoverzicht komt in een apart venster te staan.



NOG WAT EXTRA INFO:

Wat kan er allemaal in kleur weergegeven worden???

  1. de letters, dus het FONT.
  2. de achtergrond, dus de background.
  3. aparte kolommen, bijv. voor de inhoud, of voor een hokje.
  4. lijnen, dus de HR, harde ruler.
  5. een rand om een hokje, dus een kaderlijn: BORDER.
Maar hoe schrijf je dat in de HTML?

  1. <FONT COLOR="#DFDF00">KLEUR</FONT>, dit geeft: KLEUR.
  2. <BGCOLOR="#FFFFAA">, dit geeft een gele achtergrond.
  3. <TR BGCOLOR="#B5DC10">, dit geeft een gele achtergrond bijvoorbeeld in een kolom, zie linkse kolom met de INHOUD.
  4. <HR COLOR="#DFDF00">, dit geeft deze gelige lijn:

  5. <BORDERCOLOR="PURPLE">, dit geeft een paarse lijn, zie hieronder, de kaderlijn dus.



Gaat het nog allemaal?

Hieronder staat een tekst in een kader. Dat heet een TABLE, een tabel, en de breedte is 75% van de hele rechterkant.
Hier kun je dus ook de achtergrond geel maken, en de rand (BORDER) maken we paars (PURPLE)
(kijk even in de bron hoe je dat in HTML schrijft):

TIP !

Gebruik niet al te veel verschillende kleuren op één pagina, dat maakt het erg chaotisch en onrustig. De tekst komt dan op de tweede plaats, wat niet de bedoeling zal zijn.



klik hier voor pagina terug

terug naar de vorige pagina