Skapa en Egen Webbplats: Planering och Design
Årskurs: Åk 7 – 9
Ämne: Digital teknik
Tema: Skapa en egen webbplats: planering och design
Ordkollen
Här listas tio ämnesord på läxans tema som är bra att känna till betydelsen av.
-
HTML
HyperText Markup Language – Grunden för att skapa och strukturera innehåll på en webbplats. -
CSS
Cascading Style Sheets – Används för att styla och layouta webbsidor. -
Responsiv design
En designmetod som gör att en webbplats anpassar sig efter olika skärmstorlekar, såsom mobiler och datorer. -
Wireframe
En enkel skiss eller plan för webbplatsens struktur och layout innan design och utveckling påbörjas. -
Navigation
Systemet som gör det möjligt för användare att röra sig mellan olika sidor och sektioner på en webbplats. -
Wireframing
Processen att skapa wireframes som visar webbplatsens grundläggande struktur. -
User Experience (UX)
Användarens upplevelse och interaktion med en webbplats, vilket påverkar hur lätt eller svårt det är att använda den. -
Domain
En unik webbadress som identifierar en webbplats på internet. -
Hosting
Tjänsten som lagrar webbplatsens filer och gör dem tillgängliga online. -
SEO (Search Engine Optimization)
Tekniker för att optimera en webbplats så att den rankas högre i sökmotorers resultat.
Instuderingsfrågor
- Vad står förkortningen HTML för och vad används det till?
- Förklara skillnaden mellan HTML och CSS.
- Vad innebär responsiv design?
- Vad är en wireframe och varför är den viktig i webbdesign?
- Hur påverkar navigationen användarupplevelsen på en webbplats?
- Vad betyder User Experience (UX)?
- Varför är valet av domän viktigt för en webbplats?
- Vad innebär webbhotell (hosting) och vilken funktion har det?
- Hur kan SEO förbättra en webbplats synlighet?
- Beskriv stegen du skulle ta för att planera en egen webbplats.
Övning
Nedan listas uppgifter och fyra svarsalternativ. Du ska ringa in det alternativ som är korrekt. Observera att av de fyra alternativen är endast ett korrekt.
| Uppgift/Beskrivning | A | B | C | D |
|---|---|---|---|---|
| 1. Vad används CSS till? | Serverhantering | Layout och stil | Databashantering | Bildredigering |
| 2. Vilken filtyp används för att skapa en grundläggande webbstruktur? | .css | .html | .js | .php |
| 3. Vad står UX för inom webbdesign? | User Xylophone | User Experience | Unified Exchange | Universal Xtreme |
| 4. Vilken metod säkerställer att en webbplats fungerar på mobiler? | Responsiv design | Statiskt innehåll | Endast CSS | Begränsad layout |
| 5. Vad är en domän? | En typ av bildfil | En unik webbadress | En servertyp | En programmeringsspråk |
| 6. Vad innebär SEO? | Social Engineering Optimization | Search Engine Optimization | System Efficiency Operation | Secure Encryption Output |
| 7. Vad används en wireframe till? | För att färglägga webbplatsen | För att strukturera sidan | För att lagra data | För att animera element |
| 8. Vilket av följande är ett webbhotell? | En typ av webbläsare | En tjänst som lagrar webbplatsfiler | Ett programmeringsspråk | En designstil |
| 9. Vad är syftet med navigation på en webbplats? | Att dekorera sidan | Att hjälpa användare att hitta innehåll | Att lagra användardata | Att optimera bilder |
| 10. Vilken HTML-tagg används för att skapa en hyperlänk? | | | | |
Skrivuppgifter
Här presenteras tre olika skrivuppgifter som är utformade på tre olika svårighetsnivåer: enkel, medel och svår.
Skrivuppgift 1: Planera Din Webbplats
Beskriv hur du skulle planera din egen webbplats. Vilket syfte har webbplatsen? Vilken målgrupp riktar den sig till? Vilka sidor och funktioner vill du inkludera.
Svarslängd: ca. 250 ord (En halv sida)
Skrivuppgift 2: Design och Layout
Redogör för hur du planerar layouten och designen på din webbplats. Vilka färger och typsnitt tänker du använda? Hur ska navigationen se ut? Beskriv även hur du säkerställer att webbplatsen blir responsiv.
Svarslängd: ca. 350 ord (En och en halv sida)
Skrivuppgift 3: Användarupplevelse och SEO
Analysera hur du kan förbättra användarupplevelsen (UX) på din webbplats. Vilka designprinciper kommer du att tillämpa? Diskutera även vilka SEO-strategier du planerar att använda för att öka webbplatsens synlighet i sökmotorer.
Svarslängd: ca. 400 ord (Två sidor)