Uppgift 2 - Bygg en ePortfolio

Denna uppgift gick ut på att - med HTML5 och CSS3 - skapa en ePortfolio innehållandes en presentation av sig själv samt beskrivningar på hur man löst kursens olika uppgifter. Det är denna sida du är inne på just nu!

Det första jag gjorde var att skriva upp vad för element som skulle inkluderas i presentationen, för att få en överblick. Sedan skissade jag upp ungefär hur jag ville att min hemsidas design skulle utformas. Jag bestämde att jag ville ha den stilren och enkel. Jag stolpade också upp vad jag skulle berätta om mig själv i presentationen.

Därefter öppnade jag TextWrangler och påbörjade kodandet. Jag valde snabbt ett svartvitt färgschema - inte för att göra det lätt för mig, utan för att jag tycker det är himla snyggt. Jag beslutade att ha Courier New som typsnitt genom hela hemsidan, då det är ett av mina favoriter. Således har jag satt Courier New först i min teckensnittsfamilj. Dock tröttnade jag efter ett tag på den alltför simpla layouten, så jag har gått in och ändrat bland annat headerns typsnitt samt lagt till en bakgrundsbild.

Eftersom jag jobbat en del med HTML och CSS tidigare och känner mig hyfsat bekant med det, var det enkelt att skapa en bra grund. Dessutom läste jag några kapitel ur kursboken "Web Development and Design Foundations with HTML5" samt studerade W3Schools HTML5-tutorial innan jag påbörjade uppgiften, för att färska upp minnet. När jag stötte på hinder eller behövde mer avancerade funktioner (exempel: scrollbar) hade jag stor hjälp av just W3Schools.

De HTML-element som skulle finnas med var en lista, en tabell och en bild. Listor har jag lagt in i till exempel presentationen av mig själv samt för att rada upp portfolions arbetsbeskrivningar. Ett förkortat CV fick bli en tabell. Bilder använder jag genomgående; på startsidan, i min presentation, i arbetsbeskrivningarna.

I takt med att jag löst uppgifterna har jag parallellt skrivit arbetsbeskrivningar så gott jag kunnat. Dock har jag lagt fokus på att kommentera och beskriva inne i själva koderna, vilket har resulterat i att jag behövt skriva rätt mycket på beskrivningarna i efterhand.