Provkonstruktion
Årskurs: Gymnasiet
Ämne: Tillämpad programmering
Tema: Webbutveckling
Syfte
Syftet med provet är att bedöma elevernas kunskaper och förmågor inom webbutveckling, särskilt med fokus på HTML och CSS. Genom provet ska eleverna visa sin förmåga att tillämpa de koncept och färdigheter som de har lärt sig under kursen.
Koppling till styrdokument
Centralt innehåll
Denna lektion introducerar grunderna i webbutveckling med fokus på HTML och CSS. Eleverna får lära sig hur man bygger en enkel webbapplikation och skapar en grundläggande webbsida för att förstå hur dessa teknologier samverkar.
Kunskapskrav
Eleven ska kunna använda HTML och CSS för att skapa och designa webbsidor samt förstå webbens grundläggande funktionalitet.
Prov
Faktafrågor
1. Vad står HTML för?
- A. HyperText Markup Link
- B. Hypertext Multi Language
- C. HyperText Markup Language
- D. HighText Markup Language
2. Vilken tagg används för att skapa hyperlänkar i HTML?
- A. <a>
- B. <link>
- C. <hyperlink>
- D. <url>
3. Vilken CSS-egenskap används för att ändra bakgrundsfärgen på ett element?
- A. background-color
- B. background
- C. color
- D. bg-color
4. Hur lägger man till CSS-regler i en HTML-fil?
- A. Genom att använda en <style>-tagg i <head>-delen
- B. Genom att använda en länk till en extern CSS-fil
- C. Genom att använda <css>-taggen
- D. Genom att skriva CSS direkt i <body>-delen
5. Vad syftar en <div>-tagg till?
- A. Att styla text
- B. Att skapa en sektion i HTML-dokumentet för stil och layout
- C. Att lägga till bilder
- D. Att skapa listor
6. Vad är skillnaden mellan interna och externa stilmallar?
- A. Ingen skillnad, de är samma sak
- B. Interna stilmallar används i HTML-dokumentet, externa stilmallar i separata filer
- C. Externa stilmallar används bara för mobil
- D. Interna stilmallar är alltid bättre
7. Vilket syfte har media queries i CSS?
- A. Att lägga till bilder
- B. Att anpassa webbsidan för olika skärmstorlekar
- C. Att skapa animationer
- D. Att lägga till text
8. Vad betyder responsiv webbdesign?
- A. Att webbsidan anpassar sig efter olika enheter
- B. Att innehållet är statiskt
- C. Att webbsidan ser likadan ut överallt
- D. Att inga bilder används
9. Vilken HTML-tagg används för att definiera en rubrik?
- A. <title>
- B. <h1>
- C. <head>
- D. <header>
10. Vad gör en CSS-klass?
- A. Den används för att skapa webbsidor
- B. Den används för att tillämpa specifika stilar på element med samma klassnamn
- C. Den används för att visa text
- D. Den används för bilder
11. Hur kan du inkludera en bild i HTML?
- A. <img src=”bild.jpg”>
- B. <img src=”bild.jpg” alt=”beskrivning”>
- C. <image>
- D. <foto>
12. Vad gör <link>-taggen i HTML?
- A. Den länkar till en extern CSS-fil
- B. Den lägger till en bild
- C. Den skapar en rubrik
- D. Den används för att skapa en lista
13. Vilken CSS-egenskap styr textens färg?
- A. background-color
- B. color
- C. color
- D. text-color
14. Vad betyder “viewport” i responsiv webbdesign?
- A. Det är en speciell tagg i HTML
- B. Det är det område där en webbsida visas på en enhet
- C. Det syftar på alla enheter
- D. Det betyder att sidan inte är responsiv
15. Vad används en HTML-formulär för?
- A. Att visa text
- B. Att samla in data från användaren
- C. Att skapa bilder
- D. Att skapa utmatningar
Resonerande frågor
1. Diskutera varför det är viktigt att ha en responsiv design i dagens webbutveckling.
Syftet är att uppmuntra eleverna att tänka kring användarnas behov och tillgänglighet på olika enheter.
2. Reflektera över hur du skulle strukturera en större webbsida och vilken betydelse en bra layout har.
Denna frågeställning ger eleverna möjlighet att visa sin förståelse för användarvänlighet och navigering.
3. Vad innebär “accessibility” inom webbutveckling och varför är det viktigt?
Frågan syftar till att få eleverna att tänka på hur man kan göra en webbsida tillgänglig för alla användare.
4. Hur påverkar valet av färger och typsnitt användarens upplevelse av en webbsida?
Genom att svara visar eleverna sin förståelse för designprinciper och estetik.
5. Resonera kring skillnaden mellan inline CSS och externa CSS-filer och ge för- och nackdelar med båda.
Eleverna uppmanas att reflektera över bästa praxis i kodning och organisation av filer.
6. Hur kan du använda CSS-animationer för att förbättra användarupplevelsen på en webbsida?
Detta ger eleverna möjlighet att diskutera moderna tekniker och deras effekter på användarinteraktion.
7. Diskutera hur du kan optimera din webbsida för bättre laddningstider.
Syftet med frågan är att få eleverna att tänka på prestanda och effektivitet i webbutveckling.
8. Reflektera över hur du kan tillämpa de kunskaper du har lärt dig i framtida projekt.
Denna fråga hjälper eleverna att se relevansen av sina kunskaper i praktiken och framtida tillämpningar.
Bedömning
Provet kan bedömas med totalt 35 poäng, där faktafrågorna ger 1 poäng var och de resonerande frågorna ger 2 poäng var.
För betyget E krävs minst 8 poäng, för betyget C krävs 12 poäng (minst 3 poäng från resonerande frågor), och för A krävs 18 poäng (minst 5 poäng från resonerande frågor).