Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1588601

Editie 185 - HTML-cursus


OWN

349 bezichtigingen

Hoeveel procent heb je GTA Vice City uitgespeelt?  

91 leden hebben gestemd

  1. 1. Hoeveel procent heb je GTA Vice City uitgespeelt?

    • 10%
      5
    • 20%
      6
    • 30%
      1
    • 40%
      2
    • 50%
      11
    • 60%
      6
    • 70%
      4
    • 80%
      7
    • 90%
      40
    • 100%
      0

This poll is closed to new votes

gallery_108553_47_10996.gif

Deze rubriek is geschreven door Kloep!

Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik (Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar wat Javascript. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd.

In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.

Achtergrondkleur wijzigen

Met deze code die je hieronder krijgt, kun je gemakkelijk de achtergrondkleur wijzigen. Dit kunnen de leden van je website dan ook zelf doen! In onderstaande code gebeurt dit:

<a href="javascript:with(document.body.style) { void(backgroundColor=prompt('Kleur:',''), backgroundImage='none');}">Wijzig de achtergrondkleur</a>



Op deze pagina verschijnt een link: 'Wijzig de achtergrondkleur'. Indien je daarop klikt, krijg je een prompt-venster. Hierin kun je de kleurnaam (of de kleurcode) invullen, op OK klikken, en de achtergrondkleur veranderd.

Met deze code is het ook mogelijk om een afbeelding toe te voegen. Het is de bedoeling dat je dit zelf uit gaat proberen. Ik zal kort uitleggen wat je eerste stappen zijn:

  1. Bekijk bovenstaande code goed, en ga na wat er nu precies gebeurt.
  2. Merk op dat er nu bij BackgroundImage 'none' staat, hier moet dus wel wat komen.
  3. Achter BackgroundColor staat een prompt code, deze roept het prompt-venster op. Deze moet dus naar BackgroundImage toe.
  4. Wat moet er nu precies komen te staan?



Succes. Mocht je code niet geheel werken, kun je mij altijd je code via PB opsturen, dan help ik je verder om je code werkend te krijgen. Succes ermee. :)

0 reacties


Recommended Comments

Er zijn geen reacties om weer te geven.

Gast
Reactie toevoegen...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...