Forritun og gagnvirkt efni

Tilgangur

Að nemendur noti einfalda forritun (HTML/CSS eða innfellt JavaScript) til að búa til gagnvirkt efni á vef. Þeir skilja hvernig vefsíður virka á tæknilegu stigi og geta bætt við gagnvirkni.

Hæfniviðmið og námsmarkmið

Hæfniviðmið

Nemandi getur valið og nýtt hugbúnað við fjölbreytta netmiðlun.

Námsmarkmið:

3.1: Nemandi getur skrifað einfaldan HTML-kóða til að búa til vefsíðu
3.2: Nemandi getur notað CSS til að breyta útliti vefsíðu
3.3: Nemandi getur bætt við einfaldri gagnvirkni á vefsíðu

Getustig og forsendur nemenda

Lestur: Nemendur geta lesið tæknilegar leiðbeiningar á ensku
Tækni: Nemendur hafa reynslu af vefsíðugerð og forritun á einhverju stigi
Aðrar forsendur: Nemendur þurfa áhuga á tækni og forritun

Lýsing á kennslustund

Nemendur kynnast HTML og CSS á grunni og nota þau til að breyta útliti vefsíðu eða bæta við einföldum gagnvirkum hlutum. Þeir sjá „bak við tjöldin” á vefsíðum og skilja hvernig kóði stýrir útliti og hegðun.

Verkefnalýsing:

1. Kennari sýnir: Öll vefsíðan sem þið sjáið er gerð úr kóða! Sýnir „View Source” á vefsíðu (5 mín).
2. Kennari kynnir HTML grundvallaratriði: <html>, <head>, <body>, <h1>, <p>, <img> (12 mín).
3. Nemendur skrifa fyrstu HTML-síðu sína í CodePen eða VS Code (10 mín).
4. Kennari kynnir CSS: litir, leturstærð, bakgrunnur (10 mín).
5. Nemendur bæta CSS við síðu sína og breyta útliti (12 mín).
6. Kennari sýnir hvernig á að bæta við einfaldri gagnvirkni — t.d. takki sem breytir lit (8 mín).
7. Nemendur búa til sína eigin vefsíðu með HTML, CSS og a.m.k. einum gagnvirkum hlut (15 mín).
8. Nemendur kynna og kennari dregur saman (8 mín).

Verkfæri og hugbúnaður

HTML/CSS ritstjóri (t.d. VS Code eða CodePen) — forritunnarumhverfi

Til að skrifa og prófa HTML/CSS kóða á einfaldan hátt

Tölvur — tæknibúnaður

Til forritunar

Kennsluaðferðir

Kóðunarkennsla

Nemendur læra HTML/CSS með verklegum æfingum — sjá strax áhrif kóðans

Rannsóknargrundvöllur: Verkleg kóðunarkennsla þar sem nemendur sjá niðurstöður strax er áhrifaríkasta leiðin til að kenna vefforritun

Tilraunir og uppgötvun

Nemendur breyta kóða og sjá hvað gerist — tilraunanálgun

Rannsóknargrundvöllur: Tilraunanám í forritun eykur skilning og sjálfstraust

Matsaðferðir

Mat á HTML-færni — getur nemandinn skrifað grundvallar HTML-kóða?
Mat á CSS-færni — getur nemandinn breytt útliti vefsíðu?
Mat á gagnvirkni — virkar hún rétt?

Aðlögun

Aukin áskorun

Nemendur bæta við JavaScript til að búa til flóknari gagnvirkni — t.d. reiknivél eða spurningaleik

Stuðningur

Kennari gefur tilbúinn kóða sem nemandinn breytir — t.d. breyta litum og texta

Þverfaglegar tengingar

Stærðfræði — rökhugsun og skipulag í forritun
Enska — forritunarmál er á ensku