Webbutveckling 1

Kursinformation från Skolverket: Webutveckling 1
Validering av HTML5: http://html5.validator.nu
Validering av CSS: http://jigsaw.w3.org/css-validator (Ange CSS nivå 3 under Fler val och ställ in Alla under Varningar)
Information om servern: Information om utvecklingsservern som vi jobbar på
W3schools om HTML: https://www.w3schools.com/html/default.asp
W3schools om CSS: https://www.w3schools.com/css/default.asp

1. HTML5 och lite CSS (Inlämnas av alla)
   Genomgång - Introduktion HTML5
2. Uppgift på CSS (Inlämnas av alla)
   Genomgång - Exempel på CSS
   Genomgång - Introduktion css
3. Bloggstruktur (Inlämnas av alla)
   Genomgång - Att styra sidlayout med float
4. Positionering (Inlämnas av alla)
5. Använd video på dina sidor (Inlämnas av alla)
6. Bildformat (tif, jpeg, png) (Inlämnas av alla)
7. HTML-formulär (Inlämnas av alla)
8. Frågesport om webbens historia (Inlämnas av alla)
9. Utveckla emot ett API (Inlämnas av alla)
10. Bygg en gästbok (Inlämnas av alla)
11. Bygg en blogg (Inlämnas av alla)
12. Infoga javascript
    1. Infoga JavaScript – övning 1 (Inlämnas av alla)
    2. Infoga JavaScript – övning 2 (Inlämnas av alla)
    3. Infoga JavaScript – övning 3 (Inlämnas av alla)
13. Webbprojekt (Obligatorisk)

1. Mattias kula kluringar 1
2. Mattias kula kluringar 2
3. Mattias kula kluringar 3

1. Skriv rätt HTML-taggar
2. Inline- och blockelement med padding, border och margin
3. En enkel responsiv design
4. Flytande element
5. Parkskolans nyheter
6. Typografi på internet
7. Trix för trevligare boxar
8. Styla en sida med enbart CSS
9. Zen Garden
10. Font Awesome
11. CMS - Drupal, Wordpress
12. Uppgifter i Inkscape

Om servrar och klienter (s.2,3,4,5)
Tips om tabeller (s.9)
Olika typer av stilmallar (s.3,4,5,6,19,20)
Overflow och synlighet (s.16,17,18)
:after, :before (s.4)
Webläsarprefix,selektorer,genomskinlighet,skuggor,nya fonter, CSS3-effekter (s.4,6,10,13,14,20,24,26,32,33,34)