Kursplanering: Webbutveckling 1 24-25

Webbutveckling 1 Åk 24-25 HTML & CSS

Ämne - Webbutveckling

Ämnet webbutveckling behandlar de tekniker som används för att presentera och bearbeta information i webbläsaren samt utifrån dessa tekniker skapa och vidareutveckla statiska och dynamiska webbsidor, webbplatser eller webbapplikationer.

Ämnets syfte

Ämnet webbutveckling ska syfta till att eleverna utvecklar färdigheter i att skapa produkter med hjälp av olika webbtekniker. Eleverna ska ges möjlighet att utveckla kunskaper om olika webbteknikers konstruktion och funktionalitet samt kunskaper om samspelet mellan beställare, användare, formgivare och utvecklare. Genom undervisningen ska eleverna ges möjlighet att utveckla produkter som följer standarder, riktlinjer för god praxis, användbarhet och tillgänglighet även för användare med funktionsnedsättning. Undervisningen ska leda till att eleverna utvecklar kunskaper om relevanta lagar och andra bestämmelser samt förmåga att göra webbrelaterade etiska överväganden.

I undervisningen ska eleverna ges möjlighet att utveckla kunskaper om och färdigheter i att använda verktyg för att producera och kontrollera den kod på en webbplats som exekveras av webbklienten.

Undervisningen ska ge eleverna möjlighet att utveckla kunskaper om projekt som arbetsmetod och tillfälle till arbete i projektform.

 

Hjälpmedel/Lärobok Online

Webdesignskolan

W3Schools

Vår serversida

 

Kursens Innehåll

1. Om kursen

• Kursplanering & Kursmål
• Planering
• Kursen - en sammanfattning

2. Webbens historia

• Historik, Plattform och Samhällspåverkan
• Begrepp inom Webbutveckling
• Webbens Inverkan och påverkan
• Klient, server & protokoll
  • Frågor, uppgifter till Klient, server & protokoll.
• Vad får man säga på nätet?
  • Svenskarna och Internet

3. Planera och utföra ett webbprojekt

• Våra verktyg
  • Dreamweaver
  • Photoshop
    • 4 zippade bilder
  • CMS - Webbpubliceringsverktyg
  • FTP & Dreamweaver
• Processen för webbprojekt
  • Att bygga en webb - enskilt eller i team
  • Webbprojekt
  • Att jobba i Webbprojekt
  • En enkel SiteMap
  • GANT-Schema
• Tillgänglighet
  • Tillgänglighet grund.
  • Lagar & regler

4. HTML (Hyper Text Markup Language)

• HTML-taggens uppbyggnad
• HTML
• Grunderna i HTML
• Färger & Färgkoder
• Text & Specialtecken
• Mall för grundkod
• Bilder i webben
• Sidmarginaler & Länkar

5. CSS (Cascading Style Sheets)

• Grundläggande om CSS
• Viktiga punkter för att få förståelse för CSS
• CSS - Uppbyggnad
• Om CSS
• CSS enheter, teckensnitt & teckenfärg
• Rubriker, bakgrundsfärg och bakgrunder
• Listor
• Mer CSS
• CSS - Positionering
• ID, DIV, CLASS och SPAN
• Positionering - relativ eller absolut
• CSS-menyer
• Responsiv Layout

6. Standarder & Riktlinjer

• Standarder & Riktlinjer 1-2

7. Projekt 1

• Uppgift 1 att göra och lämna in.
• Lathund för vanliga HTML- och CSS-objekt
• Idéskiss-mall

8. Projekt 2

9. Projekt 3

10. Projekt 4

11. Projekt 5

12. Projekt 6

13. Projekt 7 - Grupp-projekt 1

14. Slutprojekt

15. Slutprojekt Kod