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

Størrelse: px
Begynne med side:

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

Transkript

1 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 lagt inn i <title>, alt av ting han selger. Det skal bare ligge et kort stikkord som forklarer siden. Han har lagt alt av design i html og css (noe han ikke har en gang). F.eks <font color="#996600" face="arial"><span style="font-size:14"> Han har ikke indetetert i koden. Alt i et kaos, uten noen pusterom. Man ser ikke hvem link som er til hvem bildet Oppgave 2.greenText{ color:green;.bigtext{ font-size:30px; <p class='greentext bigtext' > hei dette er en stor grønn tekst</p> Oppgave 3 div { background-color: purple; width: 300px; padding: 25px; border: 25px solid navy; margin: 20px; border-style:solid; border-color:green;

2 #banner { width:1000px; height:100px; margin-left:auto; margin-right:auto; max-width:100%; border-style:solid; border-color: Oppgave 4 (Etter forelesning 1.3?) Finn eksempler på (deler av) nettsider som ikke skiller innhold og design på en god måte. Beskriv hva som er galt og hvordan det kan fikses. Diskuter spesielt tvilstilfellene Et kjempe fint eksempel på en nettside som ikke har design og innhold i praktisk bra stand er... Denne nettsiden er for barn og muligens tenåringer som skal lære biologi. Siden er lagd av en passion lærer som setter yrket sitt høyt oppe, men ikke hjemmeside tydeligvis. Denne hjemmesiden kunne vært veldig bra og lærerikt om designet ble prioritert helt anderledes enn hva det er nå. Noe som også må påpekes er at når man trykker på linkene helt nederst, vil du laste ned word dokumenter. Dette kunne vært unngått ved å lagd en ny side. Teksten på hjemmesiden og ikke minst bakgrunnen på enkelte sider, mange av dem er veldig vanskelig å lese og tyde. Oppgave 5 (Etter forelesning 1.4?) Beskriv tjenester/funksjoner du selv kommer opp med som bruker strukturelle tagger på en fornuftig måte. Vg.no bruker flere <article> tagger <paragraph>, <summary>, <aside>, <figure>

3 Oppgave 6 p.pos_fixed { position: fixed; top: 30px; right 5px; background_pic { background-image:url(«bilder/skog.jpg»); background-size:100 % 100%; background-repeat:no-repeat; h2.pos_left { position: relative; left:-20px; h2.pos_right { position:relative; left: 20px; Oppgave E1 A) <body> <h1>min flotte side</h1> </body>

4 B) <div id= «nav»> <ul id=»nav»> <li><a href=»index.html»> Hjem </a></li> <li><a href= «om_oss.html»> Om oss </a></li> </ul> or <nav> </nav> C) <div id= «main»> <p> Lorem ipsum osv... </p> D) <div id= «sidebar_reklame»> or <aside> </aside> E) <div id «sidebar_kalender»> G) <body> </body>

5 F) <footer> <p>laget av Tom Heine</p> </footer> Oppgave E3 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test</title> <header> <h1>logo og tittel</h1> </header> </head> <body> <h1>testside</h1> <p> Hei på deg. Se på bildet mitt: <img src="bilde.psd" alt="bilde" width="344" height="226"> </p> <br/> <br/> <p> Nok en paragraf </p> </body> </html> Oppgave E4 External style sheet er det idealt å bruke når stilen brukes til flere sider. Med denne sheeten kan utseende bli skiftet etter hvilken link tag man bruker. Eks <head> <link rel="stylesheet"type="text/css"href="mystyle.css">

6 </head> Det som menes med Internal style er at style sheeten blir bruket et singel dokument, som dette: <head> <style> body { background-color:linen; h1{ color:maroon; margin-left:40px; </style> </head> Oppgave E5 Det som menes med bakoverkompatibelt er at det funker i eldre nettlesere. Noen html5 elementer gjør ikke det, mens noen har lite støtte. Samme som støtte i CSS før det blir innført så må man ha prefixed som webkit og moz. Oppgave E6 <picture> taggen er slik at den laster opp dens bildekvalitet og størrelse etter hvilke skjermstørrelse brukeren er på. Det ville spart mye tid, gjort det mye enklere med tanke på skriving og endring av kode. Oppgave E7 Som box model menes det at alle de ulike elementene i HTML behandles som firkantede bokser. Det som er så bra med det et at boxene gis de samme egenskapene. Fint til å forme designet på hjemmesiden. Oppgave E8 Det som kunne bli anderledes er at Bill Gates kunne kjøpt rettigheten til «nettet», og ta betalt for Internett. Eller at andre leverandører at tatt betalt hver gang vi koblet oss opp mot nettet.

7 Oppgave E9 Fordelene med at en webside må være 100% validert er at det ikke vil vært noen feil på siden. Alle websidene vil være det beste på tilgjengelighet, brukervennlighet og synlighet. Alt av typiske feil vil være rettet opp og muligens flere sider hadde sett bedre ut med ulike og bedre funksjonaliteter. Ulempene med at webside skal være 100% validert er at det ville vært mye jobb om det er enkelte feil som det ikke er så farlig med. Selve siden kan være oppe og gå, men om det er småfeil som ikke er synlig, så kan det bli mye jobb. Oppgave E10 Det som er praktisk forskjellen mellom de to er at, den første er til kun enkelt bruk som om mn bare skal ha et bilde og ikke noe mer. Men velger man å ha bildet i CSS så er fint for å kunne endre på bildets størrelse osv, om bildet skulle bli borte setter man en tekst der og det er praktisk i forhold til å ha alt av design i CSS.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer!

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer! Lesson 4 CSS All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

This Learning Activity must be published on your WordPress blog by the end of the fifth week of Web Design.

This Learning Activity must be published on your WordPress blog by the end of the fifth week of Web Design. Week 23 Learning Activity - Planning the Structure Create the structure of your web page (from Learning Activity - Put Thought Into Your Design) in terms of HTML files and folders. You need to set these

Detaljer

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

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

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

en hjemmeside Lesson Introduksjon Du kjenner en del HTML tagger, så nå er det på tide å lage din første hjemmeside! La oss begynne med en gang.

en hjemmeside Lesson Introduksjon Du kjenner en del HTML tagger, så nå er det på tide å lage din første hjemmeside! La oss begynne med en gang. Lesson 2 en hjemmeside 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

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

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

(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

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

Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet.

Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. HJEM OM OSS KONTAKT STYLE SHEET LIMITLESS - SUNN & ENERGIRIK BAGUETT Limitless inneholder en optimal balanse av karbohydrater, fett og protein for aktive mennesker. Vårt mål er å kunne tilby deg sunn,

Detaljer

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

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

Produktdokumentasjon gruppe 16 Grüner FK

Produktdokumentasjon gruppe 16 Grüner FK Produktdokumentasjon gruppe 16 Grüner FK Sammendrag Dette skrivet er vår produktdokumentasjon for hovedprosjekt våren 2009 ved høgskolen i Oslo. Sent høsten 2008 ble vi kontaktet av Grüner FK s b-lag gjennom

Detaljer

Løsningsskisse prøve IT1

Løsningsskisse prøve IT1 Løsningsskisse prøve IT1 Etikk og regler Forklar disse begrepene åndsverk litterært, vitenskapelig eller kunstnerisk visst minimum av original, skapende innsats verkshøyde for å ha opphavsrettslig vern

Detaljer

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

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

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

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

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

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

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

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

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

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

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

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

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

Forelesning 23/9-08 Webprog 1. Tom Heine Nätt

Forelesning 23/9-08 Webprog 1. Tom Heine Nätt Forelesning 23/9-08 Webprog 1 Tom Heine Nätt Kursinfo Tom Heine Nätt E-post: tom.h.natt@hiof.no Mobil: 92012120 MSN: thnatt@hotmail.com All nødvendig info (forhåpentligvis) finnes på kursets webside: http://www.it.hiof.no/webprog1

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

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

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

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

Prosjekt. Halvårs-rapport. til fordypning. Eva-Anita Thorsen 2MKA. 7.Januar, 2010

Prosjekt. Halvårs-rapport. til fordypning. Eva-Anita Thorsen 2MKA. 7.Januar, 2010 1 0 Prosjekt 7.Januar, 2010 til fordypning Eva-Anita Thorsen 2MKA Halvårs-rapport 0.1 innhold 2 INFO SIDE Innhold 2 Innledning 3 Hoveddel 4-8 Avslutning 9 Logg 10-12 Bakside 13 0.2 innledning 3 Innledning

Detaljer

Hva gjør du når over 20.000 nettsider skal tilgjengeliggjøres for mobil og ipad, og over 40 redaktører skal i tillegg holde nettstedet vedlike.

Hva gjør du når over 20.000 nettsider skal tilgjengeliggjøres for mobil og ipad, og over 40 redaktører skal i tillegg holde nettstedet vedlike. BI Hva gjør du når over 20.000 nettsider skal tilgjengeliggjøres for mobil og ipad, og over 40 redaktører skal i tillegg holde nettstedet vedlike. Litt om bakgrunnen Behov for å være tilgjengelig på mobil

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

Nettsider og XHTML. SGML-familien. Hvordan lage et nettsted

Nettsider og XHTML. SGML-familien. Hvordan lage et nettsted Nettsider og XHTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- strict.dtd"> En minimal nettside Hallo, verden!

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

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

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

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

HTML5 og CSS3. - Fremtiden på web: struktur, semantikk og styling. christine.lund@evita.no. Yggdrasil, Tønsberg - 12.10.2010 HTML5 og CSS3 - Fremtiden på web: struktur, semantikk og styling christine.lund@evita.no Yggdrasil, Tønsberg - 12.10.2010 Christine Lund Enterprise 2.0: konsulent, teamleder, fagansvarlig Kort introduksjon

Detaljer

Multimedia. Kirsten Ribu Hio Webpublisering LO130A 18.10.04

Multimedia. Kirsten Ribu Hio Webpublisering LO130A 18.10.04 Multimedia Kirsten Ribu Hio Webpublisering LO130A 18.10.04 1 I dag Om lyd, animasjon og video og (X)HTML koden som trengs på sidene for å legge inn multimediafiler 2 Multimedia Gjør websidene dine mer

Detaljer

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

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

Detaljer

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

Miniprosjektrapport. Prosjektoppgave i Styresystemer 2AEL13H våren 2015

Miniprosjektrapport. Prosjektoppgave i Styresystemer 2AEL13H våren 2015 Høgskolen i Sør-Trøndelag Miniprosjektrapport Prosjektoppgave i Styresystemer 2AEL13H våren 2015 Gruppe 6 Emil Hatletveit Kristian Strøm Terje Magnus Sørensen Stian Berg Dyrnes Snorre Vongraven Andreas

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

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

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

Innføring i bruk av Klikker 4

Innføring i bruk av Klikker 4 www.normedia.no Postboks 24 1451 Nesoddtangen. Tlf 66915440 Fax 66912045 e-post: kontakt@normedia.no www.cricksoft.com Innføring i bruk av Klikker 4 Det vil bare ta deg noen få minutter å lese denne lille

Detaljer

Eksempeleksamenssett for Informasjons og publiseringsteknologi faget høsten 2005.

Eksempeleksamenssett for Informasjons og publiseringsteknologi faget høsten 2005. Eksempeleksamenssett for Informasjons og publiseringsteknologi faget høsten 2005. NB, det er flere oppgaver her enn det ville vært på et reelt eksamenssett, dette for at dere skal kunne få se eksempler

Detaljer

Bruksanvisning for Zotero (18/12/2014)

Bruksanvisning for Zotero (18/12/2014) Bruksanvisning for Zotero (18/12/2014) Zotero er et referansehåndteringsprogram som brukes til å samle, spare og organisere referanser bøker, bokkapittel, artikler, websider, etc. Du kan lage samlinger

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

Nettstedanalyse av pitchfork.com

Nettstedanalyse av pitchfork.com Nettstedanalyse av pitchfork.com Mars 2011 Skrevet av Markus Gevelt Introduksjon I denne oppgaven skal jeg analysere nettsiden www.pitchfork.com, med fokus på dens design og bruksmessige funksjonalitet.

Detaljer

Introduksjon til HyperText Markup Language

Introduksjon til HyperText Markup Language Introduksjon til HyperText Markup Language Skrevet av Atle Nes Avdeling for informatikk og e-læring Høgskolen i Sør-Trøndelag Dette er en kort introduksjon til hvordan du kan lage websider med en enkel

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

Dennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver

Dennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver Dennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver Først og fremst lastet jeg ned wamp på http://www.wampserver.com/en/ 64 bit. Deretter gjorde jeg dette: Det markert med rødt trykker jeg

Detaljer

Brukerveiledning wikispaces. Kursholder Kari Saasen Strand

Brukerveiledning wikispaces. Kursholder Kari Saasen Strand Brukerveiledning wikispaces Kursholder Kari Saasen Strand Våren 2011 2 Innhold Hvordan lage en wiki?... 4 Opprette konto.... 4 Rediger din side... 5 Manage wiki... 5 Rediger din velkomstside... 6 Verktøymeny...

Detaljer

Tilgjegelighet av XHTML-forms

Tilgjegelighet av XHTML-forms [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 08/02-14 Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Eksempel 1: For å lage en liten array (bare 5 innførsler)

Detaljer

Brukerveiledning for PedIT - Web

Brukerveiledning for PedIT - Web Brukerveiledning for PedIT - Web PedIT- Web Logg inn For å kunne logge inn, trenger du et brukernavn og et passord. Det er administrator sin oppgave å legge til brukere. Venstremargen Margen til venstre

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

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

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

Forberedelser; De sidene vi nå skal lage har etternavnet.htm eller.html. HypertextMarkupLanguage

Forberedelser; De sidene vi nå skal lage har etternavnet.htm eller.html. HypertextMarkupLanguage Vi lager hjemmeside Forberedelser; 1) Start med Utforskeren. Still deg i C: 2) Lag ei ny mappe som du døper det navnet du vil legge alle filene og mappene du vil legge ut på internett i. 3) Hvis du ikke

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

oss? Hva må webredaktører kunne om universell Aud Marie Hauge, ekspert i brukervennlighet og

oss? Hva må webredaktører kunne om universell Aud Marie Hauge, ekspert i brukervennlighet og Hva kan man forvente at en leverandør kan ordne for oss? Hva må webredaktører kunne om universell utforming? Aud Marie Hauge, ekspert i brukervennlighet og tilgjengelighet, li t Epinova Hva er universell

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

MEVIT2500 Multimodal design IMK, 15. februar 2010 Forelesning 3. Suhas Joshi IMK, UiO MEVIT2500 Multimodal design 15.02.10

MEVIT2500 Multimodal design IMK, 15. februar 2010 Forelesning 3. Suhas Joshi IMK, UiO MEVIT2500 Multimodal design 15.02.10 MEVIT2500 Multimodal design IMK, 15. februar 2010 Forelesning 3 Kort presentasjon Suhas Joshi suhasgj@student.sv.uio.no Utdanning, UiO Profesjonsstudiet i Informatikk Systemutvikling og modellering. Ferdig

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

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

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

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

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

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

Brukerveiledning Ipad og Goodreader

Brukerveiledning Ipad og Goodreader Brukerveiledning Ipad og Goodreader 28.10.13 Innhold: Del 1: - Side 2 5: Koble seg på et nettverk? Del 2: - Side 6 15: Sync(hente sakspapirer) Finne utvalg i serveren som en vil «Sync e». Del 3: - Side

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

Brukerdokumentasjon PIM Bohus

Brukerdokumentasjon PIM Bohus Brukerdokumentasjon PIM Bohus Til Fra Bohus WebOn AS Dato: 10.08.2105 Vår ref: Camilla Hetty Osa Telefon: 41 56 51 59 E-post: camilla@webon.net Ver: 2.0 WebOn AS, Wirgenes vei 8 B, P.O. Box 2198, N-3103

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

Foreningspakken. - For foreninger og Klubber. En tilrettelagt totalløsning for forenings- og idretts Norge.

Foreningspakken. - For foreninger og Klubber. En tilrettelagt totalløsning for forenings- og idretts Norge. Foreningspakken - For foreninger og Klubber En tilrettelagt totalløsning for forenings- og idretts Norge. Må tilbyr vi deg en løsning som er 100% webbasert og hvor du har: - Publiseringssystem - Medlemssystem

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