Uppgift 1: Fansite

2 (minst) HTML-filer som länkar till varandra och till andra sidor på internet
1 CSS-fil som gäller för båda HTML-filerna
1 (minst) IMG-fil som syns i minst en av HTML-filerna

Gör en fansite. Enkla hemsidor från tiden då vi inte riktigt visste vad vi skulle göra med internet ligger fortfarande ute. En del skrev helt privata saker om sig själva, många gjorde sidor om sina intressen, hundar, katter, NKOTB, bilar, fotbollslag. Välj ett ämne, tänk inte för länge och kör! Klipp, klistra, sätt samman material från befintliga källor. Det är ok med humor, med fula sidor, men såklart också med vackra.

Exempel

http://home.swipnet.se/hilights/hilightsenter.htm
http://www.angelfire.com/on/NKOTBStuff/
http://www.angelfire.com/rock/NIIRVana/
http://www.angelfire.com/hero/activistproject/

Tutorials

Pedagogisk, sekventiell: http://www.codecademy.com/en/tracks/web

Quick and dirty, överblickbart uppslagsverk: http://www.w3schools.com/

Mitt emellan: http://htmldog.com/

”Officiella”, bra definitioner: https://docs.webplatform.org/wiki/Beginners/the_beginning

Kom ihåg att ni ska skilja presentation från innehåll, HTML från CSS! Kolla exempelvis http://www.w3schools.com/html/html_css.asp och rulla ner till "External Styling (External CSS)".

Prova att validera er sida, att kolla om den verkligen följer HTML-specifikationerna: http://validator.w3.org/check

Syfte

Det viktigaste i uppgiften är att bekanta sig med de grundläggande delarna i en hemsida, hur en HTML-fil fungerar, vad taggar är, länkar, bilder. Uppgiften introducerar också principen att skilja innehåll från presentation; HTML från CSS. Genom att strukturera innehållet i fansiten, kommer ni även att börja fundera på hur innehåll struktureras med webbtekniker.