1.2:4 Head and Body & 1.3: CSS, Font og farger

OPPGAVE>

Bruk Index.html filen du utarbeidet i forrige oppgave
-Del opp innholdet i head og body element.
-På nettsiden som kommer opp (idet den åpnes i nettleseren) skal du legge inn tittel samt at du skal linke til en CSS fil. (CSS filen skal være to da den skal jobbes med senere i uken)
-Lag kun en ny notepad fil som du lagrer som index­.CSS.css
(Denne filen skal linkes til head elementet i HTML filen)

Her ser vi at tittelen min nå er: Fotoblogg.

OPPGAVE 1.3: CSS, Font og farger
font og farger på tekstelementene som du har utarbeidet i index.html filen.

-Legg inn font og farger på paragraf og header tekst elementet.
-Test ut resultatet i nettleseren(her må forrige aktivitet være gjennomført for å kunne se resultatet)
-Om ønskelig kan du lage flere enn en test med font og farger.
-Lag en print screen av både css filen og testresultatet i nettleseren og presenter på Reflektert dagbok.

CSS:

HTML:

RESULTAT

Utsnitt1:

Utsnitt2:

Notepad var heilt ok å jobbe, og det ble lettere etter hvert som en ble kjent med de ulike kodene. Det var oversiktlig og lett å rette opp på feil i både i html filen og css filen. Det var lett å endre farger på skrift og bakgrunn for så å laste opp nettsiden på nytt for å se hvordan det ble for hver gang eller den andre metoden jeg lærte etterhvert hvor jeg hadde nettsiden oppe og høyreklikke og oppdaterte den der, istedenfor å laste opp nettsiden for hver gong. Jeg har prøvd ut mange Ulike farger til bakgrunnen. Det visuelle utrykket i notepad er oversiktlig, og når en har lært hva alle taggene står for, ser en fort sammenhengen i det hele. Som designer kan man jobbe med den tekniske i HTML og CSS ved å bruke kunnskapen ein har lært og utvide denne kunnskapen til det man leter etter i sin design. Og det er spennende å benytte seg av css fil hvor en kan prøve ut ulike farger, fonter, bakgrunner og mye annet.

 

Prosjekteksamen gallery

 

1.1: 4 Index side

strong>Brief:

Bruk notepad til å lage en nettside som kalles Index.html. Siden skal ha med følgende elementer:

-Header tekstelement(test ut ulike størrelser)
-Paragraf tekst element
-Bilde/Image element
-Link til egen reflektert dagbok

Websiden:

Notepad:

Velg selv hvilket innhold de ulike elementene skal ha.

Jeg gjorde litt mer enn hva som stod i oppgaven og ser jeg har utarbeidet filen mye tile de neste leksjonene. Jeg synes alt var og er vanskeligt. Alt som er nytt for meg må jeg bruke MYE tid for å lese,youtube og kikke på vedlagte leksjoner, og bare dette kan ta 2 dager for å skjønne litt av tegningen. Jeg slet først i grunn med hvor jeg skulle plassere de ulike kodene,og finne ut hvor og når jeg skulle lukke taggen når jeg skulle mixe flere koder på samme linnje. Alle disse kodene var gresk for meg, ante ikke hvordan jeg skulle få dette til, men jeg klarte å prestere noe til slutt etter mye lesing.