OBLIG 2 WEBUTVIKLING

Størrelse: px
Begynne med side:

Download "OBLIG 2 WEBUTVIKLING"

Transkript

1 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å frem hvordan siden skal skalere (responsive web design) i skissene. Skissene ligger som egen PDF under skisser på Oblig 2 siden. 1/8

2 Oppgave 2 Lag nettstedet i fra oppgave 1. Fokuser på følgende: Bruk av media queries Flest mulig (så lenge det er fornuftig) CSS selectors (+pseudo elementer, pseudo klasser) Strukturelle/semantiske tagger Skille struktur og innhold fra utseende Nettsiden som jeg leverer obligene på, er svaret på denne oppgaven. 2/8

3 Oppgave 3 a) Fyll nettstedet med eksempler på bruk av webfonter, video, RSS, CSS animasjon, MathML og SVG. Eksemplene må lages selv, men trenger ikke være veldig avanserte. "Råvideo" og fontfil kan hentes fra annen kilde. b) Lag en statisk RSSfeed til nettsiden med dummyinnhold. A) B) Jeg har brukt 2 typer webfonter på nettsiden som disse oppgavene leveres på. Video svaret på denne oppgaven ligger som egen html side kalt Video på Oblig 2 siden. CSS Animasjon ligger som egen html side kalt CSS Animasjon på Oblig 2 siden. MathML ligger som egen html side kalt MathML på Oblig 2 siden. MERK: Fungerer ikke i Chrome! SVG ligger som egen html side kalt SVG på Oblig 2 siden Print jeg har laget en liten test side med litt lorem ipsum tekst, slik at du lettere skal kunne se print versjonen på en ordentlig måte. RSS jeg har lagt til et xml ark under RSS på Oblig 2 siden, men vil fungere optimalt om du har en rss reader. 3/8

4 Oppgave E.1 Forklar den praktiske forskjell på følgende to måter å linke inn et printstilark sammen med et annet stilark for visning på skjerm. I hvilke generelle situasjoner ville du brukt hvilken metode: Alternativ 1: <link rel="stylesheet" type="text/css" href="stilark.css" media="screen /> <link rel="stylesheet" type="text/css" href="print.css" media="print /> Alternativ 2: <link rel="stylesheet" type="text/css" href="stilark.css" media="all /> <link rel="stylesheet" type="text/css" href="print.css" media="print /> I alternativ en har du to komplette stilark som ikke har noen innvirkning på print stilarket, stilarket er også beregnet for data skjermer. Dette vil kun ha invirkning på nettsiden dersom du bruker en datamaskin, ved bruk av andre plattformer vil det ikke skje noe spesielt. I alternativ to har du et endringsstilark, som vil si at nettsiden er tilpasset en eller flere plattformer. Her vil det ofte finnes flere stilark, som inneholder egenskaper ved nettsiden ved bruk av de forskjellige plattformene. Ved bruk at media= all, vil nettsiden kunne respondere ved bruk av for eksempel smartphone eller tablet, begge stilarkene vil være i bruk. Ved å bruke andre plattformer enn pc vil ikke print stilarket bli brukt like mye som det ville blitt brukt dersom du hadde brukt en pc, av den enkle grunn at det ikke er alle som kan skrive ut direkte fra en tablet eller en smartphone til skriveren. Dersom jeg ville at en nettside skulle sett relativt lik ut på de forskjellige plattformene ville jeg gått for alternativ 2. Men dersom nettsiden skulle innehold mange forskjellige designelementer som for eksempler kunne ha en innvirkning på det å kunne lese hva som står på siden, ville jeg gått for alternativ 1. 4/8

5 Oppgave E.2 Hva er den praktiske forskjellen på å endre en tekst til uppercase "manuelt" i HTML fremfor å kjøre text-transform:uppercase i CSS? Hvilken metode bør man benytte (om du mener begge, så angi i hvilke tilfeller)? Ved å endre teksten til uppercase manuelt, vil du enklere ha oversikten over hvor du bruker kun store bokstaver og hvor du eventuelt måtte bruke små bokstaver. Du kunne for eksempel satt <h1> til uppercase, slik at du skriver heading 1 / overskriften i store bokstaver, og innholdet i <p> taggene i små bokstaver. Men dette kan også regnes som design. Ved å bruke CSS for å endre til for eksempel uppercase bokstaver ville vært greit dersom du for eksempel vil at alle <h1> taggene skulle være i store bokstaver, for da hadde du ikke måttet være så nøye med å følge systemet i HTML fila som du har brukt tidligere, med andre ord det hadde ikke spilt noen rolle om du hadde skrevet med små eller store bokstaver i HTML fila, for CSS fila ville automatisk skjønt at alle <h1> taggene skulle vært uppercase. Dersom du hadde begynt å blande litt i CSS koden, slik at du ville hatt uppercase noen stedet og brukt lowercase eller capital andre steder ville det fort blitt rot. 5/8

6 Oppgave E.3 I kurset har vi sett på tre ulike teknikker for å tilpasse en webside til ulike skjermstørrelser; relative måleenheter, medietyper med spesiell vekt på handheld og media queries. a) Hva er forskjellen på disse teknikkene, og hvilke(n) vil du anbefale? b) Hvilke av disse teknikkene er relatert til begrepet responsive web design, og hvordan? A ) Ved å bruke av relative måleenheter vil nettsiden du lager være fysisk like stor på de forskjellige plattformene. Nettsider som er laget med medietyper er laget med forskjellige stilark, ett for hver plattform som du ønsker at siden skal være brukbar og lesbar. Ved bruk av media queries vil du kunne ha for eksempel forskjellig utseende på forskjellige plattformer. Det vil si at ved bruk av data skjerm vil designet på nettsiden din være forskjellig fra for eksempel en smartphone. Det vil ikke si at designet MÅ se annerledes ut, men det er et eksempel. B) Media Queries er teknikken som er relatert til begrepet responsive web design. Dette fordi denne teknikken gjør at nettsiden responderer til de forskjellige plattformene. 6/8

7 Oppgave E.4 Det dukker stadig opp "utvidelser" til HTMLspråket, og MathML er en av disse vi har sett på i kurset. Hvilke fordeler og ulemper er det ved å bruke MathML fremfor å sette inn et bilde slik det ble gjort tidligere? Fordelene ved å bruke MathML er at lærere og forelesere kan legge ut matteoppgaver på en nettside ved hjelp av noen enkle kodesnutter, samtidig vil også oppgavene være søkbare. Dersom de hadde lagt ut bilder av oppgavene, noe de fleste gjør i dag, vil ikke oppgavene lenger være søkbare for søkemotorer. Ulempen med MathML er at ikke alle nettlesere støtter denne formen enda, og vil derfor ikke fungere optimalt i for eksempel Google Chrome. 7/8

8 Oppgave E.5 Forklar kort, og så pressist som mulig, hva RSS er og hva det benyttes til. RSS står for Really Simple Syndication, men er i flere sammenhenger kalt for Levende Bokmerker. RSS lager en enkel og maskinlesbar side som kun inneholder det mest sentrale fra en nettside, for eksempel nyhetsoverskrifter på en nyhetsside. Disse blir oppdatert gjevnlig og automatisk så fort en nettside med RSS oppdateres. VG for eksempel har en egen RSS side som har et helt enkelt og rent design, men en liste over de nyeste nyhetsoverskriftene, dersom du klikker på en av de blir du sendt direkte til den valgte nyheten. Et annet eksempel som ofte bruker RSS feeder er blogger, disse sidene blir i de fleste tilfeller oppdatert ganske gjevnlig og leserne vil derfor kunne ha stor bruk for en RSS feed for å kunne holde seg oppdatert. Med mindre de absolutt ønsker å gå inn på siden for å se siste nytt. 8/8

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

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

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

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

- 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

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

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

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

Hovedprosjekt 2011. Høgskolen i Oslo. Gruppe 24. Tore Holmboe (s155547) Vegard Kamben (s148147) Anders Fohlin Kjøde (s155551) Haakon Nygård (s155535)

Hovedprosjekt 2011. Høgskolen i Oslo. Gruppe 24. Tore Holmboe (s155547) Vegard Kamben (s148147) Anders Fohlin Kjøde (s155551) Haakon Nygård (s155535) Hovedprosjekt 2011 Høgskolen i Oslo Gruppe 24 Tore Holmboe (s155547) Vegard Kamben (s148147) Anders Fohlin Kjøde (s155551) Haakon Nygård (s155535) Stian Pettersen (s144449) en RSS-leser på tvers av touchenheter

Detaljer

WEBUTVIKLING OBLIG 4. Installasjon

WEBUTVIKLING OBLIG 4. Installasjon WEBUTVIKLING OBLIG 4 Installasjon 1. Jeg lastet ned MAMP gratis fra www.mamp.info og installerte på maskinen. Trykker så på Start Server og ser at det fungerer når Apache Server og MySQL Server lyser grønt.

Detaljer

Oblig 4 Webutvikling. Oppgave

Oblig 4 Webutvikling. Oppgave Oblig 4 Webutvikling Oppgave Lag din egen Wordpress- site der du tester ut CMS- systemet. Det å lage egne templates fra bunnen kan være noe komplisert, så det holder for dette prosjektet om dere modifiserer

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

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

Søkemotorer. - en guide for en bedre rangering. Søkemotorer en guide for bedre rangering. InBusiness AS 2006 1

Søkemotorer. - en guide for en bedre rangering. Søkemotorer en guide for bedre rangering. InBusiness AS 2006 1 Søkemotorer - en guide for en bedre rangering Søkemotorer en guide for bedre rangering. InBusiness AS 2006 1 Innledning Har du endelig fått deg et nettsted med bra design og oppdatert innhold MEN så oppdager

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

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

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

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

Hvordan bruke Hageselskapets muligheter for levende bokmerker (RSS)?

Hvordan bruke Hageselskapets muligheter for levende bokmerker (RSS)? Hvordan bruke Hageselskapets muligheter for levende bokmerker (RSS)? Av Ole Petter Vik, Asker Versjon 2.3-24.02.2012 RSS (Really Simple Syndication, på norsk Levende bokmerker) er en metode informasjonsutgivere

Detaljer

Refleksjonsnotat Web.

Refleksjonsnotat Web. Refleksjonsnotat Web. www.kildebruk.host22.com Mariell Hagen Hovedoppgaven i Web Webdesign: opphavsrett og bruk av kilder Vi har hatt prosjektperiode i litt over 2 uker. Oppgaven var at vi skulle lage

Detaljer

EKSAMEN. Webutvikling Dato: ITF10511. Eksamenstid: 25/11-2013. 09.00-13.00 Hjelpemidler: Faglærer: Ingen. Tom Heine Nätt

EKSAMEN. Webutvikling Dato: ITF10511. Eksamenstid: 25/11-2013. 09.00-13.00 Hjelpemidler: Faglærer: Ingen. Tom Heine Nätt EKSAMEN Emnekode: Emne: ITF10511 Webutvikling Dato: Eksamenstid: 25/11-2013 09.00-13.00 Hjelpemidler: Faglærer: Ingen Tom Heine Nätt Eksamensoppgaven: Oppgavesettet består av 7 sider inkludert denne forsiden,

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

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

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

Dokument 1 - Sammendrag

Dokument 1 - Sammendrag Dokument 1 - Sammendrag Automatnett - Nytt CMS-verktøy for Uno-X Automat Fakultet for teknologi, kunst og design Høgskolen i Oslo og Akershus, 2013 Innholdsfortegnelse Sammendrag 1 1. Innledning 1 2. Om

Detaljer

Veiledning om RSS, Netvibes, Sesam og Diigo

Veiledning om RSS, Netvibes, Sesam og Diigo Veiledning om RSS, Netvibes, Sesam og Diigo Sonja M. Mork og Øystein Sørborg Oversikt over ressurser vi skal bruke i arbeid med informasjonssøk og kildevurdering http://netvibes.com Kan bl.a. samle RSS

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

REFLEKSJONSNOTAT FOR WEBPERIODEN

REFLEKSJONSNOTAT FOR WEBPERIODEN 9. 11. 2010 HEIDI BJELLAND 2MKA REFLEKSJONSNOTAT FOR WEBPERIODEN HØSTEN 2010 Webdesign www.omfoto.net23.net Heidi Bjelland Jeg valgte prosjektoppgave C som var å lage en informativ side om foto. Målgruppen

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

Hvordan skaffe artikler?

Hvordan skaffe artikler? Hvordan finner jeg fulltekst? Hvordan finne og organisere mine e-tidsskrifter? Besøk på ISM 30/3-09 Jan Ove Rein & Karen Buset Medisinsk bibliotek Kontakt oss på medbib@ub.ntnu.no Hvordan skaffe artikler?

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

ErgoGroup AS eway Nydalsveien 28 Postboks 4364 Nydalen 0402 Oslo Tlf.: +47 23 14 50 00 Faks: +47 23 14 50 01 www.ergogroup.no www.eway.

ErgoGroup AS eway Nydalsveien 28 Postboks 4364 Nydalen 0402 Oslo Tlf.: +47 23 14 50 00 Faks: +47 23 14 50 01 www.ergogroup.no www.eway. Hva er eway? eway er en portal og plattform for samarbeid internt i en organisasjon og med organisasjonens partnere og kunder. Gjennom portalen forenkles og effektiviseres arbeidsprosesser knyttet til

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

Brukerveiledning for programmet HHR Animalia

Brukerveiledning for programmet HHR Animalia Brukerveiledning for programmet HHR Animalia Versjon 1.0 Rakkestad, 26.03.2014 Innholdsfortegnelse 1. Introduksjon... 3 2. Installasjon og oppgradering... 3 2.1 Nedlasting... 3 2.2 Oppdatering av operativsystem

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

1. GRUNNLEGGENDE BEGREPER I NY COLUMBIWEB

1. GRUNNLEGGENDE BEGREPER I NY COLUMBIWEB Grunnmodul 1. GRUNNLEGGENDE BEGREPER I NY COLUMBIWEB Det er 6 grunnleggende begreper i ny ColumbiWeb: Mal, Side, Artikkel, Fil, Meny og Emne. Malen inneholder html-kode og styrer altså utseendet på en

Detaljer

JEG KAN.. 1.trinn. IT-plan for elever ved Rørvik skole

JEG KAN.. 1.trinn. IT-plan for elever ved Rørvik skole 1.trinn Jeg kan peke på: Tastaturet Skjermen Datamaskinen Musa Jeg kan slå på og av datamaskinen på riktig måte. Jeg kan trykke på start og logge på og av. Jeg kan starte et program ved hjelp av startmenyen.

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

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

Oblig 5 Webutvikling. Av Thomas Gitlevaag

Oblig 5 Webutvikling. Av Thomas Gitlevaag Oblig 5 Webutvikling Av Thomas Gitlevaag For oppgave 1 og 2 skal dere levere en funksjonell webside på deres hjemmeområde. Dere skal også levere alle phps-filene slik at man for en hver side kan slenge

Detaljer

Installasjonsveiledning av Faktura Z

Installasjonsveiledning av Faktura Z Installasjonsveiledning av Faktura Z Innholdsfortegnelse INSTALLASJONSVEILEDNING AV FAKTURA Z 1 Innholdsfortegnelse 1 Oppstart av CD 1 Installasjon av Faktura Z 2 Installasjon av database 5 Programinfo

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

Utseende. Lauri Watts Oversettelse: Bjørn Steensrud

Utseende. Lauri Watts Oversettelse: Bjørn Steensrud Lauri Watts Oversettelse: Bjørn Steensrud 2 Contents 1 Utseende 4 1.1 Generelt........................................... 4 1.2 Skrifter............................................ 4 1.3 Stilsett............................................

Detaljer

CustomPublish.com. Nyhetsbrev. Introduksjon til Nyhetsbrevfunksjonen i CustomPublish

CustomPublish.com. Nyhetsbrev. Introduksjon til Nyhetsbrevfunksjonen i CustomPublish CustomPublish.com Nyhetsbrev Introduksjon til Nyhetsbrevfunksjonen i CustomPublish Innhold 1. Innledning 2. Opprett nyhetsbrev 3. Send nyhetsbrevet 4. Bruk 1. Innledning Nyhetsbrevsfunksjonen gir deg muligheten

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

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

Seksjoner, kategorier og artikler

Seksjoner, kategorier og artikler Seksjoner, kategorier og artikler Seksjoner, kategorier og artikler En av de viktigste delene av en nettside er innholdet. Nå som vi har en blank installasjon, la oss få inn noen artikler på siden. Artikler

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

Presentasjon av bachelorprosjekt

Presentasjon av bachelorprosjekt Presentasjon av bachelorprosjekt Oppgave 008E: Utvikling av dynamisk nettsted med portefølje, showreel og nettbutikk, for profilering av multimediaselskap. Oppdragstaker: Morten Nyutstumo (BAIN) Veileder:

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

Google Cloud Print-guide

Google Cloud Print-guide Google Cloud Print-guide Versjon 0 NOR Merknadsdefinisjoner Vi bruker følgende merknadsstil gjennom hele denne brukermanualen: Merknadene forteller deg hvordan du reagerer på situasjoner som kan oppstå,

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

Oblig 4 Webutvikling

Oblig 4 Webutvikling Oblig 4 Webutvikling Oppgave 1 Lag din egen Wordpresssite der du tester ut CMSsystemet. Det å lage egne templates fra bunnen kan være noe komplisert, så det holder for dette prosjektet om dere modifiserer

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

En smak av web Østfoldbibliotekene 2009

En smak av web Østfoldbibliotekene 2009 Ting 2: Blogging De fleste blogger man finner på internett publiseres med et bloggverktøy. Det finnes en rekke slike tjenester fra ulike tilbydere. De fleste er gratis, og reklamefinasiert, mens noen koster

Detaljer

PROSJEKT TIL FORDYPNING

PROSJEKT TIL FORDYPNING EVA-ANITA THORSEN 2MKA 26.10.09 WEBDESIGN. WEBSIDER. DREAMWEAVER. PROSJEKT. DELRAPPORT. AVSLUTNING. BEGYN- NELSE. TEMPLATES. CSS. HTML. STILARK. KODING. PROSJEKT TIL FORDYPNING DELRAPPORT 0.1 Innholdsfortegnelse

Detaljer

Kom i gang. Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010

Kom i gang. Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010 Kom i gang Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010 Innholdsfortegnelse Introduksjon til Bedrift Online 4 Web-basert publiseringsverktøy 4 Hva du trenger 4

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

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk

Detaljer

Bytte til OneNote 2010

Bytte til OneNote 2010 I denne veiledningen Microsoft OneNote 2010 ser helt annerledes ut enn OneNote 2007, så vi har laget denne veiledningen for å gjøre det så enkelt som mulig for deg å lære forskjellene. Les videre for å

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

Om Traxway Conrivo registreringsløsning

Om Traxway Conrivo registreringsløsning Om Traxway Conrivo registreringsløsning Conrivo betyr «Samle» på latin. Conrivo er laget for å samle data og så analysere dem etterpå. Du finner en demoversjon ved å gå til http://www.traxway.com og så

Detaljer

Et forsøk på definisjon. Eksempel 1

Et forsøk på definisjon. Eksempel 1 Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michael.preminger@hioa.no) 19/08-15 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner

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

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

HUIN100 Essay nr. 2. Skrevet av: Morten Sørreime Studentnr.: Antall ord: 947. Side 1 av 5

HUIN100 Essay nr. 2. Skrevet av: Morten Sørreime Studentnr.: Antall ord: 947. Side 1 av 5 HUIN100 Essay nr. 2 Skrevet av: Morten Sørreime Studentnr.: Antall ord: 947 Side 1 av 5 Om markeringsspråk og RSS Jeg starter med en kort beskrivelse av HTML/XHTML og XML og deres innbyrdes forskjeller.

Detaljer

Programmering i ActionScript 3.0 Flash CS3 Professional

Programmering i ActionScript 3.0 Flash CS3 Professional Oppdatering til boka: Programmering i ActionScript 3.0 Flash CS3 Professional Endringer i Flash CS4 Professional I denne oppdateringen går vi gjennom boka Programmering i ActionScript 3.0 Flash CS3 Professional

Detaljer

PBL Barnehageweb. Brukerveiledning

PBL Barnehageweb. Brukerveiledning PBL Barnehageweb Brukerveiledning 1 1. Innledning Gratulerer med valget av nye PBL Barnehageweb! Med PBL Barnehageweb skal det være enkelt å lage en brukervennlig, moderne og profesjonell nettside for

Detaljer

Web 2.0 Del 1 Blogg. Temauke IKT for lærere 3.- og 6. September 2007. Kjetil Østereng kjetil.ostereng@hiof.no

Web 2.0 Del 1 Blogg. Temauke IKT for lærere 3.- og 6. September 2007. Kjetil Østereng kjetil.ostereng@hiof.no Web 2.0 Del 1 Blogg Temauke IKT for lærere 3.- og 6. September 2007 Kjetil Østereng kjetil.ostereng@hiof.no Innhold Innhold... 2 Generelt... 3 Bakgrunn og opprinnelse... 3 Bakgrunn til forelesning mandag

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

Administrasjon av saker. - Redigere saker med standard mal

Administrasjon av saker. - Redigere saker med standard mal Administrasjon av saker - Redigere saker med standard mal Admin V3 September 2015 INNLEDNING... 3 HVA ER EN ARTIKKEL?... 4 FANE: INNHOLD... 4 Felter i en standard artikkel... 5 LAGE EN NY ARTIKKEL... 6

Detaljer

Læringsplattform for IT-fag basert på HTML5 utviklet i CakePhp

Læringsplattform for IT-fag basert på HTML5 utviklet i CakePhp Læringsplattform for IT-fag basert på HTML5 utviklet i CakePhp { En selvstendig plattform som kan brukes til å formidle kurs på nett med dagsaktuell teknologi. Oppgave 5, av Fredrik Johnsen Oppgavestiller

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

WordPress startguide

WordPress startguide WordPress startguide INNLEDNING... 2 BLOGGINNLEGG... 3 HVORDAN LEGGE TIL ET BLOGGINNLEGG:... 4 UNDERSIDER... 5 HVORDAN LAGE EN NY SIDE... 6 LAST OPP BILDER/VIDEO... 7 KOMMENTARER PÅ INNLEGG... 8 UTSEENDE...

Detaljer

Formatering og bruk av bilder på Hemings hjemmeside

Formatering og bruk av bilder på Hemings hjemmeside Formatering og bruk av bilder på Hemings hjemmeside Generelt om bildebruk Bilder skaper liv på en side. Mange undersøkelser har vist at øynene dras mot bilder på nettet. Noe av det første våre øyne dras

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

Pålogging. www.allpro.no. Hovedsiden på www.allpro.no Bilde 1

Pålogging. www.allpro.no. Hovedsiden på www.allpro.no Bilde 1 Pålogging AllPro-Kjørebok er et Web-basert kjørebokprogram, og du trenger derfor ingen programvare for å benytte programmet. Det eneste du trenger er en PC, PDA eller mobiltelefon med internettilgang.

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

Thursday, August 19, 2010. Web-prosjekt

Thursday, August 19, 2010. Web-prosjekt Web-prosjekt Om kurset Organisering av kurset Består av to hoveddeler: Webpublisering Prosjektarbeid Motivasjon Web Lære å utvikle websider Lære prinsipper for brukervennlighet og tilgjengelighet Skrive

Detaljer

Innstallasjon og oppsett av Wordpress

Innstallasjon og oppsett av Wordpress Del 1 - Installasjon og oppsett Innstallasjon og oppsett av Wordpress Wordpress har blitt en veldig populær publiseringsplattform for websider. Uten særlige tekniske ferdigheter kan man sette opp profesjonelle

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

RUTEPLANLEGGINGSSYSTEM BRUKERVEILEDNING

RUTEPLANLEGGINGSSYSTEM BRUKERVEILEDNING RUTEPLANLEGGINGSSYSTEM BRUKERVEILEDNING Prosjekt 18 Jørgen Mobekk Sørensen Morten Evje Tor Andreas Baakind Anders Gabrielsen Side 1 1 FORORD Dette dokumentet er brukerveiledningen, og skal være en veiledning

Detaljer

Artist webside. Gruppe medlemmer Joakim Kartveit. Oppdragsgiver Tetriz Event & Management. Frode Mathiesen. Gry Anita Nilsen.

Artist webside. Gruppe medlemmer Joakim Kartveit. Oppdragsgiver Tetriz Event & Management. Frode Mathiesen. Gry Anita Nilsen. Artist webside Innhold Artist webside...1 Gruppe medlemmer...1 Oppdragsgiver...1 Kontaktperson...2 Veileder...2 Oppgaven...2 Muligheter...2 Sammendrag...2 Dagens situasjon...2 Mål og rammebetingelser...3

Detaljer

Brukerveiledning. for publiseringsløsningen. Dashboard CMS. Utarbeidet av

Brukerveiledning. for publiseringsløsningen. Dashboard CMS. Utarbeidet av Brukerveiledning for publiseringsløsningen Dashboard CMS Utarbeidet av Sist revidert: 24.05.2013 Forord Denne brukerveiledningen er laget som et hjelpemiddel for raskt å komme i gang med redigering av

Detaljer

Annonse informasjon. 30 000 unike brukere og 250 000 sidevisninger pr uke på web. 25 000 unike brukere og 35 000 sidevisninger pr uke på mobil

Annonse informasjon. 30 000 unike brukere og 250 000 sidevisninger pr uke på web. 25 000 unike brukere og 35 000 sidevisninger pr uke på mobil Annonse informasjon Med annonser i Kampanje treffer du beslutningstagerne innenfor markedsføring, kommunikasjon og medier. Som Norges ledendene mediekanal på disse områdene, kan vi tilby en spisset målgruppe

Detaljer

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Instituttsider og personlige hjemmesider som ligger på HFs egen webserver skal nå fases ut.dette innebærer at alle som fortsatt har hjemmesider der,

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

Innhold 1 Universelt utformete og tilgjengelige PDF dokumenter... 2 1.1 Hvorfor PDF?... 2 1.2 Gjør det lettere for deg selv... 2 2 Eksporter fra Word

Innhold 1 Universelt utformete og tilgjengelige PDF dokumenter... 2 1.1 Hvorfor PDF?... 2 1.2 Gjør det lettere for deg selv... 2 2 Eksporter fra Word Innhold 1 Universelt utformete og tilgjengelige PDF dokumenter... 2 1.1 Hvorfor PDF?... 2 1.2 Gjør det lettere for deg selv... 2 2 Eksporter fra Word til PDF... 2 3 Gjør tilgjengelighetsverktøyene synlige

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

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

Hvordan redigere fotoblogg sider i Joomla 3.x

Hvordan redigere fotoblogg sider i Joomla 3.x Hvordan redigere fotoblogg 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 >>

Detaljer

Brukerdokumentasjon. LabOra web-portal. LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider.

Brukerdokumentasjon. LabOra web-portal. LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider. Brukerdokumentasjon LabOra web-portal LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider. Løsningen er integrert med Medarbeideren, slik at du kan få publisert

Detaljer

Hurtigstartveiledning

Hurtigstartveiledning Hurtigstartveiledning Microsoft OneNote 2013 ser annerledes ut enn tidligere versjoner, så vi har laget denne veiledningen for å hjelpe deg med å redusere læringskurven. Veksle mellom berøring og mus Hvis

Detaljer

Installasjon av Nett-TV-meter Trinn for trinn

Installasjon av Nett-TV-meter Trinn for trinn Installasjon av Nett-TV-meter Trinn for trinn Nett-TV-meter tilpasset for Windows og OS X (Mac). I dette dokumentet finner du fremgangsmåten for installasjonen av Nett-TV-meter. I e-posten du/dere har

Detaljer

Digitale eller trykte utgaver av håndboken kan i sin helhet distribueres fritt til alle brukere av EPiServer CMS.

Digitale eller trykte utgaver av håndboken kan i sin helhet distribueres fritt til alle brukere av EPiServer CMS. Copyright Denne håndboken er beskyttet av opphavsrettsloven. Endring av innhold eller delvis kopiering av innhold er ikke tillatt uten tillatelse fra opphavsrettsinnehaveren.. Digitale eller trykte utgaver

Detaljer