Jump to content

Editie 185 - HTML-cursus

(0 reviews)
OWN

Artikel geplaatst door OWN

· 378 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

Log in of registreer om te stemmen in deze peiling.

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. :)

  • Rapport
    • 0

    0 reacties

    Recommended Comments

    Er zijn geen reacties om weer te geven.

    Gast
    Reactie toevoegen...