Hemläxa
Årskurs: Gymnasiet
Ämne: Tillämpad programmering
Tema: Webbutveckling
Ordkollen
Här listas fem ämnesord på läxans tema som är bra att känna till betydelsen av.
- HTML: HyperText Markup Language, ett markup-språk som används för att strukturera webbinnehåll.
- CSS: Cascading Style Sheets, ett style sheet-språk som används för att styla och designa webbsidor.
- Responsiv design: En designmetod som gör att webbsidor anpassar sig till olika skärmstorlekar och enheter.
- Media queries: CSS-teknik som gör det möjligt att tillämpa olika stilar beroende på skärmstorlek eller enhetstyp.
- Webbapplikation: En programvara som körs på en webbserver och ger användaren funktionalitet genom en webbläsare.
Instuderingsfrågor
- Vad är syftet med HTML?
- Beskriv funktionen av CSS i webbutveckling.
- Hur skapar du en enkel webbsida med HTML?
- Vilka element ingår i en grundläggande HTML-struktur?
- Vad innebär responsiv webbdesign?
- Förklara skillnaden mellan interna och externa stilmallar.
- Vad gör en
<div>-tagg? - Ge exempel på hur du kan använda CSS för att styla text.
- Hur kan du implementera media queries i din CSS?
- Vad är viktigt att tänka på när du designar för olika enheter?
Skrivuppgift
Uppgift 1: Skapa en webbsida
Bygg en enkel webbsida om ett ämne du är intresserad av. Använd både HTML och CSS för att strukturera och styla sidan. Sidan ska innehålla minst en titelsektion, en bild och en kort textsnutt som beskriver ämnet.
Svarslängd: ca. 300 ord (En halv sida)
Uppgift 2: Responsiv design
Utveckla en variant av din webbsida från uppgift 1 där du implementerar responsiv design. Använd media queries för att göra sidan anpassad för både mobil och desktop.
Svarslängd: ca. 300 ord (En halv sida)
Uppgift 3: Reflektion
Skriv en kort reflektion om vad du har lärt dig om HTML och CSS under denna lektion. Vad tyckte du var mest intressant? Finns det något du skulle vilja lära dig mer om?
Svarslängd: ca. 150 ord (En fjärdedel sida)