RAPPORT WEBP MAGNE SILJAN
|
|
- Esther Christensen
- 7 år siden
- Visninger:
Transkript
1 RAPPORT WEBP MAGNE SILJAN INNLEDNING TOLKNING AV OPPGAVEN Tolkingen av oppgaven var at det skulle utvikles en webside for en klient (firma, organisasjon eller et annet prosjektområde). Websiden måtte være en html-side med css, men kunne også lages som en Wordpress-side. Kriteriet var at den måtte skille seg tydlig fra opprinnelig Wordpresstema. Det skulle også lages en prosjektbeskrivelse, fremdriftsplan og rapport som tydlig henviste til websideurl. Prosjektbeskrivelse, fremdriftsplan og klient måtte godkjennes av veileder før prosjektperioden. KONSEPT OG MÅLGRUPPE Jeg har valgt å jobbe med coverbandet, Pink Slips, fordi jeg ønsket å hjelpe de med å videreutvikle deres profil, prosjektet er spennende, og fordi jeg kjenner de fra før av. Forrige prosjekteksamen laget jeg profillprodukter for bandet. Pink Slips ønsker å fremstå som et profesjonelt og seriøst rockeband/coverband, få flere fans og flere og større spillejobber. Med en egen hjemmeside vil de enkelt kunne promteres til konsertarrangører, fans og andre som ikke har hørt musikken de spiller. Bandet ønsker at websiden skal ha god funksjonalitet, være lett å navigere i og ha et profesjonelt design. Websiden skal ha et tøft og "rocka" uttrykk som gjenspeiler musikken de spiller og som står i kontrast til de rosa slipsene som de har på seg. Headerbildet skal avbilde medlemmene i bandet og deres logo skal være med. (Bilder og logo etc. laget jeg for bandet forrige prosjekteksamen). Målgruppe: Unge menn og kvinner i alder år som liker rock og hardtslående musikk med mye trykk og energi.dette er også en aldersgruppe som er mye på nettet. Jeg ønsket å lage siden i Dreamweaver og ikke som cms for å få et eget design og ikke bygge videre fra en template, designet av andre. INSPIRASJON OG KREATIV METODE Inspirasjon er hentet fra ulike nettsider for band. Skisser og noen provisoriske utkast er utgangspunktet som websiden sprang ut fra. Disse viste jeg først til kunden og fikk deretter godkjenning. Det fungerte bra og jeg kom relativt raskt til ferdigstilling av websiden.
2
3 SKISSER AV WEBSIDESTRUKTUR
4
5
6
7 DESIGNVALGET Logo: Logoen er plassert nederst til høyre på bildet på bandfotoet for å skape balanse til navigeringsmeny, overskrifter og brødtekst. Typesnittet i logo er Trajan. Trajan var en romersk keiser, sunn, kraftig, beslutningsdyktig og rettsindig, som satte sitt preg på Roma. På torget i Roma bygget de Trajans basilika, på Triumfbuen i Paris er det relieffer som viser begivenheter i hans liv, og ved Capitolbygningen i Roma ble det reist en 30 m høy søyle der hans aske er oppbevart i en urne av gull. Den ble reist i år 113 e.kr., og ved foten av søylen er det inskripsjon som har typesnitt som det vi i dag bruker som Trajan. Ønsket ved valg av typesnitt var å få mektig og hellig, fundamentale og sterke signaler og Trajan er da et godt valg. Bevisst valg var å øke bokstavavstanden (tracking), noe som underbygger storhet, det å ta selvfølgelig plass. LOGO PROSESS:
8 Trajan Strukket litt og øket tracking Forlenget leg på "K" Laget tagger/ torner med Pen Tool, kopiert og reflektert Lagt på tgger på alle bokstavene. Laget symbol ut av P, kopiert, reflektert og lagt på samme tagger som det er på "I". Taggene gir et mer aggressivt uttrykk.
9 Andre versjoner (rød er mitt valg) På forskjellige bakgrunner
10 Bandfoto: Bakgrunnen av Stonehenge er et gammelt bilde fra reise i England. Bildet er i tre plan, forgrunn, mellomgrunn og bakgrunn og kameravinkel er i synsperspektiv. Bildet er satt i sort/hvitt for å fremheve rosa slips som bandmedlemene har på seg. Det er lagt til solskinn for å gi en dramatisk effekt. Kontraststyrke og tonenivåer er øket for å gi bildet mer informasjon. Orginalfoto Redigert utgave
11 Orginalfoto av personen til venstre på bildet. Bilder av bandlemene er tatt i studio for å oppnå en god lyssetting. Deretter er de beste bildene av medlemmene valgt ut, klippet ut med lassotool og satt sammen i photoshop. Satt i sort/hvitt, men beholdt farge på slips. Navigeringsmeny: Typesnitt er Arial, bold, versaler, 20 px, en grotesk sansserif font som kan leses i allle browsere. Sansserifer er letter å lese på skjermbaserte medier og gir et mer moderne uttrykk som treffer målgruppen til Pink Slips bedre enn en antikvaskrift. Navigeringsmenyen er plassert øverst til venstre for lett oversikt og fordi det er et av de stedene vi naturlig leser informasjon fra i vår vestlige kultur. Hvite aktive linker for å skille mot det grå. Grått har jeg valgt å bruke fordi det harmoniserer med den hvite body'en og er nøytralt. Hvit og grått er også farger som harmoniserer med fargenetonene i bandbildet. Grå er en farge jeg har brukt mye og som gir et profesjonelt inntrykk. Den står i stor kontrast mot de rosa slipsene og gjør at det blir fremhevet. Overskrifter: Arial bold, 24 og 18px, mørke grå versaler, og har samme padding som navigeringsmeny for å skape ro og orden og for å skape en helhet. Brødtekst: Arial, 16px, lettlest størrelse. Komposisjon: 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. Alle undersider har lik typesnitt, fontstørrelser og padding for å skape orden, sammenheng og et godt helhetsinntrykk.
12 CASCADING STYLE SHEETS Websiden er laget som HTML og CSS i Dreamweaver. Pink-slips.net- domenet samt webhotell er opprettet hos One.com,. Se rød tekst for beskrivelse. * { * For å resette standard nettleser padding og margin 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: #0000FF; text-decoration: none;
13 #wrapper { * Standardbredde og sentrering av side max-width: 1009px; margin: auto; #wrapper > table img { display: block; * For å unngå mellomrom mellom bildet og hvit content table { border-collapse: collapse; border-spacing: 0;.header { * For at all skrift skal være caps og for padding (plass, margin) text-transform: uppercase; overflow: hidden; padding: 10px;.header img {
14 * Bandbilde float: left; img { border: 0; margin: 0px;.header ul { float: left; list-style: none; margin-top: 10px; margin-right: 0px; margin-bottom: 0; margin-left: 70px; clip: rect(auto,auto,auto,100px);.header li { * Font-størrelse og flyt meny-elementene til venstre font-size: 20px; margin-right: 40px; float: left; margin-left: 0px;
15 color: #0000FF;.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: #FFF;.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; min-height: 300px; box-sizing: border-box; background-color: #FFF;
16 background-repeat: no-repeat; padding-top: 40px; padding-right: 80px; padding-bottom: 80px; padding-left: 80px; H2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #333333;.content.inner { * Indre bredde så ikke texten flyter ut width: 850px; left: 0px; color: #00F;.content h1 { * Satt opp font for oversrkifter font-size: 18px;
17 color: #333; margin-bottom: 10px;.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 {
18 border: none;.footer a { color: #888; * * #wrapper.content.inner p { color: #000; #wrapper.content.inner p { color: #333; EGENEVALUERING OG KONKLUSJON Det har vært lærerikt. Jeg har lært masse nytt om html og CSS og jeg har lært å sette inn youtube-videoer og lage fotogalleri. Skal ikke legge skjul på at det har vært mye knoting ettersom jeg er veldig fersk på det å lage websider, men det går lettere og lettere for hver gang jeg lager en side. Det er gøy! Fotogalleriet kunne fungert bedre, men ettersom jeg aldri har gjort dette før er jeg fornøyd. At websiden vises riktig i forkjellige browsere, er også et stort pluss. Tidsmessig har alt gått som planlagt og jeg har fulgt fremdriftsplanen. Sammarbeidet med kunden har gått veldig fint. Jeg spurte de om de ville ha en egen underside "om bandet" og kontaktinformasjon "direkte" i footer, men det ville de ikke ha. De var storfornøyd med siden slik den er nå!
19 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 Dreamweaver CS6 Essential Training with James Williamson Creating a First Web Site with Dreamweaver CS6 with Paul Trani Inspirasjon: Lærevideoer på youtube: MIN WEBSIDE: WORDPRESS:
Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet.
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,
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
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
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
DetaljerCSS: Endre utseende og stil på tekst Nybegynner
CSS: Endre utseende og stil på tekst Nybegynner Web Introduksjon I denne oppgaven skal vi jobbe videre med skrift, størrelser og farger. Vi skal utforske forskjellige skrifttyper, se på bakgrunnsfarger
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
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
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
DetaljerOblig 1. 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 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 arngren.net: 1. Nettsiden er SYKT uoversiktlig! 2. Det er
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
DetaljerStilark Cascading Style Sheets - CSS
Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 INF1040-CSS-1 Boks-modellen Et XHTML-dokument er satt sammen
DetaljerStilark Cascading Style Sheets - CSS
Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 Boks-modellen Et XHTML-dokument er satt sammen av elementer
DetaljerOblig 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
DetaljerCSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu
CSS: Style nettsider Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Nå skal vi lære å endre på
Detaljerfile:///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
DetaljerOblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;
Oblig 2: Oppgave 1 Hva og hvorfor Jeg har valgt å lage et nettsted basert på relative målenheter. Det vil si at jeg tar i bruk prosent og em istedenfor pixler. For eksempel: section { width: 50%; height:
DetaljerGUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014
GUI/ SYSTEM DESIGNHÅNDBOK Versjon 1.0 December 2014 GUI designmanual Innhold Her beskrives layout og grafisk profil for systemer og tjenester i Landbruksdirektoratet. Designmanualen er utarbeidet av Ciber
DetaljerWebutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.
Webutvikling Oblig 5 Oppg 1 Her ser du sidebar og widgets som er tilgjengelig. Dette er contact form plugins, funker som kontaktskjema i nettsida, må bruke text fra widgets og kopiere kode blir generert
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
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
DetaljerHTML: Del inn nettsiden
HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen
DetaljerHTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1
Webdesign med Dreamweaver Glemmen vgs - Medier og kommunikasjon 1. januar 2013 Arly Dale 2013 Side 1 Strukturere layout på en webside Layouten på en webside kan organiseres på forskjellige måter. Tidligere
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)
DetaljerCASCADING 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
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
DetaljerRapport obligatorisk oppgave 08 INTERACTIVE INFOGRAPHIC WEBSITE http://annes-portfolio.com/oblig Obligatorisk oppgave 08 : Interactive Infographic Website Oppgaven gikk ut på å lage en hjemmeside som inneholder
DetaljerEKSAMEN. Elektronisk publisering. INNFØRING MED PENN, evt. trykkblyant som gir gjennomslag
Høgskolen i Gjøvik KANDIDATNUMMER: EKSAMEN FAGNAVN: FAGNUMMER: Elektronisk publisering L101G EKSAMENSDATO: 04.01.01 KLASSE: TID: FAGLÆRER: ANTALL SIDER UTLEVERT: TILLATTE HJELPEMIDLER: 99hinga/b, 99hdmua/b
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
DetaljerBildebehandling i GIMP
Bildebehandling i GIMP 9.1 Opprette et dokument & 9.2 Bildestørrelse For å opprette et nytt dokument velger du File > New (Fil > Ny...) Da vil følgende vindu dukke opp: Her er bildets oppløsning satt til
Detaljer1. 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
DetaljerSteg 1: Animasjons-attributtet
CSS: Animasjon Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside, Animasjon Fag: Matematikk, Programmering, Kunst og håndverk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole
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. Svar: Ved første øyekast har utvikleren av nestesiden plasser altfor mange div
DetaljerWebutvikling 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å
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
DetaljerBudskapet 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,
DetaljerREFLEKSJONSNOTAT 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
DetaljerD 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.
DetaljerJavascript. Mer om layout
Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)
DetaljerBRUKERMANUAL KOM I GANG... 2 BLOGGINNLEGG... 4 UNDERSIDER... 6 LAST OPP BILDER/VIDEO... 8 KOMMENTARER PÅ INNLEGG... 9 UTSEENDE...
BRUKERMANUAL KOM I GANG... 2 SKRIV ET INNLEGG... 2 LEGG TIL UNDERSIDE... 2 LAST OPP BILDER... 2 REDIGER MENYINNHOLD... 3 LEGG INN SIDEMENY ELLER BUNNTEKST... 3 TILPASS BLOGGENS DESIGN... 3 BLOGGINNLEGG...
DetaljerHTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag
HTML-del 1. er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag 2. Grafisk elementer på web skal være a) 72 ppi b) 144
DetaljerI denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.
CSS: Skjul ninjaene Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi, Kunst og håndverk
DetaljerEKSAMEN / 6101N WebPublisering
EKSAMEN 6101 / 6101N WebPublisering 09.12.2016 Tid: Målform: Antall sider: 3 timer Bokmål 8 (inkludert denne) Hjelpemidler: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du
DetaljerGrafisk profilhåndbok Retningslinjer for grafisk profil
Grafisk profilhåndbok Retningslinjer for grafisk profil Rudi Stensvold Versjon: 1 November 2013 Innhold Introduksjon Side 2 Logo Beskrivelse Side 3 Presentasjon Side 4 Fargekoder Side 5 Feil bruk Side
Detaljerfile:///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
DetaljerKursdokumentasjon 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
DetaljerVi skal ta vare på profilen vår sammen
Logo og regler Vi skal ta vare på profilen vår sammen For at vi skal få en slagkraftig presentasjon og en sterkt og tydelig merkevare, er det viktig at vi er tydelige og konsekvente i all vår kommunikasjon.
DetaljerInnfø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
DetaljerRammer. Mer om Javascript
Rammer. Mer om Javascript LO130A Kirsten Ribu 11.10.2004 Kirsten Ribu - HiO - LO 130 A 1 I dag Om rammer (Frames) Mer om Javascript Kirsten Ribu - HiO - LO 130 A 2 Innledende om rammer (Frames) Med rammer
DetaljerOppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.
Oblig 1 Oppdatert: 10/09 Nye oppgaver Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 2 (Etter
Detaljerfile:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html
1 of 8 02.04.2015 20:45 Oppsummering fra forrige gang Bakgrunner i DW kan lages både med farger og bilder kan brukes til å lage tiltalende design, skal derimot være obs. på at kontrasten til innholdsteksten
DetaljerPROFILHÅNDBOK Versjon 1.13 Februar, 2013
PROFILHÅNDBOK Versjon 1.13 Februar, 2013 INNHOLD INTRODUKSJON 3 LOGO 4 Plassering 5 Varianter 6 Profilering 7 FARGER 8 TYPOGRAFI 9 KONVOLUTTER 10 BREVARK & VISITTKORT 11 BILDER 12 POWERPOINT 13 NETTSIDE
Detaljerhtml - minikurs ved Sverre Andreas Fekjan webforum
html - minikurs ved Sverre Andreas Fekjan webforum 26.10.11 html er begynner med og slutter med . De fleste er omsluttende: Overskrift Avsnitt
DetaljerCSS: Style nettsider Nybegynner
CSS: Style nettsider Nybegynner Web Introduksjon Nå skal vi lære å endre på stilen til nettsider. I denne oppgaven forventer vi at du har gjort HTML-oppgavene eller er litt kjent med HTML fra før av. I
Detaljer- 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
Detaljerrapport obligatorisk oppgave 05
rapport obligatorisk oppgave 05 Ferdig produkt obligatorisk oppgave 05 illustrasjon / foto I denne oppgaven skulle vi finne en gjenstand fra før 1970, og lage en reklameplakat for denne. Plakaten skulle
DetaljerLogo 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
DetaljerCSS. 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,
DetaljerProsjekteksamen - Web
Prosjekteksamen - Web Helga Westerheim Hus i Varmen 20.09.2013 snellfotoblogg.com 1 KORTFATTET SAMMENDRAG Det ferdige produktet skulle være en web-/skjermbasert presentasjon utarbeidet i HTML eller Flash
DetaljerDenne designmanualen for Private Brand Solutions er utarbeidet av Annette Berg Dahlen 2011. Versjon 1.0-15.12.11
Designmanual for 1 Denne designmanualen for Private Brand Solutions er utarbeidet av Annette Berg Dahlen 2011 Versjon 1.0-15.12.11 2 Innhold Om designmanualen 4 Introduksjon 5 Logo - Print og web 6 Farger
DetaljerRetningslinjer for bruk av logo. Norsk Jernbaneklubb
Retningslinjer for bruk av logo Norsk Versjon 2a 24. mars 2004 1. Formålet med dette dokumentet Norsk har mange avdelinger og fora som benytter klubbens profil. For å ha en helhetlig profil og virke som
DetaljerI denne boken P R O F I L M A N U A L 1
I denne boken P R O F I L M A N U A L 1 2 I N N L E D N I N G I N N H O L D Denne profilmanualen for Pink Slips er et verktøy og hjelpemiddel for utarbeiding av produkter for Pink Slips og gir regler og
DetaljerMer om stiler og stilark. Layout. Litt Design
Mer om stiler og stilark. Layout. Litt Design Webpublisering 13.09.2004 Webpublisering - HiO - Kirsten Ribu - 2004 1 I dag Struktur på hjemmesiden Mer om stiler Stiler og layout Litt om design og farger
DetaljerOblig 5 Webutvikling
Oblig 5 Webutvikling Magnus Kristiansen Oppgave 1 Jeg startet med å laste ned wordpress fra www.wordpress.org, og installerte det gjennom WAMP (lokalserver). Og brukte guiden i https://codex.wordpress.org/child_themes
DetaljerINNHOLD INTRODUKSJON...3 LOGO... 4 TYPOGRAFI...6 FARGER...8 DESIGNELEMENTER...9 POSTALIA... 10
PROFILHÅNDBOK INNHOLD INTRODUKSJON....3 LOGO....................... 4 TYPOGRAFI....6 FARGER....8 DESIGNELEMENTER....9 POSTALIA.................. 10 2 INTRODUKSJON Denne profilhåndboken angir retningslinjer
Detaljerinnenfor grafisk design i fremtiden. Dette fordi jeg selv ønsker at jeg en dag vil bli en av dem.
RAPPORT - INFOGRAFIKK 1. HVA GIKK OPPGAVEN UT PÅ? Ved bruk av opptaksprøvene til Westerdals, så valgte jeg en oppgave som gikk ut på å benytte infografikk for å vise høyskolens utvikling. Men siden jeg
DetaljerKjente saker for nytt grensesnitt for Oria
Oppdatert: 11. februar 2018 Kjente saker for nytt grensesnitt for Oria Aksjonspunkter: Beskrivelse Status pr 19/09 2017 Ferdig? Diskuteres Venter på Ex Libris Utviklingsoppgave Ikke mulig Ønske om at søkefeltet
DetaljerOblig 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
DetaljerBrukerveiledning 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
DetaljerHå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
DetaljerRefleksjonsnotat 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
DetaljerRetningslinjer. 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,
DetaljerTilleggsoppgaver. Avslutning
Dette dokumentet er laget i formatet 1920x1080px og vi anbefaler å åpne PDF filen i fullskjerm. Til å navigere anbefaler vi å bruke piltaster (høyre/venstre) eller pilene vi har lagt til i dokumentet.
DetaljerProfilhå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
DetaljerINF1040 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
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
DetaljerInstallasjon InfoMediaPlayer:
Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.
DetaljerDESIGNMANUAL 2015. Arbeiderpartiet.no
DESIGNMANUAL 2015 Designmanual for arbeiderpartiet I dette dokumentet finner du råd, tips og prinsipper for hvordan Arbeiderpartiet skal framstå visuelt; På nett, i trykksaker og i andre sammenhenger hvor
DetaljerHøgskoleni østfold EKSAMEN
Høgskoleni østfold EKSAMEN Emnekode: Emne: ITF10511 Webutvikling Dato: Eksamenstid: 03/12-2014 09.00-13.00 Hjelpemidler: Faglærer: In en Tom Heine Nått Eksamensoppgaven: Oppgavesettet består av 6 sider
DetaljerOppsummering fra forelesning 1
1 of 25 01.04.2015 16:26 Oppsummering fra forelesning 1 HTML har å gjøre med innhold og struktur skal strengt tatt bare brukes til slikt. alt annet med css CSS kontrollerer utseende: utlegg, skrift og
DetaljerLa 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
DetaljerProfilmanual. 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
DetaljerNettsideplanleggings Guide
Nettsideplanleggings Guide Alt du må ta stilling til når du skal planlegge din smaching nye nettside! Introduksjon Hva denne guiden handler om.. Nettsiden din er en viktig del av ditt foretak om ikke den
DetaljerBrukermanual Prosjekt nr Det Norske Veritas
Prosjekt nr. 2011 22 Brukermanual Hovedprosjektets tittel Implementering av plugin og utvikling av wizard for Det Norske Veritas Prosjektdeltakere Magnus Strand Nekstad s156159 Jørgen Rønbeck s135779 Dato
DetaljerTema 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
Detaljer1. 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
DetaljerKOM 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?...
DetaljerGRAFISK PROFILHÅNDBOK
GRAFISK PROFILHÅNDBOK Revidert april 2016 INNHOLD Introduksjon Brand Grafiske elementer Typografi Farger Maler Profilering Digitalt INTRODUKSJON Dette er en revidert versjon av Ifocus Optikk sin profil
DetaljerProfilhåndbok PROFILHÅNDBOK GLOMMEN SKOG BA
Profilhåndbok PROFILHÅNDBOK GLOMMEN SKOG BA Innhold Innhold CD-rom Innhold profilhåndbok Logofiler til grafisk produksjon Vektoriserte eps-filer laget i Adobe Illustrator CS2. GS_Logo_PMS 575.eps GS_Logo_PMS
DetaljerOppbygging 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
DetaljerWordPress startguide
WordPress startguide INNLEDNING... 2 BLOGGINNLEGG... 3 HVORDAN LEGGE TIL ET BLOGGINNLEGG:... 4 UNDERSIDER... 5 HVORDAN LAGE EN NY SIDE... 6 LAST OPP BILDER/VIDEO... 7 KOMMENTARER PÅ INNLEGG... 8 UTSEENDE...
DetaljerINNHOLD 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
Detaljer1. Om profilen. 2. Logo. 3. Profilfarger. 4. Typografi. 1.1 Vår visuelle profil 1.2 Stemmeleie
Profilmanual 1. Om profilen 1.1 Vår visuelle profil 1.2 Stemmeleie 2. Logo 2.1 Logo 2.2 Logovarianter 2.3 Logo med støttetekst 2.4 Logo med støttetekst under 2.4 Bruksregler logo 3. Profilfarger 3.1 Profilfarge
DetaljerNoen viktige poenger for deg som er typograf eller designer hos produsenter av Tekna kursbrosjyrer:
Tekna kursbrosjyrer Viktige råd til deg som skal lage kursbrosjyrer 2 Generelt om det nye designet og designmalene 3 Forside-design når Tekna er arrangør 4 Forside-design når det er flere arrangører 5
DetaljerSENSORVEILEDNING. Dato: Eventuelt:
SENSORVEILEDNING Emnekode: ITF10511 Emnenavn: Eksamensform: Webutvikling Digital Dato: 03.12.2018 Faglærer(e): Michael A. Lundsveen Eventuelt: Læringsutbytte for emnet KUNNSKAP: Studenten kan forstå nettsteders
DetaljerUNIKS 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
DetaljerDESIGNMANUAL. Funksjonshemmedes fellesorganisasjon
DESIGNMANUAL Funksjonshemmedes fellesorganisasjon Innledning Funksjonshemmedes fellesorganisasjon trengte et visuelt ansiktsløft for å virke mer profesjonelle og for å skape seg en kjennemerke ute på markedet.
DetaljerGRAFISK IDENTITET HVALTORVET PROFILMANUAL
GRAFISK IDENTITET Denne priofilmanualen er laget for å sikre at alle som utarbeider visuell kommunikasjoner for Hvaltorvet følger de samme retningslinjene. Manualen inneholder bruk av logo, fonter, farger,
DetaljerEksamensoppgaven: Oppgavesettet består av fire deler: DEL 1: Påstander, DEL 2: Flervalg, DEL 3: Kodeoppgave og DEL 4: Langsvar.
Informasjon om eksamen EKSAMEN Emnekode og navn: ITF10511 Webutvikling Dato og tid: 3. desember 2018, 4 timer Fagansvarlig: Michael A. Lundsveen Hjelpemidler: Ingen Eksamensoppgaven: Oppgavesettet består
Detaljer