Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet.

Størrelse: px
Begynne med side:

Download "Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet."

Transkript

1 HJEM OM OSS KONTAKT STYLE SHEET LIMITLESS - SUNN & ENERGIRIK BAGUETT Limitless inneholder en optimal balanse av karbohydrater, fett og protein for aktive mennesker. Vårt mål er å kunne tilby deg sunn, god og lettvint mat, slik at du yter maks før og etter trening. Limitless får du kjøpt hos nærmeste Siljan Bakeri for kr 49,- Hjem Om oss Kontakt Style sheet HJEM OM OSS KONTAKT STYLE SHEET Om oss Når du kjøper en baguett, er du alltid garantert egetbakt brød og friske grønnsaker. Service og friskhet kommer alltid i første rekke. Hvis du lurer på noe eller ikke skulle være fornøyd med bestillingen, tar vi gjerne imot tilbakemeldinger. Hjem Om oss Kontakt Style sheet HJEM OM OSS KONTAKT STYLE SHEET Kontakt Ved eventuelle spørsmål ta gjerne kontakt på telefon eller mail. Langesundveien Stathelle Hjem Om oss Kontakt Style sheet HJEM OM OSS KONTAKT STYLE SHEET Style sheet (Kommer i del 2) Hjem Om oss Kontakt Style sheet Hjem Om oss Kontakt Style sheet LOGO Om oss Aabslkjds;kjdf sklj. ;ashda;slkdj aksjfj;lasdkdakasldjas;aasdd asdhlskah;jasf;kjas;jfsad,gnadf;sg [ ;lfedkdkdfjfhggskd sddnfsdlkkfj;asdlfk;aksdj ;adjg;asdlg;asldg;aslgj;s\asd;gl ;dgk HJEM OM OSS KONTAKT STYLE SHEET Header Body Hjem Om oss Kontakt Style sheet Footer

2 RAPPORT PRODUKTWEBSIDE MAGNE SILJAN INNLEDNING Sunn livsstil, trening, sunn mat i en fei det er ønskelig i vår tid! Produktet jeg har valgt å presentere og designet skal gi dette inntrykket. TOLKNING AV OPPGAVEN Tolkingen av oppgaven ble at det skulle utvikles en webside for et bakeriprodukt.det skulle handle om produktet og ikke presentasjon av virksomheten. Jeg valgte å lage logo som kan appellere til en målgruppe. I vår tid er mange opptatte av trening og sunn livsstil, og dermed også mat og kosthold som kan støtte det. Et bakeri assosieres ofte med kaker og kos, men mindre med sunne produkter. Derfor ønsket jeg å sette fokus på sunn mat fra bakeri. Ved å studere ulike produkter fra ulike aktører og for å finne produkt som lett og raskt kan spises over alt, og som frister, har jeg studert ulike nettsteder. KONSEPT OG MÅLGRUPPE Ved å kalle baguetten Limitless, insinueres det at den gir deg utvidede muligheter, og det kan også henspeile på produktet som kan nytes når og hvor du vil og som kan ha ulike pålegg som grenseløst kan tilfredsstille folks ulik smak og behov for variasjon. Valget å bruke engelsk i logo er for å treffe ulike nasjonaliteter i Norge, de fleste snakker engelsk. Valget å sette ordene limit og less sammen, og å bruke små bokstaver (minuskler) er for å gi inntrykk av raskt, moderne og lett tilgjengelig stil. Mitt utgangspunkt var også å gjøre dette på en enkel måte, da jeg aldri har laget noen webside tidligere. Målgruppen er fortrinnsvis folk i alder år, som liker å trene og holde helsa i orden, og som ofte er på kafé og bakeri. Jeg valgte et produkt som folk kjenner fra før, baguetten, og ga den en sunn beskrivelse. BUDSKAP/OPPNÅDD HANDLING Hensikten er å formidle friskhet, sunnhet, aktiv livsstil. Fargevalg og utforming støtter det, mener jeg.

3 RESEARCH OG ARBEIDSPROSESS KREATIV METODE OG HVORDAN DET FUNGERTE Inspirasjon er hentet fra ulike nettsider og kampanjeprodukter. Skisser og noen provisoriske utkast er utgangspunktet som det digitaliserte produktet sprang ut fra. Det fungerte bra og jeg kom raskt til produktet slik planen var. ANALYSE Aktører som Subway og Tine yt er tilsvarende konsepter. Subway er fastfood, rask mat som lages raskt på stedet, og Tine yt er produkt med tanke på trening og restitusjon. Ved å kombinere disse to hensiktene fikk jeg mitt produkt. Til dette ble Scamper-metoden brukt: Ved å gjøre små endringer på noe som finnes fra før og ved å kombinere ulike produkter fremkommer et nytt og bedre produkt. Mitt varemerke og identitet skal være frisk, sunn, rask og internasjonal: internasjonal ved bruk av engelsk, frisk og sunn i påleggsvalg og fargevalg, rask ved produktets servering og ved layout. SKISSER OG UTKAST INNSKANNET IDÉPROSESS VS. SKISSEBOK

4 MOODBOARDS DESIGNVALG STILUTTRYKK Dette er en produkt-webside. Enkelt stiluttrykk for enkel navigasjon på side var viktig å få til, dessuten ville jeg ikke sette meg for høye mål når jeg ikke har laget webside tidligere. Bildet av baguetten er tatt utendørs i overskyet vær for å få et mykt lys og for å unngå harde skygger.

5 TYPOGRAFI Typesnittet er Myriad og Brush script. Myriad er brukt i Bold kursiv for å skape energi/ assosiasjon til fart og aktivitet, og minuskler er skrevet i regular som vanlig brødtekst. Brush script er brukt i orange i de skråstilte menyene for å skape variasjon, energi og et personlig preg - uhøytidelig. Jeg synes logoen har fått et naturlig utseende ved at jeg har valgt enkle skriftuttrykk og begrensede farger. FARGER Sterk og klar grønnfarge assosieres med natur, sunnhet og friskhet. Sammen med det hvite gis det et rent og delikat utseende. Ved å duse ned bakgrunnen kommer produktet i fokus, og ved å fotografere baguetten slik at vi ser grove korn, gir det ekstra inntrykk av sunn mat. Fargevalg er begrenset for å gi rolig og enkel tilgang til informasjonen og gi et helhetlig inntrykk. Den orange teksten ble valgt for å gi noe varm farge og som også forbindes med energi. KOMPOSISJON, LAYOUT, GRID Et enkelt oppsett ble valgt for komposisjon av siden. Det gjør at vi unngår rot, og gjør navigasjon enklere for brukeren som finner siden på Internett. Menyvalg av pålegg er lagt inn på skrå slik at øyet føres til baguetten i det gyldne snitt. Tekst er lagt øverst til venstre fordi det er et av de stedene vi naturlig leser informasjon fra i vår vestlige kultur. EGENEVALUERING REFLEKSJON RUNDT EGET PRODUKT Jeg er godt fornøyd med min første web-side og gleder meg til å få den til å fungere. Hensikten med designet er å treffe målgruppa, og det håper jeg at jeg gjør. Frisk livsstil er til det moderne mennesket, og derfor ville jeg ha moderne typografi. UTVIKLING OG PROSESS Jeg har jobbet over lang tid med denne oppgaven, latt den utvikle seg litt og litt. Det har fungert bra, og alt har gått fint. KONKLUSJON Det har vært moro. Jeg har fått til det jeg tenkte, og har lært mye å lage web-side. Bevisst bruk av farger, design og typografi er interessant. Gjennom denne oppgaven har jeg utforsket og blitt bedre kjent med kameraet mitt.

6 KILDEHENVISNINGER OG REFERANSER LYNDAVIDEOER: Successful Branding av Lorrie Thomas Ross. Designing a Logo av Nigel French. Creating a CD cover av Nigel French Foundations of Typography av Ina Saltz WORDPRESS:

7 HJEM OM OSS EMBALLASJE KONTAKT LIMITLESS - SUNN & ENERGIRIK BAGUETT Limitless inneholder en optimal balanse av karbohydrater, fett og protein for aktive mennesker. Vårt mål er å kunne tilby deg sunn, god og lettvint mat, slik at du yter maks før og etter trening. Limitless får du kjøpt hos nærmeste Siljan Bakeri for kr 49,- Hjem Om oss Emballasje Kontakt HJEM OM OSS EMBALLASJE KONTAKT OM OSS Når du kjøper en baguett, er du alltid garantert egetbakt brød og friske grønnsaker. Service og friskhet kommer alltid i første rekke. Hvis du lurer på noe eller ikke skulle være fornøyd med bestillingen, tar vi gjerne imot tilbakemeldinger. Hjem Om oss Emballasje Kontakt HJEM OM OSS EMBALLASJE KONTAKT EMBALLASJE Våre baguetter er pakket i plast og sørger for at baguettene holder seg ferske og gode. Plast er den typen emballasje som gir høyest miljøgevinst ved gjenvinning og for hver kilo plastemballasje som materialgjenvinnes, reduseres utslippene av CO2 med nesten tre kilo. Vi i Siljans Bakeri ønsker å bidra til en mer miljøvennlig hverdag. Hjem Om oss Emballasje Kontakt HJEM OM OSS EMBALLASJE KONTAKT KONTAKT Ved eventuelle spørsmål ta gjerne kontakt på telefon eller mail. Langesundveien Stathelle Hjem Om oss Emballasje Kontakt PRODUKTEMBALLASJE KLISTREMERKE kylling Hjem Om oss Emballasje Kontakt LOGO HJEM OM OSS EMBALLASJE KONTAKT Header Om oss Body Hjem Om oss Emballasje Kontakt Footer

8 RAPPORT PRODUKTWEBSIDE MAGNE SILJAN INNLEDNING Sunn livsstil, trening, sunn mat i en fei det er ønskelig i vår tid! Produktet jeg har valgt å presentere og designet skal gi dette inntrykket. TOLKNING AV OPPGAVEN Tolkingen av oppgaven ble at det skulle utvikles en webside for et bakeriprodukt. Det skulle handle om produktet og ikke presentasjon av virksomheten. Jeg valgte å lage logo som kan appellere til en målgruppe. I vår tid er mange opptatte av trening og sunn livsstil, og dermed også mat og kosthold som kan støtte det. Et bakeri assosieres ofte med kaker og kos, men mindre med sunne produkter. Derfor ønsket jeg å sette fokus på sunn mat fra bakeri. Ved å studere ulike produkter fra ulike aktører og for å finne produkt som lett og raskt kan spises over alt, og som frister, har jeg studert ulike nettsteder. KONSEPT OG MÅLGRUPPE Ved å kalle baguetten Limitless, insinueres det at den gir deg utvidede muligheter, og det kan også henspeile på produktet som kan nytes når og hvor du vil og som kan ha ulike pålegg som grenseløst kan tilfredsstille folks ulik smak og behov for variasjon. Valget å bruke engelsk i logo er for å treffe ulike nasjonaliteter i Norge, de fleste snakker engelsk. Valget å sette ordene limit og less sammen, og å bruke små bokstaver (minuskler) er for å gi inntrykk av raskt, moderne og lett tilgjengelig stil. Mitt utgangspunkt var også å gjøre dette på en enkel måte, da jeg aldri har laget noen webside tidligere. Målgruppen er fortrinnsvis folk i alder år, som liker å trene og holde helsa i orden, og som ofte er på kafé og bakeri. Jeg valgte et produkt som folk kjenner fra før, baguetten, og ga den en sunn beskrivelse. BUDSKAP/OPPNÅDD HANDLING Hensikten er å formidle friskhet, sunnhet, aktiv livsstil. Fargevalg og utforming støtter det, mener jeg.

9 RESEARCH OG ARBEIDSPROSESS KREATIV METODE OG HVORDAN DET FUNGERTE Inspirasjon er hentet fra ulike nettsider og kampanjeprodukter. Skisser og noen provisoriske utkast er utgangspunktet som det digitaliserte produktet sprang ut fra. Det fungerte bra og jeg kom raskt til produktet slik planen var. ANALYSE Aktører som Subway og Tine yt er tilsvarende konsepter. Subway er fastfood, rask mat som lages raskt på stedet, og Tine yt er produkt med tanke på trening og restitusjon. Ved å kombinere disse to hensiktene fikk jeg mitt produkt. Til dette ble Scamper-metoden brukt: Ved å gjøre små endringer på noe som finnes fra før og ved å kombinere ulike produkter fremkommer et nytt og bedre produkt. Mitt varemerke og identitet skal være frisk, sunn, rask og internasjonal: internasjonal ved bruk av engelsk, frisk og sunn i påleggsvalg og fargevalg, rask ved produktets servering og ved layout.

10 SKISSER OG UTKAST

11 Moodboards DESIGNVALG STILUTTRYKK Dette er en produkt-webside. Enkelt stiluttrykk for enkel navigasjon på side var viktig å få til, dessuten ville jeg ikke sette meg for høye mål når jeg ikke har laget webside tidligere. Bildene av baguett er tatt utendørs i overskyet vær for å få et mykt lys og for å unngå harde skygger. TYPOGRAFI Typesnittet er Arial og Brush script. Arial er brukt i Bold kursiv for å skape energi/ assosiasjon til fart og aktivitet, og minuskler er skrevet i regular som vanlig brødtekst. Brush script er

12 brukt i orange i de skråstilte menyene for å skape variasjon, energi og et personlig preg - uhøytidelig. Jeg synes logoen har fått et naturlig utseende ved at jeg har valgt enkle skriftuttrykk og begrensede farger. FARGER Sterk og klar grønnfarge assosieres med natur, sunnhet og friskhet. Sammen med det hvite gis det et rent og delikat utseende på produktemballasje og indexbilde. Ved å duse ned bakgrunnen kommer produktet i fokus, og ved å fotografere baguetten slik at vi ser grove korn, gir det ekstra inntrykk av sunn mat. Fargevalg er begrenset for å gi rolig og enkel tilgang til informasjonen og gi et helhetlig inntrykk. Den orange teksten ble valgt for å gi noe varm farge og som også forbindes med energi. KOMPOSISJON, LAYOUT, GRID Et enkelt oppsett ble valgt for komposisjon av siden. Det gjør at vi unngår rot, og gjør navigasjon enklere for brukeren som finner siden på Internett. Menyvalg av pålegg er lagt inn på skrå slik at øyet føres til baguetten i det gyldne snitt. Skygge er lagt til for å skape dybde. Tekst er lagt øverst til venstre fordi det er et av de stedene vi naturlig leser informasjon fra i vår vestlige kultur. Emballasjedesignet er enkelt og stilrent. Pilen skaper balanse til logoen og ordet, "kylling", og gir en assoisajon til det "grenseløse" og "progresjon" - positive assosiasjoner til produktet. HTML OG CSS Adobe Dreamweaver er brukt til HTML og CSS. Forklaringer er merket i rødt. INDEX.HTML <!DOCTYPE html> <html> <head> <title>limitless</title> <!-- Tittel på dokumentet --> <link rel="stylesheet" href="style.css"> <!-- Inkludering av CSS-fil --> <meta charset="utf-8"> <!-- Tegnsett --> </head> <body> <div id="wrapper"> <!-- Hoved-container --> <div class="header"> <!-- Headerblokk --> <a href="index.html"> <!-- link til "hjem" ved å trykke på logo --> <img src="logo.png" alt="limitless">

13 </a> <!-- Logo --> <ul> <!-- Liste med meny-elementer --> <li> <a href="index.html"class="active">hjem</a><!-- Linker til de forskjellige sidene i menyen --> </li> <li> <a href="omoss.html">om oss</a> </li> <li> <a href="emballasje.html">emballasje</a> </li> <li> <a href="kontakt.html">kontakt</a> </li> </ul> </div> <div class="content"> <!-- Hovedinnhold --> <div class="inner"> <!-- Container for å få mindre bredde på innhold --> <h1>limitless - SUNN & ENERGIRIK BAGUETT</h1> <!-- Tittel --> <p> <!-- Paragrafer som inneholder avsnitt --> Limitless inneholder en optimal balanse av karbohydrater, fett og protein for aktive mennesker. Vårt mål er å kunne tilby deg sunn, god og lettvint mat, slik at du yter maks før og etter trening </p> <p>limitless får du kjøpt hos nærmeste Siljan Bakeri for kr 49,-</p> </div> </div> <div class="footer"> <!-- Footer --> <ul> <li> <a href="index.html" class="active">hjem</a> </li> <li> <a href="omoss.html">om oss</a></li> <li> <a href="emballasje.html">emballasje</a></li> <li><a href="kontakt.html">kontakt</a> </li> </ul> </div> </div> </body> </html> CSS * { * For å resette standard nettleser padding og margin

14 padding: 0; margin: 0; body { * Oppsett for standard font-typer, bakgrunnsfarge og skriftfarge font-family: Myriad Pro, Arial, Verdana, Tahoma, sans-serif; background-color: #333; color: #fff; a { * Standard farge på linker <a> og for å fjerne text-decoration: underline; color: #fff; text-decoration: none; #wrapper { * Standardbredde og sentrering av side max-width: 1009px; margin: auto;.header { * For at all skrift skal være caps og for padding (plass, margin) text-transform: uppercase; overflow: hidden; padding: 10px 0;.header img { * Flyt logo til venstre float: left;.header ul { * For marginer og flyt meny til høyre. Fjernet også standard listestyling margin: 40px 40px 0 0; float: right;

15 list-style: none;.header li { * Font-størrelse og flyt meny-elementene til venstre font-size: 20px; margin-right: 40px; float: left;.header a { * Standard-farge på lenker i menyelementer color: #888;.header a.active,.header a:hover { * For å endre farge når man har musepekeren over eller meny-elementet har class="active" color: #8dc444;.content { * Font-størrelse, padding og bakgrunn på innholdet. Satt en minstehøyde på 668px (bakgrunnstørrelsen). Border-box er der så man kan legge til padding uten at høyde/bredde blir større. font-size: 16px; padding: 35px; background: url(bakgrunn.jpg) no-repeat; min-height: 668px; box-sizing: border-box;.content.inner { * Indre bredde så ikke texten flyter ut width: 500px;.content h1 { * Satt opp font for oversrkifter font-size: 20px;

16 color: #8dc444; margin-bottom: 10px; font-style: italic;.content p { * Margin for paragrafer margin-bottom: 10px; * Nedover er det veldig likt som meny i header.footer ul { padding: 5px; text-align: center;.footer li { list-style: none; display: inline-block; padding: 2px 4px; border-left: 1px solid #888;.footer li:first-child { border: none;.footer a { color: #888; * *

17 EGENEVALUERING REFLEKSJON RUNDT EGET PRODUKT Jeg er godt fornøyd med min første web-side og har lært veldig mye om html og CSS. Jeg kunne ingen ting fra før av. Hensikten med designet er å treffe målgruppa, og det håper jeg at jeg gjør. Frisk livsstil er til det moderne mennesket, og derfor ville jeg ha moderne typografi. UTVIKLING OG PROSESS Jeg har jobbet over lang tid med denne oppgaven, latt den utvikle seg litt og litt. Det har fungert bra, og alt har gått fint. KONKLUSJON Det har vært moro. Jeg har fått til det jeg tenkte, og har lært mye om å lage web-side. Bevisst bruk av farger, design og typografi er interessant. Gjennom denne oppgaven har jeg utforsket og blitt bedre kjent med kameraet mitt. KILDEHENVISNINGER OG REFERANSER LYNDAVIDEOER: Successful Branding av Lorrie Thomas Ross. Designing a Logo av Nigel French. Creating a CD cover av Nigel French Foundations of Typography av Ina Saltz HTML Essential Training by Bill Weinman Responsive Design Fundamentals by James Williamson

18 WEBSIDE: Andre: bmobilized: Create a Moblie Website bmobilized tutorial on YouTube: Convert Your Moblie Website Screenfly: Test Your Website at Different Screen Resolutions browsershots.org - Check Browser Compability Ad Age's Top Viral Ad Campaigns of 2012 WORDPRESS:

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Når man tar pilen over fanene, dukker det opp utrolig mange tagger. Dvs alt er

Detaljer

Oblig 1 Erlend Hannestad

Oblig 1 Erlend Hannestad Oblig 1 Erlend Hannestad Oppgave 1 Nettsiden er ustrukturert og uryddig når det kommer til layout og design, det er vanskelig å holde oversikt over alt som vises på siden, det er rett og slett for mye

Detaljer

Budskapet er å formidle hva Fredrik liker aller best; å seile.

Budskapet er å formidle hva Fredrik liker aller best; å seile. RAPPORT AD FOTOESSAY- MAGNE SILJAN 16.08.13 INNLEDNING Jeg har laget et fotoessay som portretterer Fredrik Lauritsen som har en lilidenskap for seiling. Fotoessayet er utarbeidet ved hjelp av skissering,

Detaljer

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS står for Cascading Style Sheets CSS blir brukt til å bestemme hvordan HTML-elementene skal se ut (farge, størrelse,

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html 1 of 10 09.04.2015 15:49 Fra forrige gang: Om tabeller Tabeller er i utgangspunktet en måte å presentere data på. Skal ikke brukes for å legge ut sider Dreamweaver har fasiliteter for å opprette, redigere

Detaljer

OBLIG 1 - WEBUTVIKLING

OBLIG 1 - WEBUTVIKLING OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med funksjonalitet / bruk Uoversiktlig side For

Detaljer

Rapport - Oblig.03. Magne Siljan - 21.03.2014. Research. Klient

Rapport - Oblig.03. Magne Siljan - 21.03.2014. Research. Klient Rapport - Oblig.03 Magne Siljan - 21.03.2014 Research Klient Door to Door Organics er et selskap som ble grunnlagt i 1997 i USA som leverer ferske, organiske råvarer hjem på døren. Door to Door Organics

Detaljer

Tilpassning av Wordpress - Enterprise Theme

Tilpassning av Wordpress - Enterprise Theme Del 2 - Tilpassning Tilpassning av Wordpress - Enterprise Theme Del 1 var en gjennomgang av hvordan man setter opp det tekniske som kreves for å kjøre en Wordpress webside/blogg. Installere webserver (Apache)

Detaljer

SUKKERGRIS. Anita og Silje DAT100

SUKKERGRIS. Anita og Silje DAT100 SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt

Detaljer

- Pop Art - Swiss - Abstrakt ekspresjonisme - Psychedelia

- Pop Art - Swiss - Abstrakt ekspresjonisme - Psychedelia Rapport oblig-08 Interactive infographics Innledning Oppgaven var å designe en nettside som skulle vise fram fire ulike design stiler. De fire forskjellige stilene skulle vises fram på et produkt eller

Detaljer

Kakeeksper en. Kontaktinformasjon. Informasjon. Følg oss. Nyhetsbrev. Om produktet Konkurranse Kontakt oss

Kakeeksper en. Kontaktinformasjon. Informasjon. Følg oss. Nyhetsbrev. Om produktet Konkurranse Kontakt oss Hjem Om produktet Konkurranse Kontakt oss Kakeeksper en Kontaktinformasjon Skogsstien 4, 3243 Kodal + 47 33 33 44 00 Mail@kakeeksperten.no Informasjon Om oss Om produktet FAQ Jobbe hos Kakeeksperten f

Detaljer

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer!

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer! Lesson 4 CSS All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Webutvikling oblig 1 Marius Hanssen

Webutvikling oblig 1 Marius Hanssen Webutvikling oblig 1 Marius Hanssen Oppgave 1 arngren.net er en rotete nettside, enkelt sett forpestet med et uorganisert layout og en kode så grov at jeg ikke skjønner hvordan de klarte å finne en så

Detaljer

Grunnformen på logoen er et hjerte, vi har satt en stilk i toppen sånn at hjertet skal ligne et eple, dette gjør at logoen både kommuniserer kost og

Grunnformen på logoen er et hjerte, vi har satt en stilk i toppen sånn at hjertet skal ligne et eple, dette gjør at logoen både kommuniserer kost og Formålet med den grafiske designmanualen er å sikre en mest mulig helhetlig og riktig bruk av Friskere livs designelementer. En helhetlig grafisk profil er et viktig verktøy for å oppnå en sterk og gjenkjennelig

Detaljer

This Learning Activity must be published on your WordPress blog by the end of the fifth week of Web Design.

This Learning Activity must be published on your WordPress blog by the end of the fifth week of Web Design. Week 23 Learning Activity - Planning the Structure Create the structure of your web page (from Learning Activity - Put Thought Into Your Design) in terms of HTML files and folders. You need to set these

Detaljer

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Svar: Ved første øyekast har utvikleren av nestesiden plasser altfor mange div

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html 1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte

Detaljer

REFLEKSJONSNOTAT FOR WEBPERIODEN

REFLEKSJONSNOTAT FOR WEBPERIODEN 9. 11. 2010 HEIDI BJELLAND 2MKA REFLEKSJONSNOTAT FOR WEBPERIODEN HØSTEN 2010 Webdesign www.omfoto.net23.net Heidi Bjelland Jeg valgte prosjektoppgave C som var å lage en informativ side om foto. Målgruppen

Detaljer

Håkon Tolsby. 25.08.2014 Håkon Tolsby

Håkon Tolsby. 25.08.2014 Håkon Tolsby HTML5 og CSS Håkon Tolsby 25.08.2014 Håkon Tolsby 1 En webside min webside en html5 side dett er min første

Detaljer

Rapport Obligatorisk oppgave 03

Rapport Obligatorisk oppgave 03 Rapport Obligatorisk oppgave 03 Obligatorisk oppgave 03 : Door to Door Organics Oppgaven gikk ut på å lage en ny logo og visuell profil for Door to Door Organics i forbindelse med at de skulle starte opp

Detaljer

INF1040 Oppgavesett 4: CSS

INF1040 Oppgavesett 4: CSS INF1040 Oppgavesett 4: CSS (Kapittel 5) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der nøyaktig ett

Detaljer

Li-Bjørk A/S på Web !" # $% $&"!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur

Li-Bjørk A/S på Web ! # $% $&!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur !" # $% $&"!' Studentoppgave SY 241 Elektronisk Publisering Prosjektrapport 2002 Avdeling for samfunn, næring og natur 0 Innholdsfortegnelse 1 FORMÅL OG BRUKSOMRÅDE...2 2 LOVER OG AVTALER...3 2.1 SAMARBEIDSAVTALE...3

Detaljer

Tema Guide for PHP-Fusion v6.01.

Tema Guide for PHP-Fusion v6.01. 1 av 12 18.08.2007 20:47 Tema Guide for PHP-Fusion v6.01 Publisert av sveinungs den 18. august 2007 13:29 Tema Guide for PHP-Fusion v6.01. Sist oppdatert: 18-08-2007 Innhold: Innledning Theme.php Endre

Detaljer

Oppsummering fra forelesning 2

Oppsummering fra forelesning 2 1 of 16 02.04.2015 15:42 Oppsummering fra forelesning 2 Lenker Lenker er, historisk sett, webens første eksistensberettigelse Lenker kan være relative (går til sider innenfor samme nettsted) eller absolutte

Detaljer

1. semester Akademisk uke Dag Modul 20.08.12 Mandag 21.08.12 Tirsdag Studiestart

1. semester Akademisk uke Dag Modul 20.08.12 Mandag 21.08.12 Tirsdag Studiestart Aug_2011 1. semester Akademisk uke Dag Modul 20.08.12 Mandag 21.08.12 Tirsdag Studiestart 22.08.12 Gra 101 Onsdag 23.08.12 Grafisk Design 1 Torsdag 24.08.12 1 Fredag 25.08.12 Lørdag 26.08.12 Søndag 27.08.12

Detaljer

Obligatorisk oppgave 02. One product Four decades

Obligatorisk oppgave 02. One product Four decades Obligatorisk oppgave 02 One product Four decades 20-tallet Plakat og emballasje-etikett 50-tallet Plakat og emballasje-etikett 70-tallet Plakat og emballasje-etikett 80-tallet Plakat og emballasje-etikett

Detaljer

Kursdokumentasjon for Dreamweaver

Kursdokumentasjon for Dreamweaver Kursdokumentasjon for Dreamweaver Skrevet av 2/13 1 Komme i gang med Dreamweaver... 3 2 Bruk av Dreamweaver... 4 2.1 Verktøylinja...5 2.2 Properties... 5 3 Sidens egenskaper... 6 4 Tekst... 7 4.1 Endre

Detaljer

CASCADING STYLESHEETS (CSS)

CASCADING STYLESHEETS (CSS) CASCADING STYLESHEETS (CSS) HVA ER CSS Stylesheets er en metode for å flytte selve formatteringen av et HTML dokument ut av selve dokumentet og over i et eksternt regelsett. Dette skyldes HTMLs manglende

Detaljer

INNHOLD LOGO/FARGER POSTALIA EKSEMPLER PÅ PROFILERING. 04-08: Farger 09-13: Om Logo 14-15: Typografi og dekordetaljer.

INNHOLD LOGO/FARGER POSTALIA EKSEMPLER PÅ PROFILERING. 04-08: Farger 09-13: Om Logo 14-15: Typografi og dekordetaljer. PROFILMANUAL LOGO/FARGER 04-08: Farger 09-13: Om Logo 14-15: Typografi og dekordetaljer POSTALIA 16: Visittkort 17: Brevark EKSEMPLER PÅ PROFILERING 14-15: Bildekor INNHOLD Profilmanualen er en veiledning

Detaljer

Profilmanual. Grafiske retningslinjer for Handel og Kontor i Norge

Profilmanual. Grafiske retningslinjer for Handel og Kontor i Norge Profilmanual Grafiske retningslinjer for Handel og Kontor i Norge Vår visuelle profil Formålet med profilmanualen er å sikre en mest mulig helhetlig og konsekvent bruk av Handel og Kontor i Norge sine

Detaljer

Hvordan kan jeg skape en tydelig identitet for Amygdala Design som gjør at aktuelle kunder vil legge spesielt merke til dette fi rmaet?

Hvordan kan jeg skape en tydelig identitet for Amygdala Design som gjør at aktuelle kunder vil legge spesielt merke til dette fi rmaet? FORORD Amygdala Design er et nylig oppstartet enkeltmannsforetak som skal utføre tjenester innen webdesign, logodesign og digital kunst. I denne rapporten beskriver jeg identitetsutviklings-prosessen for

Detaljer

Forsvunnet katt webside

Forsvunnet katt webside Lesson 3 Forsvunnet katt webside All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/18cplpy to find out what

Detaljer

Rapport obligatorisk oppgave 06 - Person, product, natural lighting

Rapport obligatorisk oppgave 06 - Person, product, natural lighting Rapport obligatorisk oppgave 06 - Person, product, natural lighting Vi fikk oppgaven til å ta 2 bilder for et reklameshoot. Bildene skulle bli tatt med forskjellige innstillinger og i naturlig lys. Etter

Detaljer

GEO2311. Obligatorisk Innlevering 1

GEO2311. Obligatorisk Innlevering 1 GEO2311 Obligatorisk Innlevering 1 STUDENTER: Kia Simonsen Morten Kappelslåen Gjøvik, 14.10.2015 Side 1 av 11 Innholdsfortegnelse Introduksjon... 3 Del 2 - HTML delen... 4 Del 2 - CSS delen... 9 Del 3

Detaljer

Styling og formatering av tekst

Styling og formatering av tekst Lesson 5 All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Styling og formatering

Detaljer

BRUKERGRENSESNITT BankID på mobil. Versjon: 28. september 2015

BRUKERGRENSESNITT BankID på mobil. Versjon: 28. september 2015 BRUKERGRENSESNITT BankID på mobil Versjon: 28. september 2015 BRUKERGRENSESNITT BankID på mobil Dette er dokumentet har to deler, en del som viser og beskriver det visuelle og en del beregnet for utviklere

Detaljer

1. Cascading Style Sheet (CSS)

1. Cascading Style Sheet (CSS) Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Lene Hoff 18.7.2007 Lærestoffet er utviklet for faget LN515D XML Teknologi 1. Resymé: I denne leksjonen skal vi ta for oss CSS (Cascading

Detaljer

Innføring i Dynamisk HTML

Innføring i Dynamisk HTML Innføring i Dynamisk HTML Her kommer en enkel innføring i dynamisk HTML (DHTML). DHTML er en webside (et web dokument) som kan endres etter at den er lastet inn i webleseren. Når brukeren fører musepekeren

Detaljer

(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26.

(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26. (X)HTML, CSS og JavaScript Grunnleggende programmering i Java Monica Strand 26. november 2007 Gr. leggende Java 26. november 2007 1 HTML HTML = Hyper Text Markup Language Strukturerer tekstinnhold HTML

Detaljer

Oblig 1 Webutvikling av Jon-Håkon Rabben

Oblig 1 Webutvikling av Jon-Håkon Rabben Oblig 1 Webutvikling av Jon-Håkon Rabben Oppgave 2 og 3) http://www.it-stud.hiof.no/~jhrabben/boxmodel.html Oppgave 6) http://www.it-stud.hiof.no/~jhrabben/oblig1oppg6.html Oppgave 1) Siden tar lang tid

Detaljer

OBLIG 1 WEBUTVIKLING. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

OBLIG 1 WEBUTVIKLING. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Tar lang tid å laste inn siden: Mye bilder Mange animasjoner

Detaljer

Oblig 3 Webutvikling. Oppgave 1

Oblig 3 Webutvikling. Oppgave 1 Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEOkonsulent for disse i én uke. På denne uken skulle du gjennomført

Detaljer

Organiser rapporten din omtrent sånn, og vurder i vei

Organiser rapporten din omtrent sånn, og vurder i vei Organiser rapporten din omtrent sånn, og vurder i vei 1. Forside - Navn + nettadresse til siden din. 2. Innledning (kort) - Oversikt over prosjektoppgaven. (Ta utgangspunkt i oppgaveteksten. Eks: Vi har

Detaljer

Rapport Oblig 08 - Flash galleri og banner.

Rapport Oblig 08 - Flash galleri og banner. Rapport Oblig 08 - Flash galleri og banner. De siste ukene på skolen har vi lært om Flash. I denne oppgaven skulle jeg bl.a lære grunnleggende scripting og koding for webbaserte medier, lære om interaktivitet

Detaljer

Oppbygging av innhold på responsive nettsider.

Oppbygging av innhold på responsive nettsider. Oppbygging av innhold på responsive nettsider. HTML og CSS er koder som forteller nettleseren hvordan strukturen og utseende på en nettside skal vises på skjermen din. Selv om du ikke ser kildekoden når

Detaljer

D E S I G N M A N U A L 1

D E S I G N M A N U A L 1 DESIGNMANUAL 1 INNHOLD Farger s.4 Farger brukt i logo s.5 Logo s.6 Typografi s.8 Dekorelementer s.10 X-avstand s.11 Biprodukt s.12 FORORD er et rusfritt arrangement for ungdom fra 7. klasse og oppover.

Detaljer

Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01

<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Side 2 Ett HTML dokument inneholder både tekst som skal vises og instruksjoner om hvordan den skal vises av nettleseren. Instruksjonene

Detaljer

Det var ikke lov til å bruke tekst på plakaten og den skulle ha målene 50 70 cm, en

Det var ikke lov til å bruke tekst på plakaten og den skulle ha målene 50 70 cm, en INNLEDNING Denne oppgaven går ut på å velge en musiker,gruppe eller et orkester og lage en visuell presentasjon av en av deres sanger. Ved å illustrere sangens mening og lage en original ide, vil det gi

Detaljer

Visuell profil. Innhold. Logo. Logo s. 3. farger s. 7. Typografi s. 8. Profilering s.11. s. 14 Merkantilt. s. 16 Web. s.18 Bilder

Visuell profil. Innhold. Logo. Logo s. 3. farger s. 7. Typografi s. 8. Profilering s.11. s. 14 Merkantilt. s. 16 Web. s.18 Bilder Innhold Logo s. 3 farger s. 7 Visuell profil Vi ønsker å vise oss som en tydelig, fremtidsrettet og miljøvennlig aktør utad. Vårt visuelle uttrykk skal bli lagt merke til, frembringe assosiasjoner til

Detaljer

Logo Logo plassering. Logo. Fargeprofil Fargesammensetning. Farge. Typografi Font hierarki. Skrifttype

Logo Logo plassering. Logo. Fargeprofil Fargesammensetning. Farge. Typografi Font hierarki. Skrifttype Profilhåndbok Denne profilhåndboken fungerer som en hjelp til å implementere og ta i bruk MDN sin identitet effektivt på tvers av ulike medier. Disse retningslinjene er essensielle for å bevare kontinuitet

Detaljer

Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari

Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari 1 2 Læringsmål og pensum TDT4105/4110 Informasjonsteknologi grunnkurs: Uke 35/36 HTML Førsteamanuensis Alf Inge Wang Læringsmål Lære å lage statiske hjemmesider Bilder Lenker Lister Tabeller Skjema for

Detaljer

Refleksjonsnotat Web.

Refleksjonsnotat Web. Refleksjonsnotat Web. www.kildebruk.host22.com Mariell Hagen Hovedoppgaven i Web Webdesign: opphavsrett og bruk av kilder Vi har hatt prosjektperiode i litt over 2 uker. Oppgaven var at vi skulle lage

Detaljer

PROSJEKT EKSAMEN 1.SEMESTER!

PROSJEKT EKSAMEN 1.SEMESTER! PROSJEKT EKSAMEN 1.SEMESTER GRAP RAPPORT AV BLERIM HAVOLLI Innhold Forord 3 1.Innledning 4 1.1 Tolkning av oppgaven 4 1.2 Valg av kunde 5 1.3 Målgruppen 5 1.4 Konsept 5 1.5 Produkter 6 2 Research og arbeidsprosess

Detaljer

Visuell identitet Januar 2015

Visuell identitet Januar 2015 Visuell identitet Januar 2015 Innhold Forord Forord... 3 Vår identitet... 4 Logoen... 5 DONTs... 8 Farger...10 DONTs...14 Typografi...16 Mat. Noe vi spiser hver dag, og som påvirker helsen vår, humøret,

Detaljer

Postertjenesten. Alt om Postertjenesten på våre nettsider: www.uus.no/medbib Klikk på Postertjenesten under Tjenester.

Postertjenesten. Alt om Postertjenesten på våre nettsider: www.uus.no/medbib Klikk på Postertjenesten under Tjenester. Postertjenesten Alt om Postertjenesten på våre nettsider: www.uus.no/medbib Klikk på Postertjenesten under Tjenester. Bestill tid til trykking i god tid på forhånd. Ring oss på 22 11 94 95/96 eller kom

Detaljer

Intro til WWW, HTML5 og CSS

Intro til WWW, HTML5 og CSS Intro til WWW, HTML5 og CSS Håkon Tolsby 20.08.2015 Håkon Tolsby 1 World Wide Web Webserver: Programvare som distribuerer websider og/eller maskin hvor programmet kjører Webbrowser (nettleser): Program

Detaljer

Internett var en god inspirasjonskilde. Etter en del grubling, skriving og tegning var jeg klar med logoen.

Internett var en god inspirasjonskilde. Etter en del grubling, skriving og tegning var jeg klar med logoen. DMK2_aug11_siljewold_rprt_271011 Rapport Ideutvikling og skisser Jeg brukte 3 forskjellige metoder for å komme opp med ord i sammenheng med patch to plate. Benyttet meg derfor av brainstorming, ABC-metoden

Detaljer

Brukerveiledning WordPress. Innlogging:

Brukerveiledning WordPress. Innlogging: Brukerveiledning WordPress Her er en liten guide for hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging Lage en side Lage et innlegg Innlogging: For å logge

Detaljer

Prosjekt. Halvårs-rapport. til fordypning. Eva-Anita Thorsen 2MKA. 7.Januar, 2010

Prosjekt. Halvårs-rapport. til fordypning. Eva-Anita Thorsen 2MKA. 7.Januar, 2010 1 0 Prosjekt 7.Januar, 2010 til fordypning Eva-Anita Thorsen 2MKA Halvårs-rapport 0.1 innhold 2 INFO SIDE Innhold 2 Innledning 3 Hoveddel 4-8 Avslutning 9 Logg 10-12 Bakside 13 0.2 innledning 3 Innledning

Detaljer

Markedsplan. Markedsmål. Visjon. Forretningsidé. Kommunikasjon og visuell strategi

Markedsplan. Markedsmål. Visjon. Forretningsidé. Kommunikasjon og visuell strategi Markedsplan I denne markedsplanen har det vært fokus på det som dreier seg om design og utforming av dette. Det er formulert to markedsmål, som er i tråd med briefen. I tillegg har det blitt benyttet SWOT-teori,

Detaljer

www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.

www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn. Webansvarlig ETF håndball Ver.02 / 2012 Geir Vold-webredaktør http://www.eidsvold-turn.no Hvordan formatere et bilde som skal inn på websiden.... 3 Hvordan beskjære et bilde... 3 Ingressbilder... 5 Brødtekstbilder...

Detaljer

Dobbelklikk på program-ikonet!

Dobbelklikk på program-ikonet! En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html

Detaljer

Profilmanual. Mai 2015 Versjon 1.0

Profilmanual. Mai 2015 Versjon 1.0 Profilmanual Mai 2015 Versjon 1.0 INTRO Om profilen Vår grafiske profil skal hjelpe å posisjonere BankAxept som den mest fremtidsrettet og engasjerende betalingsløsning i Norge. Denne profilmanualen presenterer

Detaljer

Profilhåndbok. for Troms fylkeskommune

Profilhåndbok. for Troms fylkeskommune Profilhåndbok for Troms fylkeskommune 01.07.2011 Innhold 1. Innledning... 3 2. Identitet... 3 2.1 Hovedelementene... 3 2.2 Fylkesvåpenet... 4 2.3 Logoteksten... 4 2.4 Topplogo... 4 3.0 Farger... 4 3.2

Detaljer

Riksarkivet. Designretningslinjer for elektroniske medier. Designdokumentasjon for Riksarkivet. Versjon 01

Riksarkivet. Designretningslinjer for elektroniske medier. Designdokumentasjon for Riksarkivet. Versjon 01 Riksarkivet Designretningslinjer for elektroniske medier Designdokumentasjon for Riksarkivet. Versjon 01 Introduksjon DESIGNDOKUMENTASJON 2 Denne dokumentasjonen beskriver Riksarkivets retningslinjer for

Detaljer

Sprettende ball Introduksjon Processing PDF

Sprettende ball Introduksjon Processing PDF Sprettende ball Introduksjon Processing PDF Introduksjon: I denne modulen skal vi lære et programmeringsspråk som heter Processing. Det ble laget for å gjøre programmering lett for designere og andre som

Detaljer

Trender på kornet. Strategi- og analysesjef Hilde Mortvedt 090609

Trender på kornet. Strategi- og analysesjef Hilde Mortvedt 090609 Trender på kornet Strategi- og analysesjef Hilde Mortvedt 090609 Kilde: PEJ gruppens Foodtrends, Spisefakta 2007 Foto: Opplysningskontoret for Kjøtt, Opplysningskontoret for Frukt og Grønt, Opplysningskontoret

Detaljer

Fakultet for informasjonsteknologi, EKSAMEN I EMNENE TDT4110/TDT4115 SIF8008/SIF8009 INFORMASJONSTEKNOLOGI GK 5. AUGUST 2004 KL. 09.00 13.

Fakultet for informasjonsteknologi, EKSAMEN I EMNENE TDT4110/TDT4115 SIF8008/SIF8009 INFORMASJONSTEKNOLOGI GK 5. AUGUST 2004 KL. 09.00 13. Side 1 av 13 NTNU Norges teknisk-naturvitenskapelige universitet BOKMÅL Fakultet for informasjonsteknologi, matematikk og elektroteknikk Institutt for datateknikk og informasjonsvitenskap EKSAMEN I EMNENE

Detaljer

Designhåndbok for KIF. Kongsberg Idrettsforening KIF. Stiftet 28. januar 1899

Designhåndbok for KIF. Kongsberg Idrettsforening KIF. Stiftet 28. januar 1899 Designhåndbok for Kongsberg Idrettsforening KIF Stiftet 28. januar 1899 Intro KIF er et allsidig idrettslag med ulike sommer og vinter aktiviteter. Klubben ble stiftet 28. januar 1899. Historisk sett så

Detaljer

Retningslinjer. Retningslinjer for kommunikasjon gjelder for alle oss som arbeider med å synligjøre/profilere Stiftelsen KGJ.

Retningslinjer. Retningslinjer for kommunikasjon gjelder for alle oss som arbeider med å synligjøre/profilere Stiftelsen KGJ. Profilhåndbok Retningslinjer Retningslinjer for kommunikasjon gjelder for alle oss som arbeider med å synligjøre/profilere Stiftelsen KGJ. Hensikten er å gjøre det enklere å gi Stiftelsen KGJ ett uttrykk,

Detaljer

Brukermanual. www.bygdekvinnelaget.no

Brukermanual. www.bygdekvinnelaget.no Brukermanual www.bygdekvinnelaget.no Viktige endringer Nye Bygdekvinnelaget.no er lagt opp på en måte der brukere og redaktører står for innhold, mens systemet i enda større grad en tidligere står for

Detaljer

Forord. TrioVing Sikkerhetssenter er i dag Norges ledende kjede innen låsesmedfaget.

Forord. TrioVing Sikkerhetssenter er i dag Norges ledende kjede innen låsesmedfaget. Forord For å sikre og styrke merkevarenavnet TrioVing og TrioVing Sikkerhetssenter, har vi utarbeidet denne profilmanualen. Her fastlegges den grafiske profilen for alle TrioVing Sikkerhetssenter. Profilen

Detaljer

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk

Detaljer

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS Keyboard og bevegelse Gløer Olav Langslet Sandvika VGS 12.09.2012 Informasjonsteknologi 2 funksjoner som blir aktivert av hendelser Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler

Detaljer

Profilhåndbok Aktiv mot kreft. Revidert 2014

Profilhåndbok Aktiv mot kreft. Revidert 2014 nklet_mars2014 Profilhåndbok Aktiv mot kreft Revidert 2014 1. hovedlogo Aktiv mot kreft Hovedlogo Hovedlogoen skal fortrinnsvis brukes på alle flater. På mørkere bakgrunner kan negativ (hvit) logo benyttes.

Detaljer

Profilhåndbok. Ekslusivitet, modernitet og tradisjon...

Profilhåndbok. Ekslusivitet, modernitet og tradisjon... Designer - Lars Gunnar Bergstad - www.bergstad-design.no - larsg_bergstad@hotmail.com - Odins Gt. 16, N-4332 Kr.Sand - Tlf:91358804 Profilhåndbok Ekslusivitet, modernitet og tradisjon... Hyttehagen - www.hyttehagen.no

Detaljer

- Standard trykksaker s.7

- Standard trykksaker s.7 INNHOLDSFORTEGNELSE - Forord og bakgrunn s.3 - Logo: symbol og logotype s.4 - Farger s.5 - Typografi s.6 - Standard trykksaker s.7 - Standard for film og produkter s.8 2 FORORD OG BAKGRUNN ZeroMoney Productions

Detaljer

INNHOLDFORTEGNELSE. LOGO - symbol og variasjoner. LOGO - logo nots. PLASSERING - frøposer. PLASSERING - navnepinner. PLASSERING - spirekasse

INNHOLDFORTEGNELSE. LOGO - symbol og variasjoner. LOGO - logo nots. PLASSERING - frøposer. PLASSERING - navnepinner. PLASSERING - spirekasse Designmanual INNHOLDFORTEGNELSE SIDE 1 SIDE 2 SIDE 3 SIDE 4 SIDE 5 SIDE 6 SIDE 7 SIDE 11 SIDE 12 SIDE 13 SIDE 12 FORORD LOGO LOGO - symbol og variasjoner LOGO - logo nots FARGER- logo FONTER PLASSERING

Detaljer

UNIKS DESIGNPROGRAM RETNINGSLINJER FOR VISUELLE ELEMENTER INNHOLD

UNIKS DESIGNPROGRAM RETNINGSLINJER FOR VISUELLE ELEMENTER INNHOLD UNIKS DESIGNPROGRAM RETNINGSLINJER FOR VISUELLE ELEMENTER INNHOLD 1. LOGO 2. DEKORELEMENTER 3. TYPOGRAFI 4. FARGEPALETT 5. ADMINISTRATIVT MATERIELL - VISITTKORT - BREVARK - KONVOLUTTER - PPT-MAL 6. WEBSIDE

Detaljer

Mattrender Hvor er vi på vei?

Mattrender Hvor er vi på vei? Mattrender Hvor er vi på vei? Strategi- og analysesjef Hilde Mortvedt 270110 Kilde: PEJ gruppens Foodtrends, Spisefakta Foto: Opplysningskontoret for Kjøtt, Opplysningskontoret for Frukt og Grønt, Opplysningskontoret

Detaljer

NCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012

NCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012 NCE TOURISM FJORD NORWAY FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012 HACKERS HOUR Hvor langt kommer vi med FjordNett rammeverket? Html CSS Javascript Hva er bestanddelene av en nettside? Html

Detaljer

Ideutvikling til reklamekampanje. MK- prosjekt Uke 13-14 15

Ideutvikling til reklamekampanje. MK- prosjekt Uke 13-14 15 Ideutvikling til reklamekampanje MK- prosjekt Uke 13-14 15 1 Innhold: 1. Kampanje ide 1 - Ide - Om produktet og kampanjen - Kanal - Budskap - Målgruppe - Virkemidler - Stil og tone - Referanser 2. Kampanje

Detaljer

Hva gjør du når over 20.000 nettsider skal tilgjengeliggjøres for mobil og ipad, og over 40 redaktører skal i tillegg holde nettstedet vedlike.

Hva gjør du når over 20.000 nettsider skal tilgjengeliggjøres for mobil og ipad, og over 40 redaktører skal i tillegg holde nettstedet vedlike. BI Hva gjør du når over 20.000 nettsider skal tilgjengeliggjøres for mobil og ipad, og over 40 redaktører skal i tillegg holde nettstedet vedlike. Litt om bakgrunnen Behov for å være tilgjengelig på mobil

Detaljer

Nettsider og XHTML. SGML-familien. Hvordan lage et nettsted

Nettsider og XHTML. SGML-familien. Hvordan lage et nettsted Nettsider og XHTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- strict.dtd"> En minimal nettside Hallo, verden!

Detaljer

Ernæring. Norsk valgtema 3. Thea Björnsdóttir Haaker

Ernæring. Norsk valgtema 3. Thea Björnsdóttir Haaker Ernæring Norsk valgtema 3. Thea Björnsdóttir Haaker Hva er ernæring? Ernæring er det som sammenhenger kosthold og helse. Ernæring lignelsen inkluderer blant annet kunnskapen om matinntak, matvarens sammensetning

Detaljer

PROSJEKTPLAN PTF. WEBSIDE HOLLEKVE SAG AS Webdesign SUNNIVA LERUM 1MKA

PROSJEKTPLAN PTF. WEBSIDE HOLLEKVE SAG AS Webdesign SUNNIVA LERUM 1MKA PROSJEKTPLAN PTF WEBSIDE HOLLEKVE SAG AS Webdesign SUNNIVA LERUM 1MKA INNHALD: 1.1 Idé 1.2 Kommunikasjon 1.3 Kompetansemål 1.4 Pensum 1.5 Gant-diagram 1.6 Gjeremålsliste 1.1 IDE Eg ynskjer å lage ei informativ,

Detaljer

Løsningsskisse prøve IT1

Løsningsskisse prøve IT1 Løsningsskisse prøve IT1 Etikk og regler Forklar disse begrepene åndsverk litterært, vitenskapelig eller kunstnerisk visst minimum av original, skapende innsats verkshøyde for å ha opphavsrettslig vern

Detaljer

PROSJEKTBESKRIVELSE OG RESEARCH

PROSJEKTBESKRIVELSE OG RESEARCH PROSJEKTBESKRIVELSE OG RESEARCH Brief: Outdoor Challenge er en stor organisasjon som jobber med å aktiviserer norsk ungdom i alderen 13-25 år. Ved å arrangere aktiviteteter, turer og konkurranser håper

Detaljer

Designmanual: Digital postkasse. Versjon Q2 2015

Designmanual: Digital postkasse. Versjon Q2 2015 Designmanual: Digital postkasse Versjon Q2 2015 1 Introduksjon Difi (Direktoratet for forvaltning og IKT) har utarbeidet en visuell identitet for Digital postkasse. Den nye visuelle identiteten innebærer

Detaljer

Oblig 06. Person, Product and Natural Lighting Laila-Marie Rosland

Oblig 06. Person, Product and Natural Lighting Laila-Marie Rosland Oblig 06 Person, Product and Natural Lighting Laila-Marie Rosland RESEARCH OG ARBEIDSPROSESS INNLEDNING I denne oppgaven skal jeg produsere to fotografier for en fiktiv reklamekampanje, der den skal fremme

Detaljer

Vanlig mat som holder deg frisk

Vanlig mat som holder deg frisk Vanlig mat som holder deg frisk Konferanse om folkehelse og kultur for eldre Tyrifjord 13. november 2014 Ernæringsfysiolog Gudrun Ustad Aldringsprosessen Arvelige faktorer (gener) Miljøfaktorer (forurensning

Detaljer

Oblig 3 Webutvikling

Oblig 3 Webutvikling Oblig 3 Webutvikling Av Thomas Gitlevaag. Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEO-konsulent for disse i én uke. På denne uken

Detaljer

PURA DESIGNMANUAL SIST OPPDATERT AUGUST 2008 UTVIKLET AV SOMMERSETHDESIGN.NO

PURA DESIGNMANUAL SIST OPPDATERT AUGUST 2008 UTVIKLET AV SOMMERSETHDESIGN.NO PURA DESIGNMANUAL SIST OPPDATERT AUGUST UTVIKLET AV SOMMERSETHDESIGN.NO PURA KAN DU tenke deg en dag uten rent vann..? INNHOLDSFORTEGNELSE Om den grafiske profilen s04 Logo >PURA logo >Bruken Visuelle

Detaljer

Om profilmanualen. Målgruppe og ønsket etterlatt inntrykk. Logo

Om profilmanualen. Målgruppe og ønsket etterlatt inntrykk. Logo PROFILMANUAL Om profilmanualen Denne profilmanualen er laget i forbindelse med Vegetable Films og SSG Studio s lansering av en helt ny filmatisering av H.C. Andersens eventyr Prinsessen på erten. Dette

Detaljer

Samtaleverktøyet «Gode vaner for god helse» er utviklet av Kreftforeningen i 2012, i samarbeid med helsesøstre og fysioterapeut.

Samtaleverktøyet «Gode vaner for god helse» er utviklet av Kreftforeningen i 2012, i samarbeid med helsesøstre og fysioterapeut. Samtaleverktøyet «Gode vaner for god helse» er utviklet av Kreftforeningen i 2012, i samarbeid med helsesøstre og fysioterapeut. Grunnlaget for gode helsevaner legges i oppveksten, derfor er det viktig

Detaljer

Typografi Introduksjon

Typografi Introduksjon Typografi Typografi Introduksjon Velkommen til Spire sin designmanual som viser deg hvordan Spire skal profileres. Målet med designmanualen er å sikre at Spire fremstår helhetlig og konsekvent i alle kanaler.

Detaljer

Profilmanual NILSENBIL

Profilmanual NILSENBIL Profilmanual Profilmanualen er utarbeidet for NilsenBil, Tromsø november/desember 2010 Rita Johansen Hildonen e-post: rita.hildonen@gmail.com web: rita hildonen.wordpress.com 2 Innhold Innledning side

Detaljer

Gutenberg. Typografi. Definisjon: Læren om bokstaver og skriftbilde. Typografiens historie. Typografi som fagområde. Desktop Publishing.

Gutenberg. Typografi. Definisjon: Læren om bokstaver og skriftbilde. Typografiens historie. Typografi som fagområde. Desktop Publishing. Typografi Definisjon: Læren om bokstaver og skriftbilde Typografiens historie Typografi som fagområde Desktop Publishing Webdesign Gutenberg Fonter En font er en digitalisert skrifttype en dataskrift.

Detaljer

KOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress

KOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress KOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress Sist oppdatert 05.06.2015 Innholdsfortegnelse 1. Hva er Wordpress?... 3 2. Hvordan logger jeg inn i kontrollpanelet?...

Detaljer