HTML, CSS en JavaScript - Pearson Education
HTML, CSS en JavaScript - Pearson Education
HTML, CSS en JavaScript - Pearson Education
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
1 <strong>HTML</strong>, <strong>CSS</strong> <strong>en</strong> <strong>JavaScript</strong><br />
Natuurlijk raakt dit voorbeeld nauwelijks aan de oppervlakte van wat u met jQuery kunt<br />
do<strong>en</strong>, we hop<strong>en</strong> alle<strong>en</strong> dat u e<strong>en</strong> indruk hebt gekreg<strong>en</strong> van de structuur <strong>en</strong> stijl van e<strong>en</strong><br />
<strong>HTML</strong>-docum<strong>en</strong>t waaraan jQuery code is toegevoegd. We sluit<strong>en</strong> het hoofdstuk af met<br />
e<strong>en</strong> paar oef<strong>en</strong>ing<strong>en</strong> waarmee u voor uzelf kunt nagaan of uw k<strong>en</strong>nis van <strong>HTML</strong> <strong>en</strong> <strong>CSS</strong><br />
voldo<strong>en</strong>de is voor het mak<strong>en</strong> van aardige webpagina’s.<br />
Oef<strong>en</strong>ing 1.2<br />
Neem het <strong>HTML</strong>-docum<strong>en</strong>t dat u gemaakt hebt met oef<strong>en</strong>ing 1.1. Maak er iets moois van!<br />
Als toegift: als u met uw muis bov<strong>en</strong> uw foto komt, verschijnt er “Hallo ...(vul hier uw naam is)..”. Hint:<br />
gebruikt het mouseover ev<strong>en</strong>t. Tweede toegift: nu met jQuery.<br />
Oef<strong>en</strong>ing 1.3<br />
Probeer afbeelding 1.4 te reproducer<strong>en</strong>, door het formulier uit paragraaf 1.3 in e<strong>en</strong> <strong>HTML</strong>-tabel te zett<strong>en</strong>.<br />
Oef<strong>en</strong>ing 1.4<br />
Neem het resultaat van het <strong>HTML</strong>-docum<strong>en</strong>t<strong>en</strong> uit oef<strong>en</strong>ing 1.2 <strong>en</strong> 1.3.<br />
Maak er één docum<strong>en</strong>t van, waarbij uw persoonlijke gegev<strong>en</strong>s in het midd<strong>en</strong> kom<strong>en</strong> te staan, <strong>en</strong> het<br />
formulier links. Maak er e<strong>en</strong> paginakop bov<strong>en</strong> met groot uitgevoerde tekst: “Dit is de pagina van … “<br />
(vul uw naam in). Probeer <strong>en</strong>kele variaties in de layout, met tabell<strong>en</strong> of met <strong>CSS</strong>.<br />
25