Fyrstu skrefin í HTML – Við búum til vefsíðu
Tilgangur
Að kynna nemendum HTML merkingarmálið og sýna þeim hvernig vefsíður eru byggðar upp af tögum og efni.
Hæfniviðmið og námsmarkmið
Nemandi getur búið til einfalda vefsíðu með HTML tögum og séð niðurstöðuna í vafra.
- Nemandi skilur að vefsíður eru skrifaðar í kóða (HTML)
- Nemandi getur notað helstu HTML tög (h1, h2, p, img, a, ul, li)
- Nemandi getur búið til einfalda vefsíðu um ákveðið efni
Getustig og forsendur nemenda
- Lestur: Nemendur geta lesið og skrifað íslensku á viðeigandi aldursstigi og skrifað á lyklaborði.
- Tækni: Grunnfærni í tölvunotkun. Engin fyrri reynsla af HTML krafist.
- Aðrar forsendur: Nemendur þurfa þolinmæði – HTML krefst nákvæmni í innslátt.
Lýsing á kennslustund
Nemendur læra grunnatriði HTML og búa til einfalda vefsíðu um sjálfa sig eða áhugamál sitt. Þeir nota helstu tög eins og h1, p, img og a. Kennslan tengir saman tæknilega grunnþekkingu og skapandi tjáningu. Nemendur sjá strax niðurstöður sínar í vafranum.
1. Kynning (10 mín): Kennarinn opnar vefsíðu (t.d. Wikipedíu) og sýnir nemendum 'view source' – kóðann á bak við síðuna. Nemendur sjá HTML tög. Kennarinn segir: Vefsíður eru skrifaðar í sérstöku máli – HTML. Í dag lærum við þetta mál! 2. Saman – Fyrsta HTML síðan (20 mín): Kennarinn leiðir nemendur í gegnum hvert skref á skjávarpa: (a) Skrifa grunnstrúktúr (html, head, body), (b) Bæta við fyrirsögn (h1), (c) Bæta við málsgrein (p), (d) Bæta við mynd (img), (e) Bæta við tengli (a href). Nemendur skrifa sama kóðann á sínum tölvum og sjá niðurstöðuna. 3. Sjálfstæð vinna (35 mín): Nemendur búa til eigin vefsíðu um sjálfa sig eða áhugamál sitt. Kröfur: (a) Fyrirsögn, (b) Að minnsta kosti 2 málsgreinar, (c) Mynd, (d) Listi (ul/li), (e) Tengill. Nemendur mega sérsníða efnið að eigin smekk. 4. Kynning (15 mín): Nemendur sýna vefsíður sínar á skjávarpa. Bekkurinn gefur jákvæð viðbrögð. Kennarinn spyr: Hvað lærðuð þið? Hvað var erfiðast?
Verkfæri og hugbúnaður
Vefritlar krefjast engrar uppsetningar og sýna niðurstöðu samstundis – tilvalið fyrir byrjendur.
Nemendur sjá vefsíðuna sína birta í vafranum og læra þannig hvernig vefurinn virkar.
Kennsluaðferðir
Kennarinn skrifar kóða á skjávarpa og nemendur herma eftir á sínum tölvum, skref-fyrir-skref.
Rannsóknargrundvöllur: Bandura (1977) – Félagslegt nám: Nemendur læra árangursríkt af því að fylgjast með sýnikennslu og herma eftir.
Eftir sýnikennslu fá nemendur tíma til að prófa sjálfir og breyta kóðanum til að sjá hvað gerist.
Rannsóknargrundvöllur: Papert (1980) – Konstruktíónismi: Nemendur skilja tæknina betur þegar þeir fá að prófa og sjá áhrif breytinga.
Matsaðferðir
- Verkefnamat: Inniheldur vefsíðan öll umbeðin tög (h1, p, img, a, ul/li)?
- Athugun kennara: Getur nemandinn lagað einfalda villu í HTML kóðanum?
- Sjálfsmat: Nemandinn metur sig – hversu vel skildi ég HTML? Hvað vil ég læra meira um?
Aðlögun
Nemendur bæta við CSS stílum (lit, leturstærð, bakgrunn) til að gera vefsíðuna fallegri.
Nemandinn fær HTML sniðmát þar sem grunnstrúktúrinn er tilbúinn og þarf aðeins að fylla inn texta og velja myndir.
Þverfaglegar tengingar
- Íslenska – skrifa texta um eigin áhugamál og upplýsingagjöf
- Myndmennt – sjónræn hönnun og uppsetning vefsíðu