Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;

Størrelse: px
Begynne med side:

Download "Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;"

Transkript

1 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: 30%; margin: 5% 0 0 0; } h1 { } color:#000000; font-size:2em; Det er både positive og negative sider ved relative målenheter: Det positive er at nettsiden i de fleste tilfeller blir mer brukervennlig i og med at nettsiden tilpasser seg oppløsningen. Nettsiden vil også som oftest se bedre ut siden nettsiden ser lik ut i de fleste nettlesere er det en fordel for den som designer nettsiden, da han/hun har en viss oversikt over hvordan andre vil se nettsiden. Det negative er at man har mindre kontroll over hvordan nettsiden ser ut ved ulike oppløsninger. Nettsiden kan se bra ut ved høy oppløsning, mens den kan se rar ut ved mindre oppløsning. Det kan også være omvendt i høye oppløsninger kan nettsiden ha mye white space - altså mye plass uten innhold. Det kan derfor være greit å teste nettsiden med ulik oppløsning under designprosessen, for å se hvordan nettsiden blir seende ut med ulike innstillinger. Et annet problem er hvis noen ønsker å printe ut nettsiden. På grunn av standardinnstillingene kan det oppstå en liten krasj her, men det kan fikses ved å ta i print i CSS. I tillegg kan det ved anledninger være vanskelig å lese innhold. Ved høy oppløsning kan teksten ha veldig lange linjer som nesten dekker hele skjermen, mens ved lav oppløsning kan teksten ha altfor korte linjer slik at kun noen ord får plass på en linje om gangen. Men, det er ikke noe som IKKE kan fikses. Jeg har valgt denne metoden først og fremst fordi jeg syntes det er den beste metoden å arbeide med. I tillegg blir nettstedet så å si automatisk responsivt og skalerbart. Hvis man gjør nettleservinduet mindre, vil innholdet på nettsiden skalere og bli mindre. Gjør man nettleser vinduet større, vil innholdet bli større. Det gjør det også ved media queries, som jeg også har tatt i bruk men her tar jeg i bruk pixler for å sette verdiene for ulike skjermstørrelser.

2 Wireframes/skisser Wireframes/skisser er ikke like detaljert som resultatet, og i forklaringene under skissene kommer jeg til å forklare slik som nettstedet ser ut, altså resultatet. Forside (PC) Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum H2 - Ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Forsiden består av header og meny på toppen, som er markert med en strek under. Deretter følger overskrift og tekst. For å få bakgrunnen til å dekke hele nettsiden, ikke å repetere seg selv og følge skalering, har jeg tatt i bruk denne kodesnutten: body { background: url(bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Den skal gjøre at dette fungerer i Safari, Chrome, IE, Opera og Firefox om det er nyere versjoner av nettleseren. Jeg har også tatt i face for å ta i bruk en annerledes font enn de som er standard. Jeg har da valgt ut en font og lagt ved.woff filen for fonten og deretter henvist til den i CSS- filen. Jeg har også tatt i bruk H1 på to forskjellige steder, i headeren og i <section>. For å få til dette har jeg tatt i bruk h1 header og h1 i CSS- filen.

3 Video (PC) Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Video (width:100%;) Video- siden inneholder en video med 100% bredde. Jeg har tatt i bruk <video>- taggen og tatt med.ogg og.mp4 slik at hvis en nettleser ikke støtter den ene filtypen, vil den (mest sannsynlig) støtte den andre. I og med at videoen har en relativ målenhet, skaleres den hvis nettleser vinduet forstørres eller forminskes. Den tilpasses også hvis man er på mobil, nettbrett eller andre enheter. Den skaleres til 100% av <section> der den er plassert.

4 Audio (PC) Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Audio Audio- siden inneholder <audio>- taggen.

5 MathML (PC) Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum MathML MathML- siden inneholder et regnestykke med MathML.

6 Diverse (PC) Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Bilde/CSS animasjon/svg (width:100%; height:100%;) Bilde/CSS animasjon/svg (width:100%; height:100%;) Diverse- siden inneholder et bilde, et bildet med en CSS animasjons- effekt og SVG laget i HTML. Alle elementene er satt til en verdi med 100% slik at de skaleres. De skaleres til 100% av <section> der de er plassert. Hvis det ikke skjer noe med SVG, oppdater nettsiden men det skal ikke være nødvendig.

7 Print Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Bilde/SVG/CSS animasjon = 50%; Bilde/SVG/CSS animasjon = 50%; I print.css har jeg endret all fontfarge til sort, slik at det skal syntes når det printes ut, da all fontfarge er hvit på nettsiden. Header og meny er tatt bort. Jeg har også valgt å skjule <video> og <audio>. Bildene og SVG er satt til 60% slik at de ikke blir altfor store ved printing.

8 Forside (Mobil/nettbrett oppløsning mindre enn 700px) HEADER - Lorem Ipsum Dolor Sit Amet <- menyknapp Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum H2 - Ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Nettsidene endres når oppløsningen er mindre enn 700px. Menyen blir til en knapp som man kan hovere over på PC eller trykke på, på mobil/nettbrett. Da dukker det opp en halvveis gjennomsiktig boks med meny- elementene presentert vertikalt. Dette er gjort med media queries. I tillegg blir den originale menyen skjult.

9 Andre sider med innhold (Mobil/nettbrett oppløsning mindre enn 700px) HEADER - Lorem Ipsum Dolor Sit Amet <- menyknapp Paragraf: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Video/bilde/SVG/CSS animasjon = 100%; Video/bilde/SVG/CSS animasjon = 100%; Header H1 blir forminsket ved 380px, 320px og 295px fordi den blir for stor slik at menyknappen treffer den. For å holde menyknappen på plass ble derfor dette gjort, og det er også utført med media queries.

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

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

CSS-formatering: stilark med kommentarer

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

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

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

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

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

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

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

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

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

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

- 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

Brukermanual. www.bygdekvinnelaget.no

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

Detaljer

Høgskoleni østfold EKSAMEN

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

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

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

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

Oppgave 1. Index Mobil. About me Mobil

Oppgave 1. Index Mobil. About me Mobil Oppgave 1 Index Mobil About me Mobil Index webside About me webside Print Oppgave E.1 Forklar den praktiske forskjell på følgende to måter å linke inn et print-stilark sammen med et annet stilark for visning

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

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

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

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

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

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

Varde Hartmark-presentasjon Brukerveiledning

Varde Hartmark-presentasjon Brukerveiledning Varde Hartmark-presentasjon Brukerveiledning INNHOLD Slik starter du den nedlastede presentasjonen... 3 Bytte av kundelogo i presentasjonen... 4 Forutsetning... 4 Hvordan... 4 Bytte av PowerPoint-presentasjon...

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

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

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

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

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

Responsiv design Skalering av siden trenger å gjøres noe med, slik at den er tilpasset de fleste skjermstørrelser.

Responsiv design Skalering av siden trenger å gjøres noe med, slik at den er tilpasset de fleste skjermstørrelser. Oppgave 1 1) Analyse av bedriften (målsetting, kundegrupper, produkter, konkurrenter, salgskanaler osv, osv. ) Oppgave 1 er gjort i samarbeide med Håvard Ramstad. Nettadressen til websiden er http://7smaarom.no/.

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

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

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

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

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

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

Veiledning for visuell identitet Miljøpartiet de Grønne

Veiledning for visuell identitet Miljøpartiet de Grønne Veiledning for visuell identitet Miljøpartiet de Grønne Visuell identitet Logo, fonter og farger Logo Logoen skal stå på alt materiellet til Miljøpartiet de Grønne. Det er vår underskrift, og skal vises

Detaljer

SCANNING OG REPARASJON AV GAMLE BILDER Jessheim bibliotek 21. august 2007. Minikurs. Adobe Photoshop Elements. v/ Randi Lersveen - Krem reklame

SCANNING OG REPARASJON AV GAMLE BILDER Jessheim bibliotek 21. august 2007. Minikurs. Adobe Photoshop Elements. v/ Randi Lersveen - Krem reklame 1 Minikurs v/ Randi Lersveen - Krem reklame Adobe Photoshop Elements Viktige begrep for digitale bilder 2 FARGER (mode) Bitmap: Grayscale: RGB-color: CMYK: Bildet inneholder kun sorte og hvite punkter

Detaljer

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. I denne guiden skal jeg ta for meg hvordan man kan legge til eller endre tekst, opprette nyheter og

Detaljer

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

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

Detaljer

BRUKERMANUAL KOM I GANG... 2 BLOGGINNLEGG... 4 UNDERSIDER... 6 LAST OPP BILDER/VIDEO... 8 KOMMENTARER PÅ INNLEGG... 9 UTSEENDE...

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

Detaljer

Hvordan komme i gang på www.nakos.no?

Hvordan komme i gang på www.nakos.no? Hvordan komme i gang på www.nakos.no? De fleste kurs og ressurser krever at du er registrert bruker for å få tilgang til innholdet. Du skriver inn www.nakos.no i adressefeltet i nettleseren, eller søker

Detaljer

Hvordan redigere blogg sider i Joomla 3.x

Hvordan redigere blogg sider i Joomla 3.x Hvordan redigere blogg sider i Joomla 3.x Side 1/8 For å endre en side/artikkel i Joomla logger du inn. Velkomstskjermen er denne. Klikk på artikler. Eller velg artikler fra toppmenyen: Innhold >> Artikler

Detaljer

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

WordPress. Brukerveiledning. Kjære kunde. Innlogging: Brukerveiledning WordPress Sist oppdatert: 26.02.2014 Kjære kunde Her er en liten guide for å hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging - s.1 Kontrollpanel

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

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

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

Brukerveiledning WordPress. Innlogging:

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

Detaljer

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

Løsninger på påloggingsproblemer

Løsninger på påloggingsproblemer Løsninger på påloggingsproblemer Under er en oversikt over ting som kan være feil, hva som er årsak og løsningsforslag: Feilmeldinger: Det er ingen brukere med det fødselsnummer det logges inn med BID

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

Tilbakestill nettleser

Tilbakestill nettleser Tilbakestill nettleser Dersom nettbanken ikke vises eller fungerer som den skal, så hjelper det ofte å slette midlertidige filer i din nettleser. Midlertidige filer er filer som lagres hver gang du besøker

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

Bruksanvisning hjemmesiden

Bruksanvisning hjemmesiden Bruksanvisning hjemmesiden Pålogging. Nederst til høyre på hjemmesiden ligger påloggingen. Trykk på «logg inn». Du får opp dette bildet : Fyll inn brukernavn og passord som du har fått tilsendt, og trykk

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

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

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

Denne brukerguiden beskriver hvordan man går frem for å spille simuleringen Hjørne pushback på web.

Denne brukerguiden beskriver hvordan man går frem for å spille simuleringen Hjørne pushback på web. Brukerguide Hjørne pushback Denne brukerguiden beskriver hvordan man går frem for å spille simuleringen Hjørne pushback på web. Innhold Spille simuleringen på web... 1 Før du starter... 1 Innlogging...

Detaljer

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert 10.02.2010 AESTON. Side 1

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert 10.02.2010 AESTON. Side 1 Brukerveiledning Kom i gang publiseringsverktøy versjon 2 - revidert 10.02.2010 AESTON Side 1 Velkommen som bruker av Kameleon Introduksjon Kameleon er et publiseringsverktøy (Content Management system

Detaljer

Bruk av Corepublish bruksanvisning for avdelingene

Bruk av Corepublish bruksanvisning for avdelingene Bruk av Corepublish bruksanvisning for avdelingene 1. Å logge på Hent opp nettstedet din avdeling Åpne en ny fane eller vindu og hent opp publiseringsverktøyet Corepublish, http://www.fo.no/corepublish/

Detaljer

Løsninger på påloggingsproblemer

Løsninger på påloggingsproblemer Løsninger på påloggingsproblemer Under er en oversikt over ting som kan være feil, hva som er årsak og løsningsforslag: Feilmeldinger: Det er ingen brukere med det fødselsnummer det logges inn med BID

Detaljer

Ny på nett. Operativsystemer

Ny på nett. Operativsystemer Ny på nett Operativsystemer Hva skal vi lære? Hva er et operativsystem? Ulike typer operativsystemer XP Vista Windows 7 Skrivebordet Min datamaskin Start-knappen Papirkurv/søppelkurv Internett explorer

Detaljer

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 7 - revidert 29.01.2014. Gevir IT Drift AS Webside: www.gevir.no.

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 7 - revidert 29.01.2014. Gevir IT Drift AS Webside: www.gevir.no. Brukerveiledning Kom i gang publiseringsverktøy versjon 7 - revidert 29.01.2014 Gevir IT Drift AS Webside: www.gevir.no Side 1 Velkommen som bruker av Kameleon Introduksjon Kameleon er et publiseringsverktøy

Detaljer

Brukerguide for www.altadykkerklubb.com

Brukerguide for www.altadykkerklubb.com Brukerguide for www.altadykkerklubb.com Utgitt første gang: 27/09-07 Sist oppdatert: 23/03-09 1 Innledning Dette er den nye siden til Alta Dykkerklubb! Den er blitt laget over et system som gjør det mulig

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

Nettside24 Brukerveiledning Nettside24 Brukerveiledning

Nettside24 Brukerveiledning Nettside24 Brukerveiledning Nettside24 Brukerveiledning Nettside24 Brukerveiledning 1 av 14 Oversikt over brukerveiledningen. 2. Oversikt. 3. Logge inn på nettsiden. 4. Redigere innholdet på undersidene. 5. Redigere innholdet i blokkene.

Detaljer

Hvordan redigere sider i Joomla 3.x

Hvordan redigere sider i Joomla 3.x Hvordan redigere sider i Joomla 3.x Side 1/6 For å endre en side/artikkel i Joomla logger du inn. Velkomstskjermen er denne. Klikk på artikler. Eller velg artikler fra toppmenyen: Innhold >> Artikler Siden

Detaljer

I dette kapitlet omtaler vi Microsoft Outlook 2010, men mange råd og tips vil også gjelde for andre versjoner av Microsoft Outlook.

I dette kapitlet omtaler vi Microsoft Outlook 2010, men mange råd og tips vil også gjelde for andre versjoner av Microsoft Outlook. Innhold i dette kapitlet: Microsoft Outlook Tilpasning av Microsoft Outlook Noen nyttige hurtigtaster Mozilla Thunderbird Tilpasning av Mozilla Thunderbird Noen nyttige tips Noen nyttige hurtigtaster Webmail

Detaljer

Funksjonskravene er delt opp i to deler, krav til spillsekvens og generelle funksjonskrav.

Funksjonskravene er delt opp i to deler, krav til spillsekvens og generelle funksjonskrav. Kravspesifikasjon I dette kapittelet foreligger kravspesifikasjonen som ble utformet tidlig i prosjektprosessen. Dette er den opprinnelige kravspesifikasjonen. Det har igjennom prosjektprosessen vært naturlig

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

Brukerdokumentasjon for LabOra portal - forfattere

Brukerdokumentasjon for LabOra portal - forfattere Brukerdokumentasjon for LabOra portal - forfattere Skin: Dnnbest-Grey-Skin1024 Skin: Metro7 Custom LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider.

Detaljer

Oblig 5 Webutvikling

Oblig 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

Detaljer

Mange nye og kule tips til utvikling av dine E-Site websider!

Mange nye og kule tips til utvikling av dine E-Site websider! Interkodex AS, Ravnsborgveien 33, 1395 Hvalstad, Norway Nyhetsbrev E-Site mai 2011 Mange nye og kule tips til utvikling av dine E-Site websider! jquery, CSS 3 + HTML5, E-Site 3.2.4, E-Site 4.0 Side 1 av

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

Problem med innlogging til Sauekontrollen Web?

Problem med innlogging til Sauekontrollen Web? Problem med innlogging til Sauekontrollen Web? Riktig nettleser? Husk at det er kun Internet Explorer av nettlesere som kan brukes (ikke for eksempel Opera, Mozilla Firefox, Safari). Riktig brukernavn

Detaljer

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1 Brukerveiledning nettsted Stjørdal kajakklubb Tilgang til siden... 1 Opprette bruker?... 1 Nyheter / artikler... 3 Lage artikkel... 3 Redigerer artikkel... 11 Slette artikkel... 12 Tilgang til siden Opprette

Detaljer

Webutvikling Oblig 3. Oppgave 1

Webutvikling Oblig 3. Oppgave 1 Webutvikling Oblig 3 Oppgave 1 Jeg har valgt å ta for meg bedriften Smartpanel. De er markeds ledende på MDF panel i Skandinavia. Noe som de alltid har hatt som målsetting. Kundegruppen deres er privatmarkedet,

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

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

Radix en enkel innføring

Radix en enkel innføring Radix en enkel innføring Dette er en enkel oppskrift på den mest vanlige bruken av Radix. 1 Utgangspunkt: Du har laget en video som du vil dele med dine studenter i Fronter. Du kan da bruke Radix som lagrings-

Detaljer

Brukerveiledning Brutus Offline. Brutus 4. Dato Brukerveiledning Brutus Offline. Statens vegvesen

Brukerveiledning Brutus Offline. Brutus 4. Dato Brukerveiledning Brutus Offline. Statens vegvesen Brukerveiledning Brutus Offline Brutus 4 Statens vegvesen Side: 1 of 37 1. Om Brutus Offline... 4 1.1.1 Nettlesere... 4 1.1.2 Lagring... 4 1.1.2.1 Internet Explorer... 4 1.1.2.2 Google Chrome... 8 1.1.2.3

Detaljer

runsjanistenes rbund HJEMMESIDE på TNTURNETT FoR TELEPENSJONISTENE S LANDSFORBUND TELEPENSJONISTENE.NO

runsjanistenes rbund HJEMMESIDE på TNTURNETT FoR TELEPENSJONISTENE S LANDSFORBUND TELEPENSJONISTENE.NO rbund runsjanistenes TELEPENSJONISTENE.NO HJEMMESIDE på TNTURNETT FoR TELEPENSJONISTENE S LANDSFORBUND Ord og begreper som en redaktør må forholde seg til Utarbeidet av: Kjell Engen Mailadresse: kjellengen@online.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

NY PÅ NETT. Operativsystemer

NY PÅ NETT. Operativsystemer NY PÅ NETT Operativsystemer INNHOLD Operativsystem... 3 Ulike typer operativsystem... 3 Skjermbilder av skrivebordet på pc med Xp, Vista og W7... 4 Windows XP - skrivebord... 4 Windows Vista skrivebord...

Detaljer

ASKER FOTBALL KVINNERS NETTSIDE

ASKER FOTBALL KVINNERS NETTSIDE ASKER FOTBALL KVINNERS NETTSIDE BRUKERVEILEDNING FOR REDIGERINGSPROGRAM Link til redigeringsprogrammet: http://www.askerfk.no/admin/default.asp Skriv inn ditt brukernavn og passord. Brukernavn og passord

Detaljer

Brukerveiledning for hjemmesider

Brukerveiledning for hjemmesider Hegra Idrettslag Brukerveiledning for hjemmesider En kort innføring for bidragsytere på www.hegrail.no Ivar Friheim 2009-05-18 Innhold Innledning... 3 Nyheter... 3 Sider... 3 Kalenderinnslag... 3 Pålogging...

Detaljer

Bildebehandling i Adobe Photoshop

Bildebehandling i Adobe Photoshop Bildebehandling i Adobe Photoshop 9.1 Opprette et dokument & 9.2 Bildestørrelse Bildebehandling i Adobe Photoshop For å opprette et nytt dokument velger du File > New (Fil > Ny ). Da vil følgende vindu

Detaljer

Hvordan komme i gang på www.nakos.no?

Hvordan komme i gang på www.nakos.no? Hvordan komme i gang på www.nakos.no? De fleste kurs og ressurser krever at du er registrert bruker for å få tilgang til innholdet. Du skriver inn www.nakos.no i adressefeltet i nettleseren, eller søker

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

WWW.POLARPRODUKSJON.NO

WWW.POLARPRODUKSJON.NO GUIDE RSHL.NO Av Fredrik Mediå Oppgraderingen av nettstedet RSHL.NO har ført til at det kan oppstå en del spørsmål og forvirringer rundt hvordan forskjellige elementer fungerer. Denne guiden skal fungere

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

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

Avansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten

Avansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten Destinet 3.3 Manual Innholdsfortegnelse 1. Logg inn... 4 2. Destinet brukergrensesnitt... 5 1. Sidestruktur... 5 2. Modulpalett... 6 3. Forhåndsvisning av/på... 7 4. Faner... 8 1. Side... 8 2. Sett inn...

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

Brukerveiledning for SI Norge. Publiseringsverktøy for klubbenes hjemmesider

Brukerveiledning for SI Norge. Publiseringsverktøy for klubbenes hjemmesider Brukerveiledning for SI Norge Publiseringsverktøy for klubbenes hjemmesider Innhold Hva finner du hvor?...s. 2 Ordliste..s. 3 Innlogging til Umbraco...s. 4 Opprette ny artikkel.s. 5 - Skrive tekst og laste

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

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

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc.

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Av Thomas Gitlevaag Steg 1. Installasjon Steg 2. simpel utforsking av wordpress steg 3. Sette opp en veldig enkel side. Steg 1.

Detaljer