HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1
|
|
- Arne Nygaard
- 7 år siden
- Visninger:
Transkript
1 Webdesign med Dreamweaver Glemmen vgs - Medier og kommunikasjon 1. januar 2013 Arly Dale 2013 Side 1
2 Strukturere layout på en webside Layouten på en webside kan organiseres på forskjellige måter. Tidligere var det vanlig å bruke tabeller i html-koden for få plassert elementene der man ønsket. Tabeller fungerte greitt nok, men det var vanskelig å få utnyttet bruken av stylesheet. Nå brukes div-tagger for å beskrive/definere blokker av innhold på websiden. Da får man en god struktur og full kontroll med stylesheet. Stylesheet brukes for beskrive utseende på disse blokkene og innholdet i disse. Nedenfor er et eksempel som viser bruk av div-tagger og CSS. Arly Dale 2013 Side 2
3 <div id= navbar > <div id= main > <div id= sidebar > Arly Dale 2013 Side 3
4 index.html style.css body{ background:#666666; padding: 20px; h1{ p{ font-family:verdana, Geneva, sans-serif; font-size:1.3em; font-family:verdana, Geneva, sans-serif; font-size:0.8em; index.html (utvidet) <div id= navbar > <div id= main > <div id= sidebar > #header{ height:162px; #navbar{ background:#916a31; height:36px; #page{ width:960px; background:#fff; margin:auto; #content{ padding:10px; #main{ width:690px; background:#ccc; float:left; padding:10px; #sidebar{ width:200px; background:#ccc; float:right; padding:10px; height:100%; #footer{ height:30px; Her kommer det også endel CSS-kode for å lage utseende på menyen. Se neste side. Arly Dale 2013 Side 4
5 Stylesheet kode for menyen #navbar{ background:#916a31; height:36px; /* navbar er litt høyere enn ul-listen for å få en mørk kant under menyen */ ul, li{ /* Nullstiller egenskaper i listen */ margin:0; padding:0; list-style:none; /* Fjerner punktene i listen */ float:left; /* Listeelementene legges til venstre, og menyen blir horisontal */ ul { background:#b07f20; /* listen får bakgrunnsfarge */ height:32px; width:100%; /* Listen går over hele bredden til navbar */ li a { display:block; /* Listeelementene behandles som blokker i steden for tekst */ line-height:32px; padding: 0 16px; /* Mellomrom mellom menyvalgene */ color:#ffffff; text-decoration:none; /* Fjerner understrekingen på linkene */ li a:hover { /* Mouse-over effekt på menyvalget */ background: #916A31; height: 32px; padding-top: 5px; /* Høyden økes med 5 piksler, og blir større en navbar */ position: relative; /* Posisjoneringen er relativ i forhold til navbar */ top: -5px; /* Ved å sette -5 løftes boksen slik at den går over kanten på navbar */ border-radius: 5px 5px 0 0; /* avrunnede hjørner på toppen */.current, a:hover.current { /* Aktiv side - aktiv side uten mouse-over effekt på menyvalget*/ background: #AD9B7F; color: #eee; padding-top: 5px; border-radius: 5px 5px 0 0; position: relative; top: -5px; border-bottom: 4px solid #917F63; cursor: default; /* Setter mus-peker til en pil for vise at ikke det er aktiv side. */ Dette skal inn i html-filen: <div id= navbar class= cf > <ul> <li><a href= index.html title= Hjem class= current >Hjem</a></li> <li><a href= portretter.html title= Portretter >Portretter</a></li> <li><a href= brasil.html title= Reportasjebilder fra Brasil >Brasil</a></li> <li><a href= kenya.html title= Reportasjebilder fra Kenya >Kenya</a></li> <li><a href= ommeg.html title= Om meg >Om meg</a></li> </ul> Arly Dale 2013 Side 5
6 Ferdig webside Html-koden for den ferdige websiden ligger på neste side. Her kan man se hvordan div ene header, footer, navbar, main og sidebarhar fått et innhold. Det synlige innholdet er merket med rød ramme. Arly Dale 2013 Side 6
7 Index.html <!doctype html> <html> <head> <meta charset= UTF-8 > <title>html5 - CSS</title> <link href= style.css rel= stylesheet type= text/css /> </head> <img src= header.png > Banner <div id= navbar class= cf > <ul> <li> <a href= index.html title= Hjem class= current >Hjem</a></li> <li> <a href= brasil.html title= Bilder fra Brasil >Brasil</a></li> <li> <a href= kenya.html title= Bilder fra Kenya >Kenya</a></li> <li> <a href= portretter.html title= Portretter >Portretter</a></li> <li> <a href= ommeg.html title= Om meg >Om meg</a></li> </ul> Venstre del <div id= main > <h1>publisering på internett</h1> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam egestas egestas euismod. Maecenas ut iaculis justo. Praesent nulla neque, accumsan vel interdum eu, dignissim in arcu. Duis lacinia, tortor et ultricies tincidunt, est libero pharetra turpis, quis fermentum dui enim et orci. Pellentesque ultrices mi a orci semper pulvinar. </p> <img src= bilder/brasil-36.jpg width= 640 alt= Bilde /> Meny Høyre del <div id= sidebar > <h1>fakta</h1 > <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lorem risus, viverra euismod blandit quis, tincidunt id dui. Vestibulum pretium sapien eu velit tristique id lobortis dui blandit. Fusce ligula leo, porta in aliquam in, pretium vitae nulla. Sed non tellus purus, eu ullamcorper nulla. Integer enim risus, tristique nec lobortis sed, convallis in nisl. Morbi vel sem eget est ornare lacinia. Praesent ac eros quis velit pellentesque accumsan.</p> <img src= footer.png > Footer </html> Arly Dale 2013 Side 7
Logo med slogan. Slideshow med store bilder og tekst. Artikkel som kan være video/bilde 2. Om Distriktssenteret. Videoartikkel. Artikkel.
Bokmål Engelsk (samisk) Kontrast AAA Heim Dette kan vi hjelpe med Om oss Om Distriktssenteret Slideshow med store bilder og tekst Far far away, behind the word mountains, far from the countries Vokalia
DetaljerTittel på presentasjonen kommer her og kan gå over to linjer
Tittel på presentasjonen kommer her og kan gå over to linjer -Ein tydeleg medspelar Navn på foredragsholder og dato Nulla a turpis non nulla conse Duis a urna et erat accumsan fermentum Nulla ac lectus
DetaljerOverskrift linje 2 FOTO. Punkt 1 Punkt 2 Punkt 3. ved ønske om et mer utdypende budskap i form av maks 3 punkter. 00. 00. måned 200X By/sted evt.
Overskrift linje 2 Punkt 1 Punkt 2 Punkt 3 ved ønske om et mer utdypende budskap i form av maks 3 punkter. 00. 00. måned 200X By/sted evt. land B: 210 H: 105 MM X: 0 MM Y:155 MM Tekna Teknisk-naturvitenskapelig
DetaljerNUPI designmanual. Foreløpig utgave
NUPI designmanual Foreløpig utgave 04 logo 05 logo: varianter Logo skal normalt ha følge av NUPIs navn i fulltekst. Logo uten tekst brukes der presisering er overflødig (NUPIs navn fremkommer tydelig likevel)
DetaljerSuspektorientert programmering. Bouvet One Trondheim 4. mai Bjørn Herve Moslet
Suspektorientert programmering Bouvet One Trondheim 4. mai Bjørn Herve Moslet Discontinued integration o Utviklere som løper fortere enn serveren bygger «Sjekket inn. Hente barnehagen. Tar langhelg; snakkes
DetaljerStudie av hummer og kanari
Studie av hummer og kanari Hovedoppgave Espen Askeladd Institutt for data- og elektroteknikk Universitet i Stavanger Juni 2009 Forord Jeg vil takke... Lorem ipsum dolor sit amet, consectetur adipiscing
DetaljerForprosjektrapport. Prosjektets tittel Gruppe nr. Navn på gruppemedlemmene
Forprosjektrapport Prosjektets tittel Gruppe nr Navn på gruppemedlemmene 23. oktober 2013 Prosjektgruppen Kort beskrivelse av dere selv: Faglig bakgrunn, interesser etc. Lorem ipsum dolor sit amet, consectetuer
DetaljerKongsvingerRegionen. Profilmanual
KongsvingerRegionen Profilmanual Innhold Grønn drivkraft... 04 Logo... 05 Typografi... 07 Farger... 10 Elementer... 12 Symboler... 14 Fotografi... 16 Annonse design... 18 Powerpoint mal... 20 Visuell profil
DetaljerLOGO på grønn bunn Denne versjonen av logoen er forbeholdt grønn bunn. LOGO på hvit bunn Denne versjonen av logoen skal benyttes på alle lyse flater
LOGO på grønn bunn Denne versjonen av logoen er forbeholdt grønn bunn LOGO på hvit bunn Denne versjonen av logoen skal benyttes på alle lyse flater LOGO på sort bunn Denne versjonen av logoen skal benyttes
DetaljerBeskrivelse av profil og retningslinjer for bruk. Fargepaletter, fargebruk og typografi. Inspirasjon og profilmateriell.
Beskrivelse av profil og retningslinjer for bruk Fargepaletter, fargebruk og typografi Inspirasjon og profilmateriell Mal annonser Mal invitasjon, meny, nyhetsbrev og dokumentmappe Dette er en profilhåndbok
DetaljerFRE 11.03.2011 // 20:00 // CAFé MIR // TOFTESGATE 69 18 ÅR // 70 KR, 60 KR FOR STUDENTER
FRE 11.03.2011 // 20:00 // CAFé MIR // TOFTESGATE 69 18 ÅR // 70 KR, 60 KR FOR STUDENTER T9 FONT JOHN ARNE VAN NORDBY AGAID BOURBON JAZZCLUB PROFILERING Bourbon Jazzclub // Adr: Schous plass 32 /
DetaljerInnhold: Skrift og typografi... 21-24. Bakgrunn & Verdigrunnlag... 4. Markedsundersøkelse... 5. Eksempler... 25. Visittkort & brevark...
Visuell profil for: Innhold: Bakgrunn & Verdigrunnlag... 4 Markedsundersøkelse... 5 Hva skal profilen kommunisere... 6 Logoer.... 7-11 Designelementer... 12-13 Farger og fargepalett... 15-17 Farger, teknisk...
DetaljerForslag til innhold og struktur på fakultetets og instituttenes nettsider
18.01.06-08 1 Forslag til innhold og struktur på fakultetets og instituttenes nettsider På ledergruppens møte 8.12.2005 (NTL-sak 114/05) ble instituttene bedt om å oppdatere hjemmesider og vurdere innhold
DetaljerCanvas Hotel 2015. Pust inn nyt pust ut gjenta!
Canvas Hotel 2015 Pust inn nyt pust ut gjenta! Tanken påvirkes av hvor du er! De bedriftene som har hatt seminar hos oss melder om god effekt. Samarbeid, samhold og bedret kommunikasjon utvikles gjennom
DetaljerMidnattsolveien. Profilhåndbok. Rettningslinjer for Midnattsolveien
Profilhåndbok Rettningslinjer for Side 1 Innholdsfortegnelse Side 2: Introduksjon side 3-6: LOGO -Beskrivelse av logo -presentasjon av logo -Fargeregler/Fargekoder -Feil bruk av logo side 7: Typografi
DetaljerAlt Går Bra. Den Norske Idealstaten Samtaler som Våpen og bilder som Skjold
Alt Går Bra Den Norske Idealstaten Samtaler som Våpen og bilder som Skjold , Samtaler som Våpen og bilder som Skjold , Samtaler som Våpen og bilder som Skjold Editor: Alt Går Bra Contributors: Julie
DetaljerKompetanse HISTORIEFORTELLING PÅ NETT KURSPROGRAM. NRK, 8-.9. november og 7. desember 2012. Kursholder: Steen Steensen
HISTORIEFORTELLING PÅ NETT KURSPROGRAM NRK, 8-.9. november og 7. desember 2012 Kursholder: Steen Steensen HISTORIEFORTELLING PÅ NETT KURSPROGRAM NRK, 8-.9. november og 7. desember 2012 Kursholder: Steen
DetaljerI. Logoen. I. Logoen. Ved bruk av kun symbolet, må vi måle etter noe annet enn skriften. Her er regelen bredden på søylen i det blå symbolet.
grafisk profil light manual 2009 Grafisk Profil Light Manual 2009 I. Logoen I. Logoen s logo har to likestilte varianter. En liggende og en stående. Det skal sees an hvilken av disse som passer best i
Detaljergrafisk profil for Hole kommune
grafisk profil for Hole kommune INNHOLD bakgrunn 3 våpenskjoldet 4 logo 5 profilfarger 6 fonter 7 trykksaker 8 annonsemal 10 konvolutt 11 brosjyrer og rapporter 12 powerpoint presentasjon 15 2 bakgrunn
DetaljerSpørreundersøkelse blant besøkende på turistinformasjon
01/18/2016 16:43:48 General Survey name Spørreundersøkelse blant besøkende på turistinformasjon Author Richard Žižka Survey language Norwegian Survey URL http://www.survio.com/survey/d/q3t1n7r2o9g4t6u9q
DetaljerInnhold. 1/Logo Om logo Fargebruk i logo Logovarianter Helse Sør-Øst-eierskap Avdeling som avsender Kombinasjonsoppsett
Visuell profil Innhold 1/Logo Om logo Fargebruk i logo Logovarianter Helse Sør-Øst-eierskap Avdeling som avsender Kombinasjonsoppsett 2/Språk og kommunikasjon Bruk av logo 3/Profilerende elementer Typografi
DetaljerPROFILHÅNDBOK OPPDATERT 2016
PROFILHÅNDBOK OPPDATERT 2016 NÅR VI SKAL PROFILERE NORDLAND FYLKESKOMMUNE Tydelig og tidsriktig kommunikasjon til innbyggerne i Nordland er viktig. Profilen er varemerket for det vi skaper sammen. Den
DetaljerProfilmanual for Hedmark fylkeskommune. Versjon
Profilmanual for Hedmark fylkeskommune Versjon 2 10.2011 Forord Dette er de nye retningslinjene for Hedmark fylkeskommunes profil. Vår nye visuelle identitet er bygget på våre visjoner og verdier og har
DetaljerGRAFISK PROFIL. Bibelskolen i Tromsø
GRAISK PROIL info Designhandbok utført av Karl Erik Granberg, som også har forestått profilutviklingen, Våren 2009. Versjon 1.0 (Mai 2009) Opplag 100 stk Trykket hos Medieverket, Haugesund. Papir: Munken
DetaljerLogo i farge PANTONE 3135 CMYK: C100, M0, Y25, K8 RGB: R0, G154, 184. PANTONE Cool Gray 9 CMYK: C0, M0, Y0, K60 RGB: R129, G129, B129
Grafisk profil Logo i farge PANTONE 3135 CMYK: C100, M0, Y25, K8 RGB: R0, G154, 184 PANTONE Cool Gray 9 CMYK: C0, M0, Y0, K60 RGB: R129, G129, B129 Logo i sort/hvit PANTONE Cool Gray 9 CMYK: C0, M0, Y0,
DetaljerAvis - Enkelte aviser klarer ikke å få fargen i hovelogo til å stemme på trykk. Det er derfor laget en alternativ versjon.
PROFILMANUAL LOGO Hovedlogo - Denne versjonen skal alltid benyttes, med mindre noen av alternativene på denne siden er å foretrekke på flaten logoen skal benyttes. Logo alternativer - Disse kan benyttes
DetaljerFebruary Brand guidelines
February 2019 Brand guidelines LOGO Variations Master - full colour REV - reverse version, for use on dark background 2 LOGO Clear space and sizing Minimum clear space To maintain clarity and integrity
DetaljerDesignmanual. Praktisk bruk av NITOs visuelle profil revidert august 2013
Designmanual Praktisk bruk av NITOs visuelle profil revidert august 2013 Designmanual 2 På samme måte som med ingeniørfaget, er typografi og layoutdesign basert på matematikk og regler. Nøyaktighet er
DetaljerKorgen IL mot. 4.divisjon HESA 2011. Onsdag 14. juni kl. 18.30. Dommer: Rune Haugen, Tjalg IL Fotball Dagens bedrift: Herøy/Dønna
4.divisjon HESA 2011 Onsdag 14. juni kl. 18.30 Korgen IL mot Herøy/Dønna Korgen IL Dagens tropp: Mats Buskli Geir Magne Reinfjell Bård Arne Vatnan Tom Rune Reinfjell Glenn Kalmar Hjemaas, Sondre Pedersen
DetaljerDesignmanual NASJONALT SENTER FOR E-HELSEFORSKNING
Designmanual NASJONALT SENTER FOR E-HELSEFORSKNING 1.09.2016 Innhold 3 4 6 7 10 13 15 17 Logosymbol Logo Farger Ortografi Typografi Mønster Ikoner Bildebruk 19 21 22 26 27 28 29 32 33 36 EKSEMPLER Visittkort
DetaljerBare tull. demo. Innhold. Lorem_Ipsum...3 Lirum_Larum...6. B. Stenseth 2
Dette er forsiden Innhold Lorem_Ipsum...3 Lirum_Larum...6 B. Stenseth 2 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla luctus mattis. Nullam magna mi, vulputate eget
DetaljerSteg 1: Vi starter fra toppen
CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan
DetaljerKommuneplan for Sola Samfunnsdel
Kommuneplan for Sola 2019-2035 Samfunnsdel Sola kommunestyre 07.02.2019, sak 04/2019 Forord Den kommuneplanen du nå leser gjelder fram til 2035. Imidlertid inneholder planen valg og føringer som også får
Detaljer50 mm (142 px) foretrukket str.
PROFILMANUAL LOGO Hovedlogo - Dette er vår hovedlogo hva gjelder form og farge. Den er førstevalget ved all gjengivelse - uansett flate. LOGOENS STØRRELSE OG PROPORSJONER: Elementer og proporsjoner i logo
DetaljerOppgave 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
DetaljerFK Norway / Fredskorpset Grafisk profil v.2.0 / Utviklet av Handverk / madebyhandverk.no
FK Norway / Fredskorpset Grafisk profil v.2.0 / 01.10.2015 Aa Utviklet av Handverk / madebyhandverk.no Logo FK_logo2015_text_pos FK_logo2015_text_pos 2 / Grafisk profil for Fredskorpset / v.2 01.10.2015
DetaljerProfilhåndbok. Vol. 2
Profilhåndbok Søndagsskolen Vol. 2 1 Visuell profil JESUS TIL BARNA er Søndagsskolens visjon. Vi vil i Søndagsskolen formidle livsbejaende, positive verdier. Gjennom å fortelle bibelhistorier gir vi barna
DetaljerPortfolio Erlend Sekkelsten. Grafisk arbeid for trykk
Portfolio Erlend Sekkelsten Grafisk arbeid for trykk 2014 Svenneprøve, 2011 Magasin, seks sider Logo og annonse reportasje Fylkemitt 11 Knivskarpe tradisjonar Helle skal blir skarpare enn nokon gong. 12
DetaljerSPYDEBERG. Velkommen SMÅBYEN HJEM NÆRINGSLIV KULTURLIV FRITIDSTILBUD NATUROPPLEVELSER
Velkommen Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
DetaljerSYSTEM FOR PASIENTTILBAKEMELDINGER SCENARIER & KONSEPTER 2 UNN - UNIVERSITETSSYKEHUSET I NORD-NORGE
SYSTEM FOR PASIENTER SCENARIER & KONSEPTER 2 UNN - UNIVERSITETSSYKEHUSET I NORD-NORGE 28.11.2011 INNSIKTER FRA BRUKERE OG PERSONELL PÅ SYKEHUS 2 PASIENTREISE TRE ULIKE REISER PÅ SYKEHUSET 1 Akutt 2 Døgnopphold
DetaljerLogo. Fargepalett 03 Logo 04 Logo m/undertittel 05 Logovariantar 06 Korrekt bruk 07. Typografi. Typografi 08. Tillegselementer
Profilmanual i En profilmanual er et praktisk og strategisk verktøy som beskriver det grafiske utrykket til en virksomhet. Manualen er først og fremst beregnet på profesjonelle brukere med grafisk kompetanse,
DetaljerPROFILHÅNDBOK. Profilhåndbok for Norsk Gjenvinning-konsernet. Endret Norsk Gjenvinning Profilhåndbok Visuell identitet
PROFILHÅNDBOK for -konsernet. Endret 16.09.2015 Visuell identitet 2015 INNLEDNING En ny identitet. Innledning 2 Vår merkevare representerer en av våre største verdier. Både vår posisjon og vår fremtidige
DetaljerPROFILHÅNDBOK / 2015 1
PROFILHÅNDBOK / 2015 1 INNHOLD Innledning 1 GRAFISKE VERKTØY Logoer Hovedlogo 4 Sekundærlogo 6 Grafiske element 8 Minimumsstørrelse logo 10 Proposjoner og forbud 10 Font Typografi 12 Digitale fonter 12
DetaljerInformasjonsarkitektur. Skriving for web Tekna 2007
Informasjonsarkitektur Skriving for web Tekna 2007 Dagens temaer Hvordan brukere leser på skjerm Forarbeid Selve skrivingen Etterarbeid Hvordan vi leser på skjerm Vi leser ikke på skjerm vi skumleser De
DetaljerSøk og litteraturlister. Ungdomskunnskap 29.10.15
Søk og litteraturlister Ungdomskunnskap 29.10.15 Oria og Norart Oria = «Alt» som alle universitet og høgskoler i Norge «eier» av bøker og artikler. Du kan søke både på norsk og engelsk (eller svensk eller
DetaljerPROFILHÅNDBOK FOR SØNDAGSSKOLEN NORGE
PROFILHÅNDBOK FOR SØNDAGSSKOLEN NORGE - gudstjenester VISUELL PROFIL JESUS TIL BARNA er SØNDAGSSKOLENs visjon. Vi vil i SØNDAGSSKOLEN formidle livsbejaende, positive verdier. Gjennom å fortelle bibelhistorier
DetaljerKOMMUNIKASJON OM FYLKESVEG
KOMMUNIKASJON OM FYLKESVEG Veileder for grafisk profilering og kommunikasjon Buskerud VEST-AGDER FYLKESKOMMUNE Nord-Trøndelag TROMS ROMSSA fylkkasuohkan ROGALAND FYLKESKOMMUNE VESTFOLD FYLKESKOMMUNE Veileder
DetaljerDESIGNMANUAL HØGSKOLEN I ØSTFOLD Versjon 0.0.1
DESIGNMANUAL HØGSKOLEN I ØSTFOLD Versjon 0.0.1 ABC 3. TYPOGRAFI 3.1. Primærfontsnitt Source Sans Pro 24 3.2. Tilgjengelighet 26 3.3. Installering av fontsnittet 26 3.4. Sekundærfontsnitt - Arial 27 24
DetaljerNYTT NORSKVERK FOR STUDIE- FORBEREDENDE
NYTT NORSKVERK FOR STUDIE- FORBEREDENDE Trykt utgave kr 579, Trykt utgave kr 565, Trykt utgave kr XXX, d-bok kr XXX eks mva DIGITALE KOMPONENTER Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
DetaljerVeileder for visuell profil. Februar 2019
Veileder for visuell profil Februar 2019 Innhold 3...Forord 4...Vår visuelle profil 5...Prinsipper fylkesvåpen 6...Prinsipper logo 7...Bruk av negativ og hvit logo 8...Fargeprofil 9...Fargepalett 10...Profilelement
DetaljerLogo: Distriktssenterets designprofil. Logoen er i gult, grønt og orange, og kan brukes på følgende måter: Til bruk over bilde:
Logo: Logoen er i gult, grønt og orange, og kan brukes på følgende måter: Til bruk over bilde: Farger: Farvene er delt opp i en primærpalett som inneholder logoens farger og er de bærende fargene for profilen.
DetaljerTittel i The Sans SemiLight 24 punkt Over en eller to linjer
Tittel i The Sans SemiLight 24 punkt Over en eller to linjer Dette kan være et oppslag som innleder en hoveddel av en rapport. Dette kan ære om f. eks rapporten er delt i rapportadipiscing elit, sed diam
DetaljerInnledning. Innhold. 1. Logo 3 2. Profilelementer 6 3. Farger 7 4. TypografI 8 5. Postaler 9 6. Annonser 12
Profilmanual Innledning Innhold Hvorfor enhetlig grafisk profil? Det blir stadig viktigere å bli sett og gjenkjent. Hensikten med en grafisk profil er å skape et helhetlig utseende i all visuell kommunikasjon.
DetaljerVisuell profil Tollvesenet. Profilhåndbok versjon 2.0. juli, 2012
Visuell profil Tollvesenet Profilhåndbok versjon 2.0. juli, 2012 Side 1 Vår identitet: Vår visuelle profil: Tollvesenet utfører viktige samfunnsoppgaver innen grensekontroll og avgiftsinnkreving. For å
DetaljerPROFILHÅNDBOK FOR SØNDAGSSKOLEN NORGE
PROFILHÅNDBOK FOR SØNDAGSSKOLEN NORGE VISUELL PROFIL - gudstjenester JESUS TIL BARNA er SØNDAGSSKOLENs visjon. Vi vil i SØNDAGSSKOLEN formidle livsbejaende, positive verdier. Gjennom å fortelle bibelhistorier
DetaljerI denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene.
CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene
DetaljerHvorfor ny grafisk profil? Eksempel. Profilhåndbok. NRK Profilhåndbok Sist endret:
Hvorfor ny grafisk profil? Eksempel Profilhåndbok Hvorfor ny grafisk profil? Våre verdier: ÅPEN MODIG TROVERDIG Vår visjon: NORGES VIKTIGSTE KILDE TIL NY FORSTÅELSE OG FELLES OPPLEVELSER For å bygge opp
DetaljerProfilhåndbok. Retningslinjer for grafisk profil. Oppdatert mars 2010
Profilhåndbok Retningslinjer for grafisk profil Oppdatert mars 2010 MÅLSETTING MED EN PROFILHÅNDBOK Ny visuell profil for Nordland fylkeskommune Tydelig og tidsriktig kommunikasjon til innbyggere i Nordland
DetaljerPROFILHÅNDBOK. Profilhåndbok for Norsk Gjenvinning-konsernet. Endret 10.03.2014. Norsk Gjenvinning Profilhåndbok Visuell identitet
PROFILHÅNDBOK for -konsernet. Endret 10.03.2014 Visuell identitet 2014 INNLEDNING En ny identitet. Innledning 2 Vår merkevare representerer en av våre største verdier. Både vår posisjon og vår fremtidige
DetaljerJeg leter etter... NETTBIBLIOTEKET.NO Søk i katalogen 1.3 1.19
1.2 1.1 Tjenester Illustration 1 - Site front page 1.20 1.15 i katalogen 1.4 1.21 1.16 framside 1.3 1.19 Biblioteket tester nye nettsider (Twitter) 1.7 1.8 Overskrift - siste sak nonummy lorenzino. Interdum
DetaljerINNHOLDSFORTEGNELSE INNHOLD. 1. GRUNNELEMENTER 1.1 Logo i farger 1.2 Logo i sort/hvit 1.3 Symbol 1.4 Typografi/Skrifttyper 1.
1. GRUNNELEMENTER 1.1 Logo i farger 1.2 Logo i sort/hvit 1.3 Symbol 1.4 Typografi/Skrifttyper 1.5 Farger 2. LOGO PÅ BIL 2.1 Bildekor 2.2 Lampe 3. ARBEIDSTØY 3.1 Arbeidstøy 4. TRYKKSAKER 4.1 Brevark/Faxmal
DetaljerCSS-formatering: stilark med kommentarer
CSS-formatering: stilark med kommentarer /* Demonstrasjon av stilarkregler. Jeg har satt inn forslag til farger og fonter, men du setter inn dine egne valg selvfølgelig. */ /* Stilregler for html-taggen
DetaljerMUNCH 150 DESIGNMANUAL
Index 1.0 LOGO 2.0 TYPOGRAFI 3.0 FARGER 4.0 SIGNALBILDE 5.0 PLASSERING AV LOGO 6.0 MODULANNONSE Logo 1.0 Logo Sort Hovedlogo Sort Symbol: Process: C:0 M:0 Y:0 K:0 Background: Process: C:0 M:0 Y:0 K:100
DetaljerTENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE
TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE JULIE HILL ROA MIRA THOEN FEIRING HVA ER WEBUTVIKLING? SERVER KLIENT HTTP request HTML, CSS, JavaScript HTTP response HTML Innhold CSS Utseende JAVASCRIPT Oppførsel
Detaljeril f o r p k is f a r G
Hvit logo når bakgrunn er mørk Sort logo når farge ikke er tilgjengelig Navn logo: Hovedord settes med Myriad Semibold, resten Myriad Light. Sperring 200 Navn logo: Hovedord settes med Myriad Semibold,
DetaljerInvitasjon til Konferansetittel
Miljø, gener og helse konferanse Bergen, 14-15 mai Om konferansen Valgfri tekstblokk The Sans Plain B5 9/11,5 punkt. Bygger nedenfra og oppoversed diam nonummy nibh euismod tincidunt ut laoreet dolore
DetaljerBilder, tabeller. Kirsten Ribu 26.09
Bilder, tabeller Kirsten Ribu 26.09 1 Repetisjon: div taggen Blokker () Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes med . Blokker benyttes i dokumenter der
DetaljerTilpassning 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)
DetaljerProfilhåndbok. NRK P13 Profilhåndbok 2014 - Sist endret: 04.09.14
Profilhåndbok Logo Oppbygging Logoen er tilpasset NRK sin eksisterende radioidentitet. Tallet 13 er tilpasset eksisterende parametre for tall og sirkelelement. Logo Positiv og negativ versjon Logoen har
DetaljerDesignmanual. En introduksjon til SVs visuelle identitet. sv.no
Designmanual En introduksjon til SVs visuelle identitet sv.no 1. Logo og verktøy Logo Logoavstander Logovarianter Logo i bruk Fargepalett Typografi Identitetselement Ikoner Papir 2. Fotografi 3. Identitet
DetaljerLogo. Farger. Fonter. Designelement. Bilder. Implementering
1 Versjon 1.0 Logo 3 Farger 9 Fonter 11 Designelement Bilder Implementering 15 18 21 2 Næringssektorene i Norge har sin egen felles grafiske signatur. Denne signaturen er hovedelementet i den nye grafiske
Detaljerstartsiden ØMV Bilsenter Auto`en Norheimsund Yamaha Hardanger Yamaha Bergen
Bil Båt Mc Hage og skog Bruktbil Bilutleie Båter joller Gummibåter Tilbehør Motorsykler Moped ATV Tilbehør Biler og lastebiler Motorsykler Båtmotorer Bilberging Gressklippere Motorsager kantklippere Tilbehør
DetaljerMaking Waves 2009. Profilhåndbok. Februar 2009 versjon 1
Making Waves 2009 Profilhåndbok Februar 2009 versjon 1 Innhold Innledning 3 Logo Logo 5 Logo,varianter 6 Luft rundt logo 7 Ensfargedealternativer 8 Størrelser 9 Plasseringav logo 10 Bruk 11 Farger Hovedfarger
DetaljerMERKEVAREHÅNDBOK NORGES JEGER- OG FISKERFORBUND. Revidert utgave, oppdatert pr. 6. august 2004
MERKEVAREHÅNDBOK NORGES JEGER- OG FISKERFORBUND Revidert utgave, oppdatert pr. 6. august 2004 Innhold 01 Vi kan ikke ikke kommunisere... side 4 02 Hva er en merkevare?... side 7 03 Vår rolle i markedet...
DetaljerJonas Simensen Nei det synes jeg er noe tull.
Dagen i dag Til slutt Søndag 29. april er årets 119. dag, og det er uke 17. Vi har 246 dager igjen av 2007 Dagen er i Oslo blitt 2t og 47 min. lengre siden vintersolverv og solen går opp kl. 05.22 og ned
DetaljerHåkon Tolsby Håkon Tolsby
HTML5 og CSS Håkon Tolsby 27.08.2018 Håkon Tolsby 1 En webside min webside en html5 side dett er min første
DetaljerOBLIG 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
Detaljernavn logo skriftlogo logosymbol farger typografi klær internett kontakt bakside omslag
profilhåndbok Vårt beste forbilde på lederskap er Jesus. Han sa: Følg meg! Han levde sammen med disiplene sine og var selv eksempelet på lederskap. Så sa han igjen: Følg meg! Vi ønsker å ha Jesus som forbilde.
DetaljerMMT105 Internettprogrammering Uke 44, høst 2007
MMT105 Internettprogrammering Uke 44, høst 2007 Introduksjon til CSS MMT105 HiNT 2007 1 HTML-elementenes strukturerende egenskaper HTML-elementene skal markere strukturen i et webdokument, dvs. at de forskjellige
DetaljerNy klubb - TR-Register Norway og første utgave av vårt Newsletter!
Newsletter for TR-Register Norway Nr 1 Januar 2014 Ny klubb - TR-Register Norway og første utgave av vårt Newsletter! Etter å ha jobbet i mer enn tre år på å forberede det første European TR Meeting i
DetaljerVIL DU ANNONSERE? KONTAKT PÅL KARLSEN (REDAKTØR) PAL@LOPTA.NO; +47 932 24 377
VIL DU ANNONSERE? KONTAKT PÅL KARLSEN (REDAKTØR) PAL@LOPTA.NO; +47 932 24 377 OM BLADET sopp og nyttevekster er medlemsbladet for Norges sopp- og nyttevekstforbund. Det inneholder fagartikler om arter
DetaljerDesignretningslinjer for bruk av Rendalens visuelle profil
Rendalen kommune Designretningslinjer for bruk av Rendalens visuelle profil Rendalen kommune Felles profil for Rendalen Profilen skal gjenspeile Rendalens identitet og verdier som tar utgangspunkt i kulturarven
DetaljerWireframes for lotteritilsynet.no, stiftelsestilsynet.no, momskompensasjon.no og lottstift.no
Wireframes for lotteritilsynet.no, stiftelsestilsynet.no, momskompensasjon.no og lottstift.no Engelsk Høykontrast You Skriftstørrelse are signed in as A A 98 A 89 89 89 Lytt Help til teksten Sign out Skjema
DetaljerVEILEDER OPPFØLGING AV KRAV OM BÆREKRAFTIG TREVIRKE I BYGGEPROSJEKTENE
VEILEDER OPPFØLGING AV KRAV OM BÆREKRAFTIG TREVIRKE I BYGGEPROSJEKTENE BILDE SIDE 1 Teknisk anlegg på tak, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis at vestibulum ligula, ac accumsan
DetaljerOperativsystemer med Linux - h18
Operativsystemer med Linux - h8 Studieprogram: Årsstudium i informasjonsteknologi Bachelorstudium i digitale medier og design Bachelorstudium i digitale medier Bachelorstudium i informatikk - design og
DetaljerEKSAMEN Web-publisering
EKSAMEN 6101 Web-publisering 02.06.2016 Tid: Målform: Sidetall: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du bruker mellom
DetaljerOppgradert logo. CTM Lyng AS / miniprofil. Oppsettet er fast, proporsjonene må ikke endres Minste tillatte str. = 10 mm Kun en fargevariant som vist
Oppgradert logo Min. 10 mm bredde Oppsettet er fast, proporsjonene må ikke endres Minste tillatte str. = 10 mm Kun en fargevariant som vist Typografi Pluto Sans En verden av muligheter Pluto Sans light
DetaljerPROFILVEILEDER V
PROFILVEILEDER V01 2017 ISHAVSKRAFT V01 2017 Ishavskraft er i dag Nord-Norges største kraftleverandør. Vår identitet vil alltid være preget av landsdelen vi kommer fra. Med folkelige verdier og uredde
DetaljerOppsummering 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
DetaljerNasjonal kommersialiseringsaktør i mikro- og nanoteknologi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
DetaljerHøgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen
Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 05.12.2013 Tid: Målform: Sidetal: 3 timer Bokmål 7 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene
DetaljerEn guide til NOAS nye grafiske profil logo, farger, typografi og eksempler. Visuell identitet
En guide til NOAS nye grafiske profil logo, farger, typografi og eksempler Visuell identitet NOAS visuell identitet symbolet 2 Symbolet NOAS nye symbol har en enkel grunnform bestående av en bue og en
Detaljerabcdefghijklmno pqrstuvwxyzæøå ABCDEFGHIJKLMNO PQRSTUVWXYZÆØÅ Høgskolen i Østfold Style guide Farger Skri!snitt Source Sans Pro Source Sans Pro
Høgskolen i Østfold Style guide Farger HOVEDFARGE #347E84 AKSENTFARGER #F3F7F8 #F3F0EE #E0E9EB Skri!snitt Familie: Stiler: Light Regular Italic Aa Light Aa Regular Aa SemiBold SemiBold abcdefghijklmno
DetaljerENERGIRAPPORT 2016 (OVERORDNET MED HOVEDTALL) ENERGIBRUK I STATSBYGGS BYGNINGER
ENERGIRAPPORT 2016 (OVERORDNET MED HOVEDTALL) ENERGIBRUK I STATSBYGGS BYGNINGER BILDE SIDE 1 Teknisk anlegg på tak, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis at vestibulum ligula, ac
DetaljerInnhold. Logo Logoavstander Logovarianter Logo i bruk. 2. Elementer. 3. Fotografi. 4. Malverk. Malverk A5 løpeseddel A4 rapportmal. 5.
Designmanual Innhold 1. Logo og verktøy Logo Logoavstander Logovarianter Logo i bruk 2. Elementer Fargepalett Typografi Identitetselement Ikoner 3. Fotografi 4. Malverk Malverk A5 løpeseddel A4 rapportmal
DetaljerDUO - bank+inkubator Diplom, vår 2016, Simen Andreas Aas
bank+inkubator DUO - bank+inkubator Diplom, vår 2016, Simen Andreas Aas BEIRUTTOMTEN, PROSJEKTSITE OPPGAVEBESKRIVELSE Oppgaven utforsker hvordan man kan skape en spennende, mangfoldig og fleksibel arbeidsplass
DetaljerEKSAMEN Webpublisering
Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 03.12.2015 Tid: Målform: Sidetal: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene
DetaljerTiltakspakke for Ledelse av pasientsikkerhet
Tiltakspakke for Ledelse av pasientsikkerhet Sekretariat for nasjonalt pasientsikkerhetsprogram Sekretariat er plassert i Helsedirektoratet og er ansvarlig for utvikling og daglig drift av programmet.
DetaljerCSS: Animasjon Nybegynner
CSS: Animasjon Nybegynner Web Introduksjon I denne oppgaven skal du lære å animerer HTML-objekter ved hjelp av CSS. Under ser du hvordan resultatet vil bli til slutt: Men før vi starter å lage animasjonen
DetaljerInnhold. Logo Logoavstander Logovarianter Logo i bruk. 2. Elementer. 3. Fotografi. 4. Malverk. Malverk A5 løpeseddel A4 rapportmal. 5.
Designmanual 2018 Innhold 1. Logo og verktøy Logo Logoavstander Logovarianter Logo i bruk 2. Elementer Fargepalett Typografi Identitetselement Ikoner 3. Fotografi 4. Malverk Malverk A5 løpeseddel A4 rapportmal
Detaljer