Skip to content
Kursen Python

Kmom02: XXX

Vi fortsätter att jobba på den webbplats vi byggde i förra kursmomentet och nu handlar det om att styla upp webbplatsens olika delar och lära oss mer om CSS.

Vi utgår från en ostylad sida, likt följande.

Bild. En ostylad webbplats att utgå ifrån.

När vi är klara har vi stylat navbar, header, footer, innehåll med article och aside med kolumnbaserad layout och vi har provat konstruktioner som float och flex och vi har dessutom byggt en responsiv funktion i webbplatsen.

Resultatet blir individuellt men min egen variant ser ut så här.

En stylad webbplats när övningen är klar.

Lycka till när du nu kastar dig in i en underbar värld av CSS konstruktioner.

Läs & Studera

(2-4 studietimmar)

Här kan du på egen hand studera och förbereda dig inför övningar och uppgifter.

  1. Skumma igenom How to write beautiful python code with PEP 8 för att få ett hum om regler vi följer när vi skriver Python kod. Läs t.o.m. “Programming recommendations”. Tips skriv en sammanfattning av de viktigaste reglerna.

  2. Hur man löser valideringsfelet “line-to-long” med radbrytning i Python.

Föreläsning

Titta på följande inspelade föreläsningar. Föreläsningarna kan innehålla tips om läsanvisningar.

  1. XXX

Litteratur

Studera litteratur och resurser enligt följande.

  1. XXX

Video för orientering

Titta på följande videor/filmer. Filmerna är tänkta att ge dig en allmän orientering i det område som behandlas i kursmomentet.

  • XXX

Videorna ovan finner du även i spellistan “Kursen webtec: Om webbteknologier HTML, CSS och JavaScript sat att bygga webbplatser och webbtjänster”.

Instuderingsfrågor

Här finns ett antal instuderingsfrågor som hjälper dig att finna information på egen hand för att träna på de koncept som är relevanta för detta kmom.

Instuderingsfrågor om HTML
  1. Vad står HTML för?
Instuderingsfrågor om CSS
  1. Vad står CSS för?
Instuderingsfrågor om JavaScript
  1. Ge en kort historik över programmeringsspråket JavaScript.

Övningar & Uppgifter

(8-12 studietimmar)

Övningar är träning inför uppgifterna, det är ofta klokt att jobba igenom övningarna då de förbereder dig inför uppgifterna. Uppgifter skall utföras och redovisas.

Övningar

Jobba igenom övningarna, de förbereder dig inför uppgifterna.

  1. Jobba igenom övningen “Styla din webbsida med HTML, CSS och JavaScript”.

  2. (läromaterial för att komma igång inför lab 2 i js)

  3. Hur ber man om hjälp med kod i chatten?.

Uppgifter

Följande uppgifter skall utföras och resultatet skall redovisas.

  1. Utför laborationen “Lab 2: XXX”.

  2. Gör uppgiften “Styla din rapportsida till webtec-kursen”.

Resultat & Redovisning

(1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

Se till att följande frågor besvaras i din redovisningstext.

  • Berätta om din upplevelse att jobba med styling och CSS, hur kändes det?
  • Försök reflektera över vilka eventuella svårigheter som finns för en nybörjare att komma igång med CSS.
  • Är du nöjd med utseendet på din webbplats eller är det sakr du hade velat ändra på?
  • Vilken är din TIL för detta kmom?