HTML5 og CSS3. - Fremtiden på web: struktur, semantikk og styling. Yggdrasil, Tønsberg

Størrelse: px
Begynne med side:

Download "HTML5 og CSS3. - Fremtiden på web: struktur, semantikk og styling. christine.lund@evita.no. Yggdrasil, Tønsberg - 12.10.2010"

Transkript

1 HTML5 og CSS3 - Fremtiden på web: struktur, semantikk og styling Yggdrasil, Tønsberg

2 Christine Lund Enterprise 2.0: konsulent, teamleder, fagansvarlig

3

4 Kort introduksjon til dagens WEB TEKNOLOGIER

5

6 1991: HTML 1994: HTML : CSS 1 + JavaScript 1997: HTML : HTML : CSS : XHTML : Tableless Web Design 2005: Ajax 2005: CSS3 2009: HTML 5 6

7 <innhold> HTML5 </innhold>

8 HTML5 NYE ELEMENTER <header>, <nav>, <article>, <section>, <aside>, <footer> <figure> <canvas> <audio> & <video> FORMS JS APIs DRAG & DROP GEOLOCATION STORAGE 8

9 HTML5: NYE ELEMENTER

10 <header>, <nav>, <article>, <section>, <aside>, <footer> Nye elementer som lar oss bygge opp siden på en enklere måte en tidligere Før HTML5 brukte man <div> tags for å strukturere opp siden, nå har man egne logiske elementer Søkemotoroptimalisering Tilgjengelighet <body> <header>...</header> <nav>...</nav> <article> <section>... </section> </article> <aside>...</aside> <footer>...</footer> </body> <hgroup>, <time>, <mark> 10

11 <body> <header>...</header> <nav>...</nav> <article> <section>... </section> </article> <aside>...</aside> <footer>...</footer> </body> <section> <h1>level 1</h1> <section> <h1>level 2</h1> <section> <h1>level 3</h1> </section> </section> </section> 11

12 <figure> <figure> <img src="shocked_woman.jpg" /><br /> <figcaption>this woman is shocked or maybe surprised.</figcaption> </figure> 12

13 <canvas> iphone Android API for å kunne tegne grafiske elementer rett i nettleseren Canvas er et rektangel i nettsiden hvor du kan benytte JavaScript for å tegne det du måtte ønske i siden WebGL IE7+: explorercanvas library DEMO <canvas id="canvas" width="150" height="150"></canvas> <script type="application/x-javascript"> function draw() { var canvas = document.getelementbyid("canvas"); if (canvas.getcontext) { var ctx = canvas.getcontext("2d"); ctx.fillstyle = "rgb(40,0,0)"; ctx.fillrect (20, 20, 65, 60); ctx.fillstyle = "rgba(0, 0, 160, 0.5)"; ctx.fillrect (40, 40, 65, 60); } } </script>... moveto(x,y) lineto(x,y) stroke();... 13

14 <audio> & <video> iphone Android Enklere bruk av multimedia elementer i nettsidene Opera, Chrome og Firefox støtter Ogg Theora video formatet, mens Safari, Chrome, iphone og Android støtter H.264. I fremtiden vil de fleste nettlesere støtte WebM <audio src='sound.mp3' controls /> <video width='600px' src='video.mp4' id='my_video' loop autoplay controls /> Opera, Chrome og Firefox støtter Vorbis audio formatet, mens Safari, Chrome, iphone og Android støtter AAC+MP4 For å kunne vise video på tvers av alle plattformer må man ha video på flere format! DEMO 14

15 HTML5: FORMS

16 FORMS placeholder tekst Kunne foreslå tekst i et inputfelt autofocus Sette fokus på et gitt felt i skjemaet Sjekk på om feltet er en gyldig e-post adresse url Sjekk på om feltet er en gyldig url range Sjekk på at verdien er innenfor et gitt intervall color Komponent som lar brukeren velge en farge og returnerer hex-verdien til fargen datetime Komponent som lar brukeren velge dato og tid DEMO 16

17 HTML5: JS APIs

18 JS APIs Drag & Drop Geolocation Storage 18

19 DRAG & DROP We need: Something to drag A drop target JavaScript event handlers on the target to tell the browser it can drop DEMO 19

20 GEOLOCATION Lar brukeren dele sin lokasjon med nettsteder man stoler på iphone Android Basert på IP adresse, trådløs nettverksforbindelse, basestasjon for telefon, GPS (mobil) Lengdegrad og breddegrad er tilgjengelig for JavaScript i siden altitude, accuracy, altitudeaccuracy, heading, speed User Agents must not send location information to Web sites without the express permission of the user DEMO 20

21 STORAGE Local storage (Web storage, DOM storage) Session storage (variant of Local storage) Database storage (SQL storage) DEMO 21

22 SESSION STORAGE iphone Android Mer plass å lagre data på enn 4KB (hvor mye er nettleser spesifikt) Data sende ikke automatisk på hvert HTTP request, men man kan styre hvilke key/value par som skal sendes Data er knyttet til vindu/tab hvor disse ble opprettet, dvs. hvert vindu/tab har sitt eget sesjonsobjekt Benyttes for å lagre data viktig for denne sesjonen, siden data fjernes når man lukker vinduet SESSION STORAGE sessionstorage.setitem('fullname', 'Chris Lund'); // defining the session variable alert("your name is: " + sessionstorage.getitem('fullname')); // accessing it alert("hello " + sessionstorage.fullname); // another way of accessing the variable sessionstorage.removeitem('fullname'); // finally unset it 22

23 LOCAL STORAGE iphone Android Funksjonelt sett lik session storage, men forskjellig persistence og scope Persistence: benyttes for å lagre data over lang tid (dvs. utover denne sesjonen), data lagres selv om vindu/tab lukkes Scope: data er tilgjengelig i alle åpne vindu/tabs LOCAL STORAGE localstorage.setitem('fullname', 'Chris Lund'); // defining the localstorage variable alert("your name is: " + localstorage.getitem('fullname')); // accessing it alert("hello " + localstorage.fullname); // another way of accessing the variable localstorage.removeitem('fullname'); // finally unset it 23

24 DATABASE STORAGE iphone Benytter SQLite database Ikke key/value, men en faktisk database Benyttes dersom man har store mengder data som må lagres var database = opendatabase("database Name", "Database Version"); database.executesql("select * FROM test", function(result1) { // do something with the results database.executesql("drop TABLE test", function(result2) { // do some more stuff alert("my second database query finished executing!"); }); }); 24

25 <presentasjon> CSS3 </presentasjon>

26 CSS3 COLOR BACKGROUNDS BORDERS TEXT & SPEECH TRANSFORMATION 26

27 CSS3: COLOR, BACKGROUNDS & BORDERS

28 COLOR Opacity Kunne justere opacity for presentasjonen av et gitt element Parameteret tar en verdi fra 0.0 til 1.0 (0.0 er helt transparent, 1.0 er ikke transparent) RGBA Color Lik RGB definisjonen, men tar et fjerde parameter som definerer alpha verdien til fargen Parameteret tar en verdi fra 0.0 til 1.0 HSL/A Color HSL står for hue (kulør), saturation (fargemetning), lightness (valør). Kulør er en grad/punkt i en fargesirkel, fargemetning er et tall angitt i prosent og valør er et tall angitt i prosent HSL/A er lik HSL definisjonen, men tar et fjerde parameter som definerer alpha verdien til fargen Parameteret tar en verdi fra 0.0 til 1.0 DEMO (gradients) 28

29 BACKGROUNDS background-size Definerer størrelsen på bakgrunnsbildet som benyttes background-image (multiple bakckground images) Tillater at man kan spesifisere flere bilder som en del av bakgrunnsbildet på et element background-clip Avgjør om bakgrunnsbildet legger seg under border eller inntil border background-clip: border-box; (under) background-clip: padding-box; (inntil) background-origin Avgjør hvordan background-position kalkuleres border-box, padding-box, content-box DEMO (multiple background images) 29

30 BORDERS border-color (kun Firefox) Gjør at man kan spesifisere flere farger på kantene (borders) til et element border-image Tillater oss å benytte bilder som borders på et element Man definerer hvilken del av bildet som skal brukes på kantene, og hvilken del av bildet som skal repeteres over innholdet i elementet 30

31 BORDERS border-radius Gir runde hjørner på elementet basert på oppgitt radius (piksler) Runde hjørner kan benyttes på alle hjørnene eller man kan spesifisere enkelte hjørner box-shadow Viser elementet med en «drop-shadow» Første parameter er horisontal offset, andre parameter er vertikal offset, tredje parameter er blur radius og fjerde parameter er fargen som skal benyttes 31

32 CSS3: TEXT & SPEECH

33 TEXT text-shadow Viser teksten med en «drop-shadow» Første parameter er horisontal offset, andre parameter er vertikal offset, tredje parameter er blur radius og fjerde parameter er fargen som skal benyttes text-overflow Definerer presentasjonen av teksten dersom teksten går utenfor det definerte området text-overflow: ellipsis; text-overflow: clip; text-overflow: word; word-wrap Tillater at vi kan bryte lange ord slik at deler av ordet vises på neste linje word-wrap: break-word; 33

34 Gir oss muligheten til å importere forskjellige fonter som vi deretter kan bruke i font-family deklarasjonen <style type="text/css"> } body {font-family: Courier New; font-size: { font-family: "Kimberley"; src: url(kimberle.ttf) format("truetype"); h1 { font-family: "Kimberley", sans-serif } </style> Eksempel: 34

35 TEXT column-width Definerer width på hver kolonne column-gap Definerer padding mellom kolonnene column-count Definerer antall kolonner column-rule Definerer en border mellom kolonnene 35

36 TEXT 36

37 TEXT -webkit-column-count: 3; -webkit-column-rule: 1px solid black; -webkit-column-gap: 2em; -webkit-column-width: 14em; -moz-column-count: 3; -moz-column-rule: 1px solid black; -moz-column-gap: 2em; -moz-column-width: 14em; 37

38 SPEECH voice-volume silent x-soft soft medium loud x-loud voice-balance left center right leftwards rightwards voice-rate x-slow slow medium fast x-fast voice-family male female voice-pitch x-low low medium high x-high speak normal spell-out digits cue-after dong.wav DEMO 38

39 CSS3: TRANSFORMATION

40 2D TRANSFORMATION translate Flytter elementet angitt lengde langs hver av aksene Verdiene kan angis i px, em, prosent osv. skew Skrå elementet rundt x- og y-aksen basert på angitte grader Dersom det kun oppgis en verdi antas det at verdien for y- aksen er 0 scale Skalerer elementet ihht. angitte verdier for x- og y-aksen Dersom kun en verdi oppgis, benyttes verdien for begge aksene rotate Roterer elementet et antall definerte grader Rotasjonen påvirker ikke layout på siden, elementet handteres på samme måte som ved position: relative; 40

41 3D TRANSFORMATION & ANIMATIONS Støttes kun av Webkit 3D TRANSFORMATION: ANIMATIONS: 41

42 BROWSER PREFIXES Firefox: -moz-box-shadow Safari: -webkit-box-shadow Opera: -o-box-shadow IE: -ms-box-shadow 42

43 ... så, hva nå? 43

44 KAN VI BRUKE HTML5 OG CSS3 IDAG? JA, og nei... Dersom du ønsker å lage websider som har rik funksjonalitet og som er tilgjengelig, ta i bruk HTML5 + CSS3 + JavaScript idag Men det å bruke en standard som er under utvikling krever at man følger med på spesifikasjonen fra W3C og hva som til enhver tid støttes i de forskjellige nettlesere (og husk at ting kan endre seg etterhvert) Regn med å måtte implementere fallback rutiner for nettlesere som ikke støtter ønsket funksjonalitet 44

45 FLERE EKSEMPLER OG NYTTIGE LENKER Lego Star Wars (http://www.youtube.com/watch?v=qrrx7rb1pda) Sports Illustrated (http://www.youtube.com/watch?v=u3j7mm_jbnw) Tweetdeck

46 SPØRSMÅL? SVAR! 46

47 TAKK FOR OPPMERKSOMHETEN Ha en fortsatt fin dag! 47

Innovative intranett sosialt, mobilt, brukervennlig og funksjonelt

Innovative intranett sosialt, mobilt, brukervennlig og funksjonelt Innovative intranett sosialt, mobilt, brukervennlig og funksjonelt christine.lund@evita.no http://twitter.com/christinelund76 http://no.linkedin.com/in/christinelund Yggdrasil, Tønsberg - 18.10.2011 Christine

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

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

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

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

Detaljer

Oblig 1 Erlend Hannestad

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

Detaljer

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

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

- 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

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

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. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Animasjon med CSS Gløer Olav Langslet Sandvika VGS Leksjon 11 Informasjonsteknologi 1 og 2 Animasjon med css Vi har tidligere sett at vi kan programmere bevegelse ved å bruke JavaScript, enten ved å bruke

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

Dynamiske websider med JavaScript og CSS3

Dynamiske websider med JavaScript og CSS3 Dynamiske websider med JavaScript og CSS3 Skrevet av Atle Nes Avdeling for informatikk og e-læring Høgskolen i Sør-Trøndelag Denne leksjonen handler om å bruke JavaScript og ny funksjonalitet i CSS3 til

Detaljer

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Skjemaer med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 10 Informasjonsteknologi 1 og 2 Skjemaer på nettsider I denne leksjonen skal vi se litt nærmere på bruk av skjemaer på nettsider. Du har sett

Detaljer

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

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

Detaljer

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

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

GEO2311. Obligatorisk Innlevering 1

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

Detaljer

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

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

I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.

I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke JS Bin

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

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

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

lagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS

lagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS Offline lagring med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 8 Informasjonsteknologi 2 Offline lagring I IT1 brukte vi databaser til å lagre data. Der kunne vi bygge tabeller og fylle dem med innhold

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

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

med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS

med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS Grafikk med canvas Gløer Olav Langslet Sandvika VGS Høsten 2011 Informasjonsteknologi 2 Canvas Læreplansmål Eleven skal kunne bruke programmeringsspråk i multimedieapplikasjoner Med CSS3, HTML og JavaScript

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

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

Oppsummering fra forelesning 2

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

Detaljer

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

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

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

Detaljer

Om LifeVision CMS. Enklere og mer profesjonelt enn dette blir det ikke!

Om LifeVision CMS. Enklere og mer profesjonelt enn dette blir det ikke! Om LifeVision CMS Med LifeVisions brukervennlige og intuitive drag and drop CMS løsning er du ett steg inn i fremtiden. Det er ikke lenger nødvendig å kunne programmere og kode for å bygge mobilsider.

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

Web fundamentals. Web design. Frontend vs. Backend 17.01.2008. Webdesign 17. januar 2008 3. Monica Strand

Web fundamentals. Web design. Frontend vs. Backend 17.01.2008. Webdesign 17. januar 2008 3. Monica Strand Web fundamentals Webdesign 17. januar 2008 Monica Strand Webdesign 17. januar 2008 1 Web design Fagområdet Web design inneholder flere disipliner Grafisk design Informasjonsdesign Brukergrensesnittdesign

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

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

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

Oppsummering - Kurset (10/11-2015)

Oppsummering - Kurset (10/11-2015) Oppsummering - Kurset (10/11-2015) Grunnleggende HTML... 1 Basic JavaScript... 2 Variabler:... 3 Operatorer:... 4 Klikkhendelser... 5 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...

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

VEDLEGG 1 KRAVSPESIFIKASJON

VEDLEGG 1 KRAVSPESIFIKASJON VEDLEGG 1 KRAVSPESIFIKASJON INNHOLDSFORTEGNELSE Forord... 2 1 Systembeskrivelse... 2 2 Mål for systemet... 3 3 Funksjonelle krav... 4 4 Ikke-funksjonelle krav... 5 5 Use-case diagram... 6 6 Rammekrav...

Detaljer

Produktinfo WebService. integrasjonsbeskrivelse

Produktinfo WebService. integrasjonsbeskrivelse Produktinfo WebService integrasjonsbeskrivelse Innhold PRODUKTINFO WEBSERVICE 1 INTEGRASJONSBESKRIVELSE 1 DOKUMENTINFORMASJON 3 1. ARKITEKTUR OG TEKNOLOGI 4 1.1. ARKITEKTUR OG DATAFLYT 4 1.2. TEKNOLOGI

Detaljer

Agenda. Data og grenser Kontekster XSS XSS og kompliserende kontekster Injection attacks Beskyttelse OWASP

Agenda. Data og grenser Kontekster XSS XSS og kompliserende kontekster Injection attacks Beskyttelse OWASP Når data krysser grenser Erlend Oftedal, BEKK Knut Vidar Siem, Objectware Communities in Action 10. mai 2010 Copyright The OWASP Foundation Permission is granted to copy, distribute and/or modify this

Detaljer

Oblig 3 Webutvikling. Oppgave 1

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

Detaljer

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

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

Brukermanual til Domenia Norges adminløsning

Brukermanual til Domenia Norges adminløsning Brukermanual til Domenia Norges adminløsning 1. Login For å logge inn på løsningen din skriver du inn domenenavnet ditt og /siteadmin (f.eks www.domenia.no/siteadmin ). Skriv inn brukernavn og passord

Detaljer

praktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

praktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS DOM og praktiske eksempler Gløer Olav Langslet Sandvika VGS Høst 2013 Informasjonsteknologi 2 DOM Document Object Model Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller

Detaljer

Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no

Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no Hovedprosjekt 2008 av Audun M. Solheim, student HIST/BAIN, audun@c2i.net Oppdragsgiver:Bjørg Minnesjord Solheim, bjorg@midt-svartdal.no

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

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

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

Detaljer

Forprosjekt. Accenture Rune Waage, rune.waage@accenture.com, 91605634

Forprosjekt. Accenture Rune Waage, rune.waage@accenture.com, 91605634 Forprosjekt Presentasjon Gruppe 19: Event-planlegger Andreas Berglihn s169991 Harald R. Svendsen s127142 Gruppe Gruppe 19 Andreas Berglihn, s169991 Harald R. Svendsen s127142 Oppgave Eventplanlegger Utvikle

Detaljer

TELEMARKSPORTENS KALDE KRIG HAUTE COUTURE I LONDON GLOBAL TRENDETTERRETNING. 26. oktober 2007

TELEMARKSPORTENS KALDE KRIG HAUTE COUTURE I LONDON GLOBAL TRENDETTERRETNING. 26. oktober 2007 26. oktober 2007 TELEMARKSPORTENS KALDE KRIG HAUTE COUTURE I LONDON GLOBAL TRENDETTERRETNING D2 PRISER OG FORMATER FOR 2008 1. Oppslag (560mm x 350mm ) Kr. 200.000,- eks. mva. 2. Oppslag (560mm x 350mm)

Detaljer

1. Forord 2. Leserveiledning

1. Forord 2. Leserveiledning KRAVSPESIFIKASJON 1 1. Forord Hensikten med kravspesifikasjonen er at den skal fungere som et styringsdokument under prosessen og definere rammer og betingelser rundt hovedprosjektet. Den er utviklet etter

Detaljer

Alt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS

Alt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS Alt er objekter Gløer Olav Langslet Sandvika VGS Høst - 2012 Informasjonsteknologi 2 Alt er objekter Se for deg en bil. Den har noe som er felles for alle biler. Den har hjul, ratt, og en motor. Læreplansmål

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

Sikkerhet og internett

Sikkerhet og internett Sikkerhet og internett Kan vi være vi trygge? Kan vi beskytte oss? Bør vi slå av nettet Stoler du på denne mannen? 25.01.2008 Om sikkerhet på Internettet ved Hans Nordhaug 2 1 Nei? Og likevel er du på

Detaljer

www.slektshistorielaget.no og Java

www.slektshistorielaget.no og Java www.slektshistorielaget.no og Java Versjon 3, 6 september 2015 G. Thorud Her beskrives konfigurering av Java på Windows 7, 8.0 og 8.1 for å bruke databaser på www.slektshistorielaget.no Windows 10 Oppskriften

Detaljer

Digitale dokumenter 3

Digitale dokumenter 3 Digitale dokumenter 3 HTML5 og metadata Digitale dokumenter 18.11.2013 Delvis basert på forelesningsnotater av Tor Arne Dahl Dagens forelesening Praktisk informasjon Oppgave 2 Søkemotoroptimalisering Metadata

Detaljer

Labquality/NKK ELEKTRONISK RESULTATSKJEMA VIA INTERNET. Åpning av skjemaet. Logg inn på Participant services. Velg resultatskjemaet

Labquality/NKK ELEKTRONISK RESULTATSKJEMA VIA INTERNET. Åpning av skjemaet. Logg inn på Participant services. Velg resultatskjemaet ELEKTRONISK RESULTATSKJEMA VIA INTERNET Åpning av skjemaet Logg inn på Participant services 1. Åpne internett leseren din (IE7 eller senere er den mest egnede nettleseren) 2. Skriv i adressefeltet: http://www.labquality.fi

Detaljer

Publiseringsveiledning for www.tromsfylke.no

Publiseringsveiledning for www.tromsfylke.no Publiseringsveiledning for www.tromsfylke.no Sist oppdatert 09.07.2013 av Khalil Dahbi Innholdsliste 1. Side:... 3 a. Lage en ny side:... 3 b. Endre innstilling til en side:... 3 c. Slette en side:...

Detaljer

Sikkerhet og internett. Kan vi være vi trygge? Kan vi beskytte oss? Bør vi slå av nettet

Sikkerhet og internett. Kan vi være vi trygge? Kan vi beskytte oss? Bør vi slå av nettet Sikkerhet og internett Kan vi være vi trygge? Kan vi beskytte oss? Bør vi slå av nettet Stoler du på denne mannen? 28.01.2009 Om sikkerhet på Internettet ved Hans Nordhaug 2 Jepp Derfor fant du i januar

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

Google Chrome. Microsoft Edge. Mozilla Firefox. Internet Explorer. Opera. Safari

Google Chrome. Microsoft Edge. Mozilla Firefox. Internet Explorer. Opera. Safari Google Chrome Microsoft Edge Mozilla Firefox Internet Explorer Opera Safari Google Chrome Dersom nettbanken ikke vises eller fungerer som den skal, så hjelper det ofte å slette midlertidige filer i din

Detaljer

En beskrivelse av API for innhenting av informasjon fra registeret for sentralt godkjente foretak Direktoratet for byggkvalitet

En beskrivelse av API for innhenting av informasjon fra registeret for sentralt godkjente foretak Direktoratet for byggkvalitet API- dokumentasjon En beskrivelse av API for innhenting av informasjon fra registeret for sentralt godkjente foretak Direktoratet for byggkvalitet Direktoratet for byggkvalitet Side: 2 av 7 Innhold 1 INNLEDNING...

Detaljer

4.5 Kravspesifikasjon

4.5 Kravspesifikasjon 4.5 Kravspesifikasjon 4.5.1 Funksjonalitet og systembeskrivelse Webapplikasjonen har tre overordnede funksjoner; Opprett Spotify arrangement, Opprett SoundCloud arrangement og Bli med på arrangement. Brukere(kalt

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

S y s t e m d o k u m e n t a s j o n

S y s t e m d o k u m e n t a s j o n S y s t e m d o k u m e n t a s j o n Monitorering av produksjonsløyper ved Nasjonalbiblioteket - Project BAKE Utarbeidet av: Einar Wågan Kristian Akerhei Studium: Informasjonssystemer Innlevert: 26.5.2015

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

Intentor Helpdesk - Installasjon Step #3: Microsoft Reporting Services

Intentor Helpdesk - Installasjon Step #3: Microsoft Reporting Services Intentor Helpdesk - Installasjon Step #3: Microsoft Reporting Services Dokumentasjon levert av: Prosjekt: Norsk Data Senter AS Installasjon av Intentor Helpdesk Norsk Data Senter AS e-post info@nds.no

Detaljer

Kravspesifikasjon. Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011. Gruppemedlemmer

Kravspesifikasjon. Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011. Gruppemedlemmer Kravspesifikasjon Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011 Gruppemedlemmer Adeel Yousaf Khan s141459 Mats Klingenberg Naustdal s148155 Nur M. Ahmed s148108 Thomas Wiborg s161335

Detaljer

Web Accessibility Toolbar. Struktur. Funksjonene. Headinger. Mer om tilgjengelighet og Flash.

Web Accessibility Toolbar. Struktur. Funksjonene. Headinger. Mer om tilgjengelighet og Flash. Web Accessibility Toolbar Mer om tilgjengelighet og Flash. Kirsten Ribu 16.10.2007 HiO Virker bare i Internet Explorer for Windows Alternativ: Web Developer Toolbar for Firefox har lignende funksjonalitet

Detaljer

Denne rapporten er beregnet for dataansvarlig på Grefsenhjemmet, den som skal installere, vedlikeholde og modifisere systemet.

Denne rapporten er beregnet for dataansvarlig på Grefsenhjemmet, den som skal installere, vedlikeholde og modifisere systemet. Produktrapport Forord Denne rapporten er beregnet for dataansvarlig på Grefsenhjemmet, den som skal installere, vedlikeholde og modifisere systemet. Dataansvarlig eller supporter trenger informasjon om

Detaljer

Innhold Leverings- og materiellfrister...2 Bannerannonser...3 Annonseformater...3 Spesifikasjoner og regler for materiell...4 Bruk av lyd, video og

Innhold Leverings- og materiellfrister...2 Bannerannonser...3 Annonseformater...3 Spesifikasjoner og regler for materiell...4 Bruk av lyd, video og Materiellspesifikasjon digitale medier Innhold Leverings- og materiellfrister...2 Bannerannonser...3 Annonseformater...3 Spesifikasjoner og regler for materiell...4 Bruk av lyd, video og feed i annonser:...4

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

User Input / Output Handling. Innocent Code kap 3-4 INF-329 Øystein Lervik Larsen oysteinl@ii.uib.no 7/11-05

User Input / Output Handling. Innocent Code kap 3-4 INF-329 Øystein Lervik Larsen oysteinl@ii.uib.no 7/11-05 User Input / Output Handling Innocent Code kap 3-4 INF-329 Øystein Lervik Larsen oysteinl@ii.uib.no 7/11-05 Oversikt Bruker-input (kap. 3) Hva er input? Validering av input Behandle ugyldig input Farer

Detaljer

Smidige metoder i praksis Høgskolen i Oslo Kristin Meyer Kristiansen Objectnet AS

Smidige metoder i praksis Høgskolen i Oslo Kristin Meyer Kristiansen Objectnet AS Smidige metoder i praksis Høgskolen i Oslo Kristin Meyer Kristiansen Objectnet AS Agenda Min erfaring med scrum + litt input fra Javazone 2007 Universell Utforming Min erfaring med smidige metoder MT-prosjektet

Detaljer

Brukerdokumentasjon. Webservices og webklient for kodeverk/ kodeverdi verifisering

Brukerdokumentasjon. Webservices og webklient for kodeverk/ kodeverdi verifisering Brukerdokumentasjon Webservices og webklient for kodeverk/ kodeverdi verifisering Innholdsfortegnelse... 3... 3... 3... 3... 4... 4... 4... 4... 8... 9... 10!... 10 "... 11 # $... 11 1. Om systemet 1.1.

Detaljer

Materiellspesifikasjon digitale medier

Materiellspesifikasjon digitale medier Materiellspesifikasjon digitale medier Innhold Leverings- og materiellfrister... 2 Bannerannonser... 3 Annonseformater... 3 Spesifikasjoner og regler for materiell... 4 Bruk av lyd, video og feed i annonser:...

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

Trio Visit Security Manager

Trio Visit Security Manager Brukermanual Trio Visit Security Manager Trio Enterprise 4.1 COPYRIGHT NOTICE: No part of this document may be reproduced, distributed, stored in a retrieval system or translated into any language, including

Detaljer

BankID 2.0. Rune Synnevåg, Uni Pluss AS

BankID 2.0. Rune Synnevåg, Uni Pluss AS BankID 2.0 Rune Synnevåg, Uni Pluss AS First Hotel Marin 27. - 28. oktober 2014 BankID 2.0 Hva er BankID, og hva kan det brukes til? Signere.no AS Hvorfor BankID 2.0? Hvordan fungerer det? BankID 2.1 Demo

Detaljer

ANNONSETYPER: Flere ulike annonsetyper kan vises på nett. Vi godtar statiske bilder (jpg, gif), animerte bilder (gif), animasjoner (flash) og HTML-annonser. NB! Flash-annonser kan ikke vises i epost/nyhetsbrev,

Detaljer

Oblig 3 Webutvikling

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

Detaljer

Eventhandler Teknologi, kunst og design Høgskolen i Oslo og Akershus, våren 2013. Testrapport

Eventhandler Teknologi, kunst og design Høgskolen i Oslo og Akershus, våren 2013. Testrapport Eventhandler Teknologi, kunst og design Høgskolen i Oslo og Akershus, våren 2013 Testrapport 1 INNHOLDSFORTEGNELSE 1 INNHOLDSFORTEGNELSE... 1 2 Innledning... 2 3 Formål med testing... 3 3.1 Funksjonalitet...

Detaljer

Administrering av SafariSøk

Administrering av SafariSøk Administrering av SafariSøk Administrering av SafariSøk Revisjonshistorie Revisjon $Revision: 1.6 $ $Date: 2003/08/05 12:44:02 $ Innholdsfortegnelse 1. Om programmet... 1 Generelt... 1 2. Fremgangsmåter...

Detaljer

Søkemotoroptimalisering. Lenker/ popularitet. Tekster/innhold. Plattform/webarkitektur. SEO pyramiden

Søkemotoroptimalisering. Lenker/ popularitet. Tekster/innhold. Plattform/webarkitektur. SEO pyramiden Sjekkliste for Søkemotoroptimalisering Lenker/ popularitet Tekster/innhold Plattform/webarkitektur SEO pyramiden Sjekkliste for Søkemotoroptimalisering (SEO) Crevita Marketing AS 1 Crevitas sjekkliste

Detaljer

Programmering som journalistikk

Programmering som journalistikk - om skjulte nettverk, agenter, skraping og 9 - og en deadline som alltid er rundt hjørnet - «Advokater og dommere møtes ofte i losjer» «Politifolk og advokater treffes i hemmelighet» (grab av brorskapssiden)

Detaljer

Forprosjektrapport. Gruppe 26. Digitalt læreverktøy for Cappelen Damm

Forprosjektrapport. Gruppe 26. Digitalt læreverktøy for Cappelen Damm Hovedprosjekt i informasjonsteknologi 2016 Høyskolen i Oslo og Akershus Forprosjektrapport Digitalt læreverktøy for Cappelen Damm Gruppe 26 Sofia Aittamaa - s198580@stud.hioa.no Petter Lysne - s198579@stud.hioa.no

Detaljer

Brukerveiledning. for student hjemmeeksamen

Brukerveiledning. for student hjemmeeksamen Brukerveiledning for student hjemmeeksamen Oppdatert 27. mars 2015 1 Innhold Innledning Pålogging Godkjente nettlesere Din oversikt over prøver og eksamener Gjennomføre eksamen Navigere i eksamensoppgaven

Detaljer

Importere referanser fra databaser

Importere referanser fra databaser Importere referanser fra databaser Databaser EndNote Sist oppdatert 19. november 2014 1 Innhold 1. Importere referanser... 3 1.1. Apple/IOS... 3 2. Importere referanser fra Oria... 4 3. Importere referanser

Detaljer

Siteimprove analytics Tekniske spesifikasjoner

Siteimprove analytics Tekniske spesifikasjoner Siteimprove analytics Tekniske spesifikasjoner whitepaper Hvem er Siteimprove? Siteimprove er den eneste softwaren innen web governance som gjør det lettere å administrere og opprettholde ditt nettsted

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

HamboHus 5.4 Rev. 1, 8. september 2005 A. Cordray

HamboHus 5.4 Rev. 1, 8. september 2005 A. Cordray HamboHus Technical Note Nr 10: Terreng HamboHus 5.4 Rev. 1, 8. september 2005 A. Cordray I HamboHus 5.4 er implementasjonen av terreng utvidet og forbedret. Det er lettere å lage terrengpunkter, og mye

Detaljer

SP Production. mywysiwyg User Guide. Version 1.0 2011-03-01 1

SP Production. mywysiwyg User Guide. Version 1.0 2011-03-01 1 SP Production mywysiwyg User Guide Version 1.0 2011-03-01 1 Innholdsfortegnelse 1 Innledning 2 Innlogging 3 Administrasjonsverktøy.1 Utseende og hovedfunksjoner.1 Section.2 Content.3 Link archive 4 Editor

Detaljer

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Redigert 10.februar 2010. For at det skal bli lettere å lese denne manualen kan du justere størrelsen på dette

Detaljer