21/10-2026 – første undervisning
I dag har vi første undervisningsgang i HTML.
Lektien til i dag bød på en masse videoer, med gennemgang af netop dette emne. I timen fik vi nogle nye perspektiver at se, og fik forklaret det på et hverdagssprog, hvilket gjorde at emnet føles lettere at forstå og tale om. Vi blev sat i gang med lidt små opgaver, som vi skal arbejde videre på næste undervisningsgang i HTML.

Hvad er HTML:
HTML er det sprog vi bruger til at udvikle og redigere indhold på vores hjemmeside. Ved hjælp af HTML kan vi fortælle browseren hvad der er tekster, billeder, overskrifter, links osv, og er det der skaber strukturen indeni websitet. HTML kører hånd i hånd med CSS, som er der hvor vi arbejder med selve designdelen. Begge dele er relevant for os, da det fremadrettet er en del af det vi vil komme til at arbejde med. Især i undervisningen samt eksamener skal vi have styr på HTML og vores kodning.

AI Promt: Hjælp mig med at forstå HTML

AI Promt: Hjælp mig med at lave flere genveje:

Opgave: lav en simpel HTML side med header, main, footer, link, billeder samt unordered- og ordered lister.
Igennem opgaven benyttede jeg paragraphs til at skabe textlinjer. OL og UL til at lave lister, samt li for at lave punkter i listerne. Så skiftede jeg punkter til squares, og satte tal på den ene. Derudover legede jeg med farver og font-familys og satte link til en blomsterforretning, da mine billeder også var med blomster. Billederne satte jeg i en boks, og fik øvet dette også. Da jeg har sat opgaverne herind, har jeg været nødt til at ændre lidt ift. hvad jeg designede i HTML og CSS, da koderne påvirker overskrifter og andre elementer i dette post. Koderne er derfor også direkte i HTML funktionen i WordPress.

22/10-2026 – anden underevisningsgang
I dag er anden undervisningsgang. Til i dag lød lektierne på et CSS kursus. Ved siden af lavede jeg nogle af opgaverne han gjorde i videoerne. Igen i dag, havde jeg brug for sideløbende noter for en bedre forståelse, og skrev både selv, men fik også hjælp af AI til dette. Selv synes jeg klasser og ID var de sværeste ting for mig denne omgang, så der så jeg videoerne igennem flere gange.
I undervisningen fik vi igen opgaver. I dag var der dog lidt flere niveaukrav til opgaverne. De var sværere og krævede lidt mere koncentration.

Hvad er CSS:
CSS er det vi bruger til at bestemme hvordan vores HTML skal se ud. Det er der vi benytter farver, størrelser, placeringer m.m. CSS er altså der vi laver selve designet vi ønsker. Et stylesheet er der du skriver dine CSS elementer, og det HTML forbindes med. Her husker vi selvfølgelig at refererer til dokumentet, inde i vores HTML, så de samarbejder dokumenterne. CSS gør det nemmere at ændre mange designs dele på én gang, og er i bund og grund nemmere at holde styr på for sig selv.

AI Promt:
Forklar mig inline, ekstern og intern i CSS samt Forklar Class vs ID

Opgave: lav tre bokse, med farver og kanter.
Her har jeg ved hjælp af HTML og CSS lavede placeringer af elementer med flex display og justify-self. Jeg har lavet boksene ved hjælp af div classes, tilføjet en paragraph, og ved hjælp af funktionerne dashed, dotted og doubble lavet farver og kanter på disse. I browser sidder den gule boks i top midte, den grønne til venstre midt side, og lyserøde i nederste højre hjørne. Jeg legede først med margins, men skriftede til flex og justify shelf, da jeg synes det var nemmere.

Refleksion:
HTML: Til at starte med, synes jeg det var svært. Både at følge med, at øve i det, men især lige at forstå alle genvejene han gennemgik i videoerne. Det gik ret hurtigt op for mig, at for at få de fleste genveje med, måtte jeg lave nogle noter. Så sammen med Copilot, fik jeg spurgt og lavet et noteark. Jeg fik stilt en masse ekstra spørgsmål, og den fik det forklaret til mig, på en måde hvor jeg fik en større forståelse for emnet. Den forklarede de store genveje som et hus, hvilket gjorde at jeg uden erfaring forstod strukturen lidt bedre. Hus-arket er lagt ovenfor.

CSS: CSS havde nogle nemmere elementer at forstå, men jeg synes stadig det var svært i sammenkoblingen med HTML. Selve designdelen synes jeg var sjovere at sidde med. Jeg fik dog en masse hjælp hjemmefra, til de små opgaver, da det alligevel krævede lidt ekstra viden for mig, for at forstå hvordan jeg sammensatte det med HTML, og lavede referance m.m. Det blev dog godt i sidste ende, og jeg føler mig helt klart klædt ordentligt på i brugen af disse fremadrettet. Undervisnings opgaverne var dog noget andet. Disse synes jeg var svære, men heldigvis var der hjælp at hente og give i klassen.