Webdesign og Koding/Refleksjon

ONSDAG UKE 45:

Nå har komt i gang med Webdesign og koding. Det vi bruker er HTML og CSS, der vi skriver inn koder og ord, og så kommer det på skjermen. Oppgaven er å lage en historie der du får forskjellige valg iløpet av historien, og det skal være forskjellige slutter. Jeg har ikke komt på en idee til en historie enda, men jeg har lært meg litt om hvordan Dreamweaver funker, og jeg har starta på hvordan oppsettet skal være. Her er noen bilder ifra arbeidet mitt idag:

This slideshow requires JavaScript.


REFLEKSJON:

MEK

I min Historie “Peanutbutterfly Effect”, så blir den fortalt igjennom tekst. Den har fem forskjellige slutter, og den har to forskjellige budskap. De budskapene er at du må spise mat for å få energi i hverdagen, og at fraværsgrensa er helt teit. Historien er om en gutt som heter Kåre. Han skal spise frokost, og da kan du velge valgene han mellom… ost, peanøttsmør eller hoppe over frokosten. Men det fins forskjellige konsekvenser i valgene du tar, og de leder opp til forskjellige slutter. Noen slutter ender godt, og noen kan ende forferdelig!

Jeg kan godt si at jeg ikke liker det valget der du velger “Peanøttsmør”, det er på grunn av at jeg ikke fikk så masse tid å komme på så mye å gjøre med den delen, så den er mye mindre kreativ enn de to andre delene av historien.

MED

I historien min så blir det bare brukt tekst, og da har jeg brukt fonten “Bangers”, og den brukte jeg fordi jeg syntes at den fonten var kul, og den var ikke så dårlige å lese. Jeg valgte den også siden den var litt gøyere og lettere å lese. Bangers er en emnebetont font, og da passer den også bra til overskrifter. Jeg varier også på størrelsene på skriften, det er for å enten for å gjøre ting lettere å lese, eller for å highlighte forskjellige ting på nettsiden, for eksempel “NESTE SIDE”.

Fargene som er valgt på nettsiden min er blå og hvit (blå bakgrunn og hvit skrift). Dette valget ble gjort fordi de skaper en god harmoni sammen. Blå er jo en veldig glad og behagelig farge, og da blir det litt mer behagelig å lese hva som er på nettsiden. Et eksempel på ubehagelig bruk av farger er lilla skrift på svart bakgrunn. Det er fordi det er dårlig kontrast mellom de to fargene, og at de kan skape en mer negativ reaksjon som er mye mindre behagelig å se på for folk som er på nettsiden din.

Kontrasten på teksten på nettsiden fungerer ganske bra, det er fordi hvit på en litt mørk farge som blå er lett å se, og da er det lett å lese. Jeg la også til en liten skygge på teksten min, sånn at det ble enda lettere å lese, og da popper den mer ut, og så blender den seg ikke med bakgrunnen. Enheten på nettsiden er at jeg bruker de samme fargene og fonten i designet mitt. Balansen på nettsiden min er at jeg har midtstilt all teksten på nettsiden min, og det er luft rundt designet. Bevegelsen på nettsiden min er at du leser først hva som skjer i historien, og så ser du på de forskjellige alternativene du kan trykke på. Men iblant så ser du kanskje svar alternativene først, siden de er iblant større enn det du skal lese.

MEP

De forskjellige filformatene jeg har brukt er HTML og CSS, og programmet jeg har brukt er Dreamweaver. Disse to formatene er to forskjellige formater som trengs til å designe en nettside. I HTML så jobber du mye i tekst, der du kan sette inn overskrifter, linker, paragrafer, bilder, osv. Og i CSS så kan du fikle med designet til nettsiden. f.eks endre bakgrunn og fonter. Det som er viktig å huske er at ikke alle bokstaver og symboler kan bli brukt i navnet til filformatene dine, som f.eks norske bokstaver som ÆØÅ kan ikke bli brukt, og om du bruker filer som har de bokstavene så funker ikke nettsiden din. Og du må ALLTID huske at navnet på framsiden din må ha navet “index”, ellers så fungerer ikke nettsiden din.

her er det også noen skjermbilder ifra nettsiden:

This slideshow requires JavaScript.

 

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s