Hemläxa

Årskurs: Gymnasiet

Ämne: Webbutveckling 1

Tema: Grundläggande märkspråk: HTML och CSS

Ordkollen

Här listas fem ämnesord på läxans tema som är bra att känna till betydelsen av.

• HTML: HyperText Markup Language, ett standard märkspråk som används för att strukturera innehåll på webben.
• CSS: Cascading Style Sheets, ett språk som används för att styla och layouta webbsidor som är skrivna i HTML.
• Selektor: En del av en CSS-regel som anger vilket eller vilka HTML-element som ska stylas.
• Responsiv design: En designmetod som säkerställer att en webbplats ser bra ut och fungerar väl på olika enheter och skärmstorlekar.
• Semantiska element: HTML-element som förmedlar betydelse och struktur i innehållet, exempelvis <header>, <footer> och <article>.

Instuderingsfrågor

1. Vad står HTML för och vad används det till?
2. Nämn två grundläggande HTML-element och deras funktioner.
3. Hur kan man länka en CSS-fil till en HTML-dokument?
4. Vilka egenskaper kan man styla med CSS?
5. Förklara vad responsiv design innebär.
6. Vad är skillnaden mellan blockelement och inline-element i HTML?
7. Ge exempel på en CSS-selektor och förklara dess funktion.
8. Hur kan CSS påverka layouter på en webbplats?
9. Varför är det viktigt att använda semantiska element i HTML?
10. Beskriv hur flexbox kan vara användbart för layoutdesign.

Skrivuppgift

Uppgift 1: Skapa en personlig webbsida

Skapa en enkel personlig webbsida som innehåller en kort presentation av dig själv. Använd HTML för strukturen, och CSS för att styla sidan. Sidan ska innehålla rubriker, stycken och bilder. Svarslängd: ca. 200 ord (En fjärdedel av en sida)

Uppgift 2: Designa en webbsida för en fiktiv produkt

Designa en webbsida för en fiktiv produkt eller tjänst. Använd HTML och CSS för att skapa en attraktiv layout med menyer, bilder och beskrivningar av produkten. Svarslängd: ca. 300 ord (En halv sida)

Uppgift 3: Reflektion över responsiv design

Skriv en reflektion om viktigheten av responsiv design och hur du har implementerat det i dina egna webbsidor. Vad har du lärt dig? Vad skulle du kunna förbättra? Svarslängd: ca. 400 ord (En sida)