GEO2311. Obligatorisk Innlevering 1

Størrelse: px
Begynne med side:

Download "GEO2311. Obligatorisk Innlevering 1"

Transkript

1 GEO2311 Obligatorisk Innlevering 1 STUDENTER: Kia Simonsen Morten Kappelslåen Gjøvik, Side 1 av 11

2 Innholdsfortegnelse Introduksjon... 3 Del 2 - HTML delen... 4 Del 2 - CSS delen... 9 Del 3 - API Del 3 - Analyse Side 2 av 11

3 Introduksjon Hele obligen er tilgjengelig på våre respektive nettsider: Morten: og Kia: Der finner du linker til samtlige deler av obligen. Men for å sikre at vi ikke kan endre filer etter innlevering, leveres samtlige filer i Fronter. Dette dokumentet inneholder detaljert beskrivelse og forklaring på HTML, CSS, Java, og API. I tillegg er en utredelse av analysen av turdataene gjort i Excel for Del 3. Side 3 av 11

4 Del 2 - HTML delen HTML Forklaring <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> <title>oblig 1, Geografiske informasjonsbehandling</title> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> </head> <body> <h1>del 1 - To webkart på én side</h1> Startkode til et html dokument Her stater HTML en Head er den bestemmende del til HTML koden. Her ligges alle regler til ting og link til andre filer inn. Dette er linken til CSS filen som står for sidens designe og oppsett Tittel er et navn vi gir prosjektet, dette påkrevet i alle HTML dokumenter. Tittel tag et et definerer tittelen på dokumentet og bruges bl.a. i browser verktøyet Denne meta tag gjør nettsiden tilpasningsdyktig til forskjellige skjerm størrelser (for eksempel mobil internett) UTF-8 er den html versjon som kan forstå norske æ ø å bokstaver Slutt på head Korpen på HTML en starter. Her ligger alle koderne og selve innholdet i HTML filen. <h1/> er forkortelsen for heading 1, som er en overskrift. Der er 4 i alt med hver deres størrelser. Størrelsen er underordnet da vi definere den i CSS-filen. Side 4 av 11

5 <h2>lillehammer</h2> <p><strong> Lillehammer er en kommune sør for Gudbrandsdalen i Oppland, ved nordenden av Mjøsa. </strong><br> Den grenser i nord mot Øyer, i sørøst mot Ringsaker, i sør mot Gjøvik, i sørvest mot Nordre Land, og i vest mot Gausdal. Sentrum, Nordre/Søre Ål, Røyslimoen og Vårsetergrenda ligger på østsiden der Lågen renner ut i Mjøsa. Jørstadmoen, Fåberg og Rudsbygd ligger nord for Sentrum, og Vingnes på vestsiden av Mjøsa. Lillehammer blir også kalt «dølabyen» ut fra sin sin beliggenhet ved inngangsporten til Gudbrandsdalen.<br> Kilde: <a href="https://no.wikipedia.org/wiki/lillehammer">wikipedia</a>. Overskrift h2 <p> er en paragraf/en teks sekvens. <strong> funksjonen gjør innholdets tekst Fet. Br er linjeskift, så der er mellomrom mellom tekstens over og under del. <a> er et link til en hjemmeside, i dette tilfelle til wikipedia. Linket ligger som en attributt inne i elementet. Navnet på linket er element innholdet. <br> </p> <h3>plassering i landet</h3> <div id="googlemap"> <script> var lhmr = lat: , lng: ; var map; function initmap() Slutt på teks sekvens Linjeskift Overskrift 3 Inne i div defineres vår googlemap s id Her starter java script et Var lhmr = setter en variabel. Variabelen inneholder koordinatene latitude og longitude for hvor kortet skal starte. Katet tegnes ut fra nederst venstre hjørne. Variabelen map settes Map inneholder en funksjon som vi gir navnet initmap, og den har ingen parameter inne i paratesen. indikerer at funksjonens innhold starter her Side 5 av 11

6 map = new google.maps.map(document.getelementbyid('googlemap'), center: lhmr, zoom: 6, //maptypeid: google.maps.maptypeid.satellite, maptypeid: google.maps.maptypeid.terrain ); //Legger til rektangel var rectangle = new google.maps.rectangle( strokecolor: '#FF0000', strokeopacity: 0.8, strokeweight: 3, fillcolor: '#FF0000', fillopacity: 0.00, map: map, bounds: Map som vi tidligere har definert, henter kartet i google maps lhmr som vi tidligere definert, bruger vi til at fortelle hvad som skal vises på kartet. Zoom nivået skal være 6 Karttypen indikeres her, som enten satellitt bilde Eller terreng Her legges et rektangel til kartet En variabel defineres til rectangle som er lig med en rektangel funktion fra google map. Omriss Fargen Omriss gjennomsiktigheten Omriss tykkelsen Fyll fargen Fyll gjennomsiktigheten Vi bruker variabelen map (vår google map) til bakgrund til rektaglen Utbredelse på rektanglet (størrelsen) //Mindre rektangel /* north: , south: , En lille rektangel. Satt inn som note for at den ikke skal leses Side 6 av 11

7 east: , west: */ //Større rektangel north: , south: , east: , west: ); </script> </div> En større rektangel (den vi bruker) Javaskript slut Div slut <script src="https://maps.googleapis.com/maps/api/js?key=aizasydcvvo- FTbVbbv7Kracd8vs62Vhn09b81U&callback=initMap" async defer> Javaskript start Key = er API nøkkelen som er vår tillatelse til at bruke google map Denne del av javaskripen siger at kartet skal lastet til sist. Dette gjør nettsiden mindre tung at laste. <br> <br> <br> </script> <h3>kommunekart</h3> <div id="wms_lhmr"> Javaskript slut Linjeskift Linjeskift Linjeskift En ny overskrift Inne i div defineres vår WMS karts id Side 7 av 11

8 <img src=" &REQUEST=GetMap &CRS=EPSG:32633 &BBOX= , , , &WIDTH=600 &HEIGHT=400 &LAYERS=topo2_WMS &FORMAT=image/png "/> </div> Vi bruker bilde taget til å vise WMS-kart Her er linket WMS kartet kommer fra (statens kartverk) Versjonen Kommandoen til at hente overnevnte kart Bestemmelse av hvilket koordinatsystem som vi vil bruke. Koordinatene til kartes venstre- og høgre nedre hjørne. Kartets brede i pixel Kartets høgde i pixel WMS laget er et topografisk lag Og formatet er et bilde (.png) Slutt på bilde tagen Slutt på div en <br> Linjeskift <a href="javascript:javascript:history.go(-1)">tilbake til hovedmeny</a> </body> </html> Vi bruker her et link tag til å sette inn en javaskrit som gjør det mulig at gå en web Page tilbake. Navnet på tagen bliver sa tind som element innholdet Slutt på html kroppen Slutt på html filen Side 8 av 11

9 Del 2 - CSS delen /* Base styles */ CSS Kommentar til os selv Forklaring html, body margin: 15px; padding: 0; color: #333; background-color: #eee; Hele html kroppen får definert en felles «style» her margin på 15 pixel mellomrum fra rammen til 0 (da der ikke er en ramme) fargen til svart bakgrunds farge til lysegrå font: 16px "Helvetica Neue", Helvetica, Arial, Geneva, sansserif; Skrift størrelse 16 pixel, Skriftformat Helvetica Neue. I tilfælde af en netlæser ikke understøtter skriftformatet er der nevnt 4 andre formater. h1,h2,h3,h4,h5,h6 margin: 0 0.5em; font-weight: 500; line-height: 1.1; Alle overskriftene «styles» her Margin på em (som er et universal pixel størrels) Tykkelsen på teksten Linje avstand h1 font-size: 2.25em; /* 36px */ h2 font-size: 1.75em; /* 28px */ h3 font-size: 1.375em; /* 22px */ h4 font-size: 1.125em; /* 18px */ h5 font-size: 1em; /* 16px */ Her defineres de forskjellige overskrifters størrelse i universal pixel størrelse. Det de svare til i normal pixel er skrevet som kommentar. Side 9 av 11

10 h6 font-size:.875em; /* 14px */ p margin: em; line-height: 1.5; All normal tekst får en magin her og halvanden linje afstand #googlemap #WMS_lhmr /*float: left;*/ width: 600px; height: 400px; padding: 0px; border: 5px solid black; margin: 0px; /*float: left;*/ width: 600px; height: 400px; padding: 0px; border: 5px solid black; margin: 0px; Google maps størrelse, gjennomsiktighet, margin, og ramme defineres her (vi fikk ikke float funksjonen til at fungerer, derfor er den i kommentar) WMS karter «style» defineres her Igjen er float i kommentarfelt da vi ikke fikk denne funksjon til at virke Bredde Høgde Gjennomsiktighet Ramme Og margin Side 10 av 11

11 Del 3 - API API står for Application Programming Interface. Det er et grensesnitt av et programvare, i vår tilfelle googlemaps. Via denne API for vi tilgang til spesifikke dele av programvaren som vi så kan kjører inne i vår internettside. Et annet eksempel for bruk av Google Maps API (mtp. kart) er Totenbadets hjemmeside. Link: Del 3 - Analyse Vi analyserte først dataene i ArcMAP, men oppdager raskt at det eneste vi kunne få herfra var høydemeter. Da arbeidet vi videre i Excel, men dataene måtte behandles for å kunne analyseres. Vi konverterte GPX-filen til en.csv fil. Dette gjorde at vi kunne importere filen til Excel. Deretter måtte vi splitte noen celler for å få ut den delen av dataene vi kunne jobbe med. Videre kunne vi beregne avstand, hastighet, høydemeter og finne middel-, bunn- og toppunkter vedr. hastighet. Vi måtte benytte flere av Excels innebygde matematiske funksjoner. Merk: Vi oppdaget en grove feil i dataene. Dette var spesielt synlig i høyder. Vi fjernet en del tydelige feil (~ høydemeter på under 10 sekunder). Fra tidligere GNSS-lære, vet vi at tett skog er en dårlig forutsetning for gode signaler, og det er spesielt høydene som er det svake punktet til denne teknologien. Dette er kommentert på siden hvor dataene presenteres. Side 11 av 11

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

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

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

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med

I 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

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. Når man tar pilen over fanene, dukker det opp utrolig mange tagger. Dvs alt er

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

CSS: Endre utseende og stil på tekst Nybegynner

CSS: 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

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

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

CSS: Style nettsider Nybegynner

CSS: 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

- reklamebannere mobil og tablet

- reklamebannere mobil og tablet Spesifikasjoner - reklamebannere mobil og tablet FINN.no Versjon 2.4 Sist oppdatert 16.08.2013 1. Innhold Innhold Introduksjon Målsetning Spesifikasjoner HTML Fysisk størrelse 225 px* Eksempler Størrelser

Detaljer

GEO2311 Obligatorisk Innlevering 2

GEO2311 Obligatorisk Innlevering 2 GEO2311 Obligatorisk Innlevering 2 Skjermdump fra den ferdige nettsiden STUDENTER: Kia Simonsen Morten Kappelslåen Gjøvik 24.11.2015 Innholdsfortegnelse Innledning... 3 Rapport... 3 Statistisk data innsamling...

Detaljer

CSS: Animasjon Nybegynner

CSS: 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

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

Bildebehandling i GIMP

Bildebehandling 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

Detaljer

Javascript. Mer om layout

Javascript. 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 ;-)

Detaljer

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.

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. 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

Detaljer

HTML: Del inn nettsiden

HTML: 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

Detaljer

Bilder, tabeller. Kirsten Ribu 26.09

Bilder, 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

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

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

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

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

(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 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;

Oblig 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:

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

MMT105 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

Detaljer

html - minikurs ved Sverre Andreas Fekjan webforum

html - 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

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

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

Mer om stiler og stilark. Layout. Litt Design

Mer 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

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

HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1

HTML5 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

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

JS: Partikkel-animasjon Nybegynner

JS: Partikkel-animasjon Nybegynner JS: Partikkel-animasjon Nybegynner Web Introduction I denne oppgaven skal vi bruke JavaScript til å få figurer vi å bevege seg. Vi skal altså lære å animere ved hjelp av JavaScript og noe som heter Canvas.

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

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

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

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

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

Følgende «tommelfinger-regler» bør (må) følges:

Følgende «tommelfinger-regler» bør (må) følges: Notat Denne «oppskriften» er basert på erfaringer om hva som går bra når en benytter Word til å lage navigasjonsdiagrammer. Det finnes sikkert andre måter som også gir et brukbart resultat. Det er bare

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

Løpende strekmann Erfaren Videregående Python PDF

Løpende strekmann Erfaren Videregående Python PDF Løpende strekmann Erfaren Videregående Python PDF Introduksjon I denne oppgaven skal du lage et spill der du styrer en strekmann som hopper over hindringer. Steg 1: Ny fil Begynn med å lage en fil som

Detaljer

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014

GUI/ 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

Detaljer

Brukerveiledning http://www.hovikif.no/ Bruk av siden. Når du går inn på siden får du opp følgende bilde:

Brukerveiledning http://www.hovikif.no/ Bruk av siden. Når du går inn på siden får du opp følgende bilde: Brukerveiledning http://www.hovikif.no/ Bruk av siden Når du går inn på siden får du opp følgende bilde: Øverst i høyre hjørne kan du endre størrelsen på teksten og søke etter lagrede artikler. De enkelte

Detaljer

Stilark Cascading Style Sheets - CSS

Stilark 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

Detaljer

Stilark Cascading Style Sheets - CSS

Stilark 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

Detaljer

INF1040 Oppgavesett 2: Nettsider og XHTML

INF1040 Oppgavesett 2: Nettsider og XHTML INF1040 Oppgavesett 2: Nettsider og XHTML (Kapittel 4) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der

Detaljer

Oppgavesamling til Webutvikling < >

Oppgavesamling til Webutvikling < > TOM HEINE NÄTT EVA M. HORNNES JOSTEIN NORDENGEN Oppgavesamling til Webutvikling Oppdatert 08.09.2016 < > 2 Kapittel 1 Introduksjon til webutvikling 1.1 Hva husker du? Teori: Gå sammen to og to og besvar

Detaljer

AUTOCAD 2008. Artikkelserie. Tabeller

AUTOCAD 2008. Artikkelserie. Tabeller Odd-Sverre Kolstad AUTOCAD 2008 Artikkelserie Tabeller Gyldendal Norsk Forlag AS 2007 Omslag Marianne Thrap Redaktør: Rune Kjelvik Formgiver: Rune Kjelvik 1. opplag ISBN 978-82-05-37108-8 Alle henvendelser

Detaljer

Retningslinjer for bruk av logo. Norsk Jernbaneklubb

Retningslinjer 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

Detaljer

En bedre verden med AJAX

En bedre verden med AJAX En bedre verden med AJAX Frode Eika Sandnes Hva er AJAX Har ikke noe med rengjøringsmidler å gjøre AJAX er et (morsomt) akronym Asynchronous Javascript And XML Henskikt: lage interaktive webapplikasjoner

Detaljer

1. XHTML. Innhold Innledning

1. XHTML. Innhold Innledning Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag XHTML Lene Hoff 19.9.2006 Lærestoffet er utviklet for faget XML Teknologi 1. XHTML Resymé: I denne leksjonen skal vi ta for oss standarden

Detaljer

Kodetime for Nordstrand barneskole

Kodetime for Nordstrand barneskole Kodetime for Nordstrand barneskole av Veronika Heimsbakk og Lars Erik Realfsen 1 Hva er Processing? Processing er et programmeringsspråk som er gratis, og tilgjengelig for alle! Man kan programmere i Processing

Detaljer

GISLINE Webinnsyn. Webklient: http://webhotel3.gisline.no/webinnsyn_sandnes/vis/webinnsyn_sandnes. Trykk på link - dette bildet kommer frem.

GISLINE Webinnsyn. Webklient: http://webhotel3.gisline.no/webinnsyn_sandnes/vis/webinnsyn_sandnes. Trykk på link - dette bildet kommer frem. GISLINE Webinnsyn Webklient: http://webhotel3.gisline.no/webinnsyn_sandnes/vis/webinnsyn_sandnes Trykk på link - dette bildet kommer frem. Søkefelt, søkeresultat synlig automatisk ved søk URL til identisk

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

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

Lyd og video på nettsider

Lyd og video på nettsider Lesson 8 Lyd og video på nettsider 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

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

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Manual for innlegging av standard sideinnhold og nyheter via «backend» Manual for innlegging av standard sideinnhold og nyheter via «backend» 23.3.2006 Utarbeidet av: 2 Innlogging og beskrivelse av hovedelement i «backend» For å få tilgang til redigeringsmodul velges følgende

Detaljer

EKSAMEN (Konvertert fra en gammel PHP-eksamen)

EKSAMEN (Konvertert fra en gammel PHP-eksamen) EKSAMEN (Konvertert fra en gammel PHP-eksamen) Emnekode: Emne: ITF10208 Webprogrammering 1 Dato: Eksamenstid: 30/05-2012 09.00-13.00 Hjelpemidler: 2 A4 ark (4 sider) med egenproduserte notater (håndskrevne/maskinskrevne)

Detaljer

OBLIG 2 WEBUTVIKLING

OBLIG 2 WEBUTVIKLING OBLIG 2 WEBUTVIKLING Oppgave 1 Design ved hjelp av skisser eller wireframes et nettsted med et "avansert" design. Lag spesifikke design for ulike skjermstørrelser og utskrift. Fokuser spesielt på å få

Detaljer

PROFILHÅNDBOK Versjon 1.13 Februar, 2013

PROFILHÅ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

Detaljer

Web-tjenester for presentasjon av sportsdata (fotball). v. 3.0, 23/2/2014

Web-tjenester for presentasjon av sportsdata (fotball). v. 3.0, 23/2/2014 BRUKERVEILEDNING Web-tjenester for presentasjon av sportsdata (fotball). v. 3.0, 23/2/2014 Innholdsfortegnelse 1 Innledning... 3 1.1 Abonnement... 3 1.2 Begrensninger i bruk av tjenestene... 3 1.3 Tekniske

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

the web Introduksjon Lesson

the web Introduksjon Lesson Lesson 1 the web 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

* Menylinje: Tekst skiftar farge til kvit og tjukkare når musepekar kjem over - og gul boks bak.

* Menylinje: Tekst skiftar farge til kvit og tjukkare når musepekar kjem over - og gul boks bak. www.cytox.no Breidde - 1170 px Hjem - hovedsider/undersider i fast oppsett, aktuelt (nyhetsmodul) og kontaktskjema på kontakt oss side. HJEM * Menylinje: Tekst skiftar farge til kvit og tjukkare når musepekar

Detaljer

GoOnline Site Search

GoOnline Site Search GoOnline Site Search Beskrivelse Innhold 1. Generelt a. Informasjon om dette dokumentet b. Versjon 2. Indeksering 3. Søk a. Indeksering av produkt b. Indeksering av ordinær side c. Indeksering mot 3.parts

Detaljer

JS: Trykkomania Nybegynner Web Lærerveiledning

JS: Trykkomania Nybegynner Web Lærerveiledning JS: Trykkomania Nybegynner Web Lærerveiledning Introduksjon Denne oppgaven viser deg hvordan du kan lage et spill med JavaScript og dele det med vennene dine. Spillet kalles Trykkomania fordi det handler

Detaljer

Vedlikeholde nettstedet i Joomla 2.5 +

Vedlikeholde nettstedet i Joomla 2.5 + Vedlikeholde nettstedet i Joomla 2.5 + Innlogging: Klikk deg inn på din nettside. I menyen på ditt nettsted vil det være en link til logg inn eller adm. Klikk på denne og logg inn med det brukernavnet

Detaljer

Rammer. Mer om Javascript

Rammer. 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

Detaljer

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. 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,

Detaljer

Læringsmål XML. Markering av tekst. SGML-familien. Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan.

Læringsmål XML. Markering av tekst. SGML-familien. Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan. Markeringsspråk og XML Læringsmål XML Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan.

Detaljer

InfoRed Publisering. - produktbeskrivelse. TalkPool WebServices Postboks Åneby

InfoRed Publisering. - produktbeskrivelse.  TalkPool WebServices Postboks Åneby InfoRed Publisering - produktbeskrivelse www.talkpool.no TalkPool WebServices Postboks 90 1484 Åneby InfoRed Produktbeskrivelse 2 Sammendrag InfoRed Publisering er produktet for å administrere en hel informasjonstjeneste,

Detaljer

Om plotting. Knut Mørken. 31. oktober 2003

Om plotting. Knut Mørken. 31. oktober 2003 Om plotting Knut Mørken 31. oktober 2003 1 Innledning Dette lille notatet tar for seg primitiv plotting av funksjoner og visualisering av Newtons metode ved hjelp av Java-klassen PlotDisplayer. Merk at

Detaljer

Farger Introduksjon Processing PDF

Farger Introduksjon Processing PDF Farger Introduksjon Processing PDF Introduksjon På skolen lærer man om farger og hvordan man kan blande dem for å få andre farger. Slik er det med farger i datamaskinen også; vi blander primærfarger og

Detaljer

Retningslinjer for børsmeldinger via Internett

Retningslinjer for børsmeldinger via Internett Retningslinjer for børsmeldinger via Internett Versjon 3.2 / 08.11.2001 Innholdsfortegnelse 1. Innledning...3 2. Programvare...3 3. Tilgang til systemet...4 4. Navigering...5 5. Børsmelding...5 5.1 Velg

Detaljer

EKSAMEN. Emne: Innføring i informasjons- og kommunikasjonsteknologi

EKSAMEN. Emne: Innføring i informasjons- og kommunikasjonsteknologi EKSAMEN Emnekode: LA101IKT Emne: Innføring i informasjons- og kommunikasjonsteknologi Dato: 26.11.2010 Eksamenstid: kl. 09:00 til kl. 15:00 Hjelpemidler: Ingen trykte, kun hjelpefunksjoner på datamaskinen

Detaljer

Kanter, kanter, mange mangekanter

Kanter, kanter, mange mangekanter Kanter, kanter, mange mangekanter Nybegynner Processing PDF Introduksjon: Her skal vi se på litt mer avansert opptegning og bevegelse. Vi skal ta utgangspunkt i oppgaven om den sprettende ballen, men bytte

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

Brukerveiledning mal for masteroppgaver ved Høgskolen i Hedmark

Brukerveiledning mal for masteroppgaver ved Høgskolen i Hedmark Brukerveiledning mal for masteroppgaver ved Høgskolen i Hedmark 1. Kontakt spørsmål og svar Dette er en generell veiledning for oppgaveskriving for de som bruker Microsoft Word. Veiledningen er særlig

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

Oblig 3 Webutvikling

Oblig 3 Webutvikling 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 SEO-konsulent for disse i én uke. På denne uken skulle du gjennomført

Detaljer

Installasjon InfoMediaPlayer:

Installasjon 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.

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

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO Innhold Kapitel 1 - Registrering og innlogging... 2 Kapitel 2 - Lage ny artikkel uten bruk av bilder eller annen grafikk... 3 Kapitel 2a - Ingress... 4 Kapitel 3

Detaljer

Komme igang med App Inventor Introduksjon App Inventor PDF

Komme igang med App Inventor Introduksjon App Inventor PDF Komme igang med App Inventor Introduksjon App Inventor PDF Introduksjon Dette er en introduksjon til MIT App Inventor, hvor du skal lære å lage applikasjoner til Android. Å lage apps i App Inventor er

Detaljer

Montering med Word. Hallvard Slettebø. Stavanger Filatelist-Klub

Montering med Word. Hallvard Slettebø. Stavanger Filatelist-Klub Montering med Word Hallvard Slettebø Hvorfor montere med data? Fint resultat Lettvint når du har lært det Lettvint å gjøre endringer Det er like mye arbeid som før med å bestemme layout, måle objekter

Detaljer

BRUK AV TEKSTEDITOREN

BRUK AV TEKSTEDITOREN Dynamisk Internett-publisering med DM Web BRUK AV TEKSTEDITOREN BRUKERVEILEDNING 2007 Datamann AS er Brukermanualen er utarbeidet av Datamann AS Postboks 74 9551 ØKSFJORD Telefon 78 45 95 00 Telefaks 78

Detaljer

Grunnleggende om websider og HTML-kode

Grunnleggende om websider og HTML-kode Grunnleggende om websider og HTML-kode Html er et språk / en standard som brukes for å gi instrukser til nettlesere om hvordan ulike elementer på en webside skal fortolkes og presenteres for en sluttbruker.

Detaljer

Halloweenimasjon Introduksjon Scratch PDF

Halloweenimasjon Introduksjon Scratch PDF Halloweenimasjon Introduksjon Scratch PDF Introduksjon Vi vil her se på hvordan vi kan lage forskjellige animasjoner med et Halloween-tema. Disse kan vi enten dele med vennene våre gjennom Scratch, eller

Detaljer

Vårt nyttårsløfte: Nytt og bedre bybusstilbud i Lillehammer

Vårt nyttårsløfte: Nytt og bedre bybusstilbud i Lillehammer Vårt nyttårsløfte: Nytt og bedre bybusstilbud i Lillehammer Fra 1.1.2008 Ikke alt var bedre før Noe er bedre nå, og vi har gleden av å gi deg et bedre bybusstilbud i Lillehammer. Vi ønsker at flere skal

Detaljer

Introduksjon til Telltur

Introduksjon til Telltur Introduksjon til Telltur DEL 1. Hvordan opprette en Telltur bruker DEL 2. Finn turmål DEL 3. Registrering av tur DEL 4. Hvordan opprette og endre brukere for andre DEL 5. Hvordan opprette en Kommune side

Detaljer

Ajourhold av DMK i FYSAK F2.6 Kokebok Norsk institutt for skog og landskap, Steinkjer

Ajourhold av DMK i FYSAK F2.6 Kokebok Norsk institutt for skog og landskap, Steinkjer Ajourhold av DMK i FYSAK F2.6 Kokebok Norsk institutt for skog og landskap, Steinkjer Innhold Forberedelser... 2 Innstillinger... 2 Åpning av DMK-base og ortofoto... 3 Redigering... 5 Rediger markslagsgrenser...

Detaljer

Compello Invoice Approval

Compello Invoice Approval Compello Invoice Approval Godkjenning Webmodul brukerdokumentasjon Nettbrett og desktop via nettleser Index 1 Innledning... 3 2 Funksjonalitet... 4 Nettbrett og desktop via nettleser... 4 2.1.1 Desktop

Detaljer

Om kart. Jon Holmen & Christian-Emil Ore. DH-seminar UiO 27.01.2015

Om kart. Jon Holmen & Christian-Emil Ore. DH-seminar UiO 27.01.2015 Om kart Jon Holmen & Christian-Emil Ore DH-seminar UiO 27.01.2015 T- og O-kart er fra 1472 Det eldste kjente trykket av et T- og O-kart er fra 1472 og viser at kontinentene er bebodd av etterkommerne etter

Detaljer

Veileder fra Skog og landskap AJOURHOLD AV AR5. Manuskart versjon 2015-02-05. Norsk institutt for skog og landskap, Pb 115, NO-1431 Ås

Veileder fra Skog og landskap AJOURHOLD AV AR5. Manuskart versjon 2015-02-05. Norsk institutt for skog og landskap, Pb 115, NO-1431 Ås Veileder fra Skog og landskap AJOURHOLD AV AR5 Manuskart versjon 2015-02-05 Norsk institutt for skog og landskap, Pb 115, NO-1431 Ås 1 INNHOLD 1. INNLEDNING... 3 2. KLARGJØRE MANUSKART... 3 2.1. Skrive

Detaljer

VEJLEDNING. Oplad batteriet 8 12 timer ved første opladning. Herefter 3 5 timer

VEJLEDNING. Oplad batteriet 8 12 timer ved første opladning. Herefter 3 5 timer VEJLEDNING OPLADNING Oplad batteriet 8 12 timer ved første opladning. Herefter 3 5 timer START 1. Indsæt simkort og batteri. (Husk at vælge pinkode fra inden du sætter simkortet i enheden, det gøres ved

Detaljer

www.lakselvdal.no Brukerkurs 16.februar 2012

www.lakselvdal.no Brukerkurs 16.februar 2012 Brukerkurs 16.februar 2012 Kort introduksjon til world wide web og struktur der. Forskjellige måter å lage seg en hjemmeside på. Hvordan vi i Lakselvdal gjør det. Og viktigst av alt, utdanne flere til

Detaljer

Klask-en-Muldvarp. Steg 1: Gjøre klart spillbrettet. Sjekkliste. Introduksjon

Klask-en-Muldvarp. Steg 1: Gjøre klart spillbrettet. Sjekkliste. Introduksjon Klask-en-Muldvarp Introduksjon App Inventor Introduksjon I denne oppgaven skal vi lage et veldig enkelt spill med litt animasjon. Det som skal skje er at en muldvarp hopper rundt på spillbrettet mens du

Detaljer