Läxa: Digital teknik – Skapa en egen webbplats: planering och design
Redogörelse
- Årskurs: Gymnasiet
- Ä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: Ett markeringsspråk som används för att strukturera innehåll på webben.
- CSS: Stilmallsspråk som används för att beskriva utseendet och layouten på en webbplats.
- Responsiv design: En designmetod som gör att webbplatser anpassar sig till olika skärmstorlekar och enheter.
- UX (User Experience): Användarupplevelse, hur en användare uppfattar och interagerar med en webbplats.
- UI (User Interface): Användargränssnitt, de visuella och interaktiva elementen på en webbplats.
- Wireframe: En enkel skiss eller blueprint som visar strukturen och layouten på en webbplats.
- DOM (Document Object Model): En programmeringsgränssnitt för HTML och XML dokument som representerar sidan i en strukturerad form.
- SEO (Search Engine Optimization): Processen att optimera en webbplats för att förbättra dess synlighet i sökmotorresultat.
- Hosting: Tjänst som gör det möjligt för individer och organisationer att göra sina webbplatser tillgängliga via internet.
- CMS (Content Management System): Programvara som används för att skapa, hantera och ändra innehåll på en webbplats utan att behöva koda.
Instuderingsfrågor
- Vad står förkortningen HTML för och vad används det till?
- Förklara skillnaden mellan UX och UI.
- Vad innebär responsiv design?
- Vad är syftet med en wireframe i webbdesign?
- Hur påverkar SEO en webbplats synlighet?
- Vad är CSS och hur används det i webbdesign?
- Beskriv vad ett Content Management System (CMS) är.
- Vad är DOM och varför är det viktigt i webbutveckling?
- Vilka är fördelarna med att använda ett ramverk för webbdesign?
- Vad innebär webbhotell (hosting) och varför behövs det?
Ö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.
| Beskrivning / Fråga | A | B | C | D |
|---|---|---|---|---|
| 1. Vad används HTML främst till? | Programmera servern | Strukturera webbinnehåll | Designa layouten | Optimera sökmotorer |
| 2. Vilket språk används för att beskriva webbplatsens utseende? | HTML | JavaScript | CSS | PHP |
| 3. Vad står UX för? | User Xylophone | Ultimate Experience | User Experience | Unique Exchange |
| 4. En wireframe är en… | Färdig webbplats | Detaljerad design | Enkel layoutskiss | Programkod |
| 5. Vad är syftet med SEO? | Förbättra användarupplevelsen | Öka webbplatsens hastighet | Öka synligheten i sökmotorer | Designa responsiva sidor |
| 6. Vad står DOM för? | Document Object Model | Digital Object Manager | Data Object Method | Dynamic Online Model |
| 7. Vad är ett CMS? | Content Management System | Code Management Software | Creative Media Suite | Customer Management Service |
| 8. Responsiv design betyder att webbplatsen… | Fungerar bara på datorer | Anpassar sig till olika enheter | Har statisk layout | Använder CSS endast |
| 9. Vilket är ett exempel på ett CMS? | Adobe Photoshop | WordPress | Microsoft Excel | Google Analytics |
| 10. Vad gör ett webbhotell? | Designar webbplatser | Lager för webbplatsfiler | Optimerar kod | Skapar innehåll |
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 de grundläggande stegen du skulle följa för att planera en egen webbplats. Inkludera vilka mål du har, målgruppen du riktar dig till och vilka funktioner webbplatsen ska innehålla.
Svarslängd: ca. 250 ord (Ungefär en halv sida)
Skrivuppgift 2: Analysera användarupplevelsen
Analysera vikten av användarupplevelse (UX) i webbdesign. Ge exempel på hur bra UX kan påverka besökarens interaktion med webbplatsen och dess framgång.
Svarslängd: ca. 350 ord (Cirka en hel sida)
Skrivuppgift 3: Implementera responsiv design
Förklara hur du skulle implementera responsiv design på din webbplats. Diskutera vilka tekniker och verktyg du skulle använda samt vilka utmaningar du kan stöta på under processen.
Svarslängd: ca. 400 ord (Två sidor)