Update

Ja, da har man kommet fra en 2 ukers lang reise gjennom jobben.

Nett tilgangen var dårlig og arbeid krevde de fleste timene av døgnet. Men jeg skal laste opp oppgavene så snart som mulig, må bare finjustere først

Oblig 6 – enkelt nettsted

Da har jeg endelig levert !

Jeg tror kanskje jeg tok litt av i denne oppgaven og laget eget tidspress på meg selv.

Jeg brukte css wireframe for å få en grid visning, og brukte google fonts for å utfordre meg selv. Sluttresultatet ble ok syns jeg.

Link: enkelt nettsted

Uke 19 – Adobe Dreamweaver – Position

Her har jeg flyttet alle “p” tagene mine på rekke og rad

Jeg plages litt med relative, men det gikk greit. Jeg la inn en css reset også for å være sikker.

Absolute position

Slik ser koden ut, og det ble helt likt i nettleseren.

Relative

Her ble jeg litt plaget. Nettleseren ville ikke vise det likt som DW, så her var det bare å justere

Float

Her brukte jeg samme linje for å formatere de 3 boksene, og jeg måtte bruke en clear for at det skulle oppføre seg slik jeg ville.

Uke 19 – Box modell

Jeg kunne selvfølgelig lagt inn max-widt, min width, font osv, men det var ikke en del av oppgaven, så jeg valgte å ikke gjøre det. Det var uansett ikke hovedpoenget med oppgaven.

Jeg kunne også å brukt class i stedet for ID, som egentlig er best practice, men siden jeg viste at det var kun dette som skulle vises på hjemesiden, valgte jeg å bare bruke en id, “wrapper”. Det fungerer til sitt formål det også.

Gul linje = margin. Denne er utenfor selveste “diven” og gjør slik at boksen får “luft.”

I dette tilfellet legger browseren til 8px på body, som gir den litt mer luft, dette kan man ungå ved å bruke “CSS reset”. Det er ikke brukt her, mulig jeg skriver om dette senere.

Svart linje = er boardern, den er på insiden av diven.

Hvit linje = padding, Denne gir luft til skriften, slik at den ikke er helt i boarder`n.

Her er DW:

Uke 19 – Adobe Dreamweaver – CSS

Da har jeg gjort denne oppgaven også. Jeg bruker faktisk lenger tid på å gå i “css styles” og velge properties i DW en jeg ville ha brukt ved å skrive de selv. Dog så kan jeg de fleste parameterne og kan skrive de ned med en gang. Ser jo nytten i dette hvis man ikke husker dette eller er usikker på hva man skal bruke. Merker også at jeg heller tar “browsertesting” underveis en å stole på DW sin live view.

Her er resultatet:

Uke 18 – Wireframe

I denne oppgaven skulle vi bruke nettsiden vi laget i uke 17 , og lage wireframes. Jeg brukte noe som heter “legend tag” for å dele inn de forskjellige divene og innholdet.

Side:

 

 

 

 

 

 

 

 

 

 

 

 

HTML:

Uke 18 – sitemaps

I denne oppgaven skulle vi lage sitemaps for 3 av de nettsidene vi fant i research oppgaven. Jeg laget sitemaps for google, facebook og wordpress.

Jeg fikk problemer med å installere programmene som var anbefalt i oppgaven. Så jeg brukte et online program som heter “slickplan”. Ikke helt optimalt i forhold til oppgaven men det hjalp på.

Google

Facebook

WordPress