Web- og Informasjonsdesign

Fagformidling i webdesign

I dette innlegget skal jeg forklare litt om prosessen min når jeg laget min første hjemmeside (oppgave 3) i kurset Web- og Informasjonsdesign. 

Oppgaven sa at jeg skulle lage en nettside hvor jeg skal presentere meg selv og min hobby. Nettsiden skulle inneholde minimum 4 sider som linker til hverandre,  alle sidene skulle inneholde bilder og  ting skulle settes i div-er. Og når nettsiden med kriterier var ferdig, skulle den lastes opp på mitt område på høgskolen server.


1. Det første jeg begynte med på denne oppgaven var i skissere på ark hvor jeg ville ha de forskjellige div-ene, hvor meny-linkene skulle være og litt grovt om fargevalg.


2. Jeg brukte programmet Adobe Dreamweaver CC, og dette programmet lager HTML-skjelettet automatisk når man velger å lage et nytt HTML-dokument. Når dette skjelettet var oppe, begynte jeg å legge inn alle div-er jeg skulle ha, med tilhørende ID på hver av dem. Samt. at jeg la til en egen tag for hvert bilde jeg på forhånd visste hvor skulle plasseres. Når dette hva gjort, hadde jeg da en slags mal på hvordan alle fire sidene skulle se ut.

3. Etter dette opprettet jeg et CSS-dokument og linket alle de fire HTML-sidene til denne, og da var det bare å begynne å redigere på hver div slik jeg ville ha dem; Noen runde hjørner, størrelse og plassering på de forskjellige div-ene, fargevalg, hover-effekt m.m.

4. Når jeg hadde det sånn halvveis ferdig, begynte jeg å legge ut tekst og bilder der jeg ville ha dem, og justerte størrelse og plassering på dette i CSS-dokumentet. Jeg har ikke laget mye galleri før, så for at en skulle kunne se bildene i orginal størrelse, laget jeg rett og slett en HTML-side til hver av bildene med en tilbake-knapp på. Og etter en del justeringer ble jeg fornøyd, og siden var ferdig :)

Trykk her for å se resultatet av denne prosessen.