Vika 2, 25.—31. ágúst 2025

Fyrirlestrar

• Fyrirlestur 2.1: Nánar um verkefni 1; HTML spec
• Fyrirlestur 2.2: Meira um HTML; w3c validator; prettier
• Fyrirlestur 2.3: Yfirferð á verkefni 2; aðeins um aðgengi

Námsefni

Lesefni

• Bókin um vefforritun
  • Kafli 4: HTML Element
  • Kafli 5: Töflur, listar, og form
  • Kafli 6: Að skrifa HTML
  • Kafli 7: Aðgengi
  • Kafli 8: Leitarvélabestun

Uppteknir fyrirlestrar

• HTML element
• HTML töflur, listar og form
• Að skrifa HTML
• Aðgengi
• SEO

Dæmi

Dæmi eru undir viðeigandi námsefni í daemi/ möppu. Sérstaklega skal skoða:

• HTML Element
  • Flow content
  • Paths
  • Sectioning content
• HTML töflur, listar og form
  • Töflur
  • Listar
  • Form
• Aðgengi
  • Aðgengisdæmi

Lykilhugtök

• HTML element
• HTML tag
• HTML attribute
• Tré (gagnaskipan)
• Merkingarfræði
• HTML staðallinn (spec)
• Vísun í efni með afstæðum (relative) slóðum
• Vísun í efni með nákvæmum (absolute) slóðum
• HTML töflur
• Listar
• Form
• Linting
• HTML validataor
• Aðgengi
• WCAG staðallinn
• aXe tólið
• Skjálesarar
• Leitarvélabestun, SEO

Sjá öll lykilhugtök og skilgreiningar í lykilhugtok.md.

Verkefni vikunnar

• Opna og skoða HTML spec, hvar og hvernig skjölun element eru skjöluð.
  • Fletta upp elementum sem þið notið í spec eða á MDN þegar þið notið í fyrsta skipti.
• Skoða og læra hvernig við vísum í efni: milli mappa, mun á afstæðum (e. relative) og nákvæmum (e. absolute).
• Prófa HTML validator og fá tilfinningu fyrir hvernig villur eru birtar.
• Skoða Web Content Accessibility Guidelines (WCAG) 2.1 staðal og Techniques for WCAG 2.1.
• Setja upp aXe viðbót í vafra.
• Prófa aðgengistæki í þínu tæki, ef við á. Voiceover á macOS og iOS, Talkback á Android.
• Vinna í og skila verkefni 1
• Byrja á verkefni 2