Detta är en kurssida för Webbutveckling 1 som läses som individuellt val. Här finns mycket material för kursen.

Plan

v17

Kontrollera att du har lämnat in alla uppgifter på Itslearning.

Meny där hover och class="selected" används

För betyg C och upp gör även:

Meny där transform används

Meny där transition används

Se till att all kod validerar, både HTML och CSS. Lämna in på respektive uppgift på Itslearning.

v16

Genomgång historia, teknik och lagar? När prov?

Visa valt alternativ i meny med JavaScript. Betyg C - A. Lämna in på itslearning.

Startsida med länkar till alla gjorda uppgifter. Lämna in på itslearning.

v15

Sista chansen att lämna in historia, teknik och lagar. Senast före lektionen i nästa vecka. Sedan blir det prov för de som inte lämnat in.

Gör klart test 1 html css

Gör mobil anpassning. Samma HTML-kod men förändrad CSS.

startsida Lämna in på itslearning.

v13

historia, teknik och lagar

Gör klart test 1 html css

Snabb - gör mobil anpassning. Samma HTML-kod men förändrad CSS.

startsida Lämna in på itslearning.

Lämna in annat på itslearning ...

v10, 11 o 12

historia, inlämning på itslearning

teknik, inlämning på itslearning

v 9

test 1 html css

snabb - gör mobil anpassning

Vad vill du göra för hemsida, om du får välja?

v 8

CSS Zen Garden

Läxa till v 9: Självvärdering av egen hemsida.

Läxa till v 10: Lagar och andra bestämmelser.

Alla tre lämnas in på itslearning.

Läxa: Om du får välja, vad vill du göra för sida?

v5 o 6

Gör egen hemsida efter plan.

v4

gratis webbhotell

startsida Lämna in på itslearning.

Läxa: Planera egen hemsida till nästa vecka.

v3

sidor jag gillar

gratis webbhotell

startsida

sidstruktur

v51

Öva på Css

Css sida eller som tre mindre uppgifter del 1, del 2 och del 3

Webbtidning

A complete guide to flexbox, CSS-tricks.com

Önskemål om egen sida?!

v50

Testa vad du kan i CSS.

Webbtidning

v49

Testa vad du kan i CSS. Visa din lärare när du är klar.

Gör klart horisontell och vertikal meny.

Meny med login, för den som är snabb.

Webbtidning

A complete guide to flexbox, CSS-tricks.com

v48

Vertikal meny med flexbox.

A complete guide to flexbox, CSS-tricks.com

v47

Nästan alla sidor har en meny.

Demo på JSFiddle

Spelet Flexbox Froggy som uppvärmning?! Inte hela.

Horisontell meny med flexbox.

v46

Din kod förväntas passera test för HTML-validering och CSS-validering.

Fortsätt med HTML advanced och CSS advanced.

v45

Blir klar med intermediate och lämna in i itslearing.

v43

dito, några har resursdag

v42

Inlämning av HTML och CSS beginner i itslearning.

Fortsatt arbete med hemsidan.

HTML intermediate exempel på JSFiddle

CSS intermediate exempel på JSFiddle

Flödesschema för att välja HTML5-element.

v41

Förtydligande om inlämningsuppgift.

Diskutera deadlines.

Klient server

Fortsatt arbete på hemsidan.

v40

dito

v39

HTML intermediate

HTML intermediate exempel på JSFiddle

HTML-taggar främst i head

CSS intermediate

CSS intermediate exempel på JSFiddle

Flödesschema för att välja HTML5-element.

- v38

HTML Dog Beginner

HTML Dog Beginner sammanfattning på JSFiddle

CSS Dog Beginner

CSS Beginner sammanfattning på JSFiddle

Kunskapskällor

codecademy

Validering

Validering HTML

Validering CSS

Deadlines