html - minikurs ved Sverre Andreas Fekjan webforum

Størrelse: px
Begynne med side:

Download "html - minikurs ved Sverre Andreas Fekjan webforum"

Transkript

1 html - minikurs ved Sverre Andreas Fekjan webforum html er begynner med <TAGG ATTRIBUTT= verdi > og slutter med </TAGG>. De fleste er omsluttende: <h1></h1> Overskrift <p></p> Avsnitt <strong> </strong> Fet <em> </em> Kursiv Noen kan brukes enkeltvis: <br /> Linjeskift (innenfor avsnitt) <hr /> Horisontal linje Noen er hierarkiske: En tabell begynner med <table>, så kommer første rad, så kommer første celle i raden <td>, og først her kommer teksten man skal skrive i tabellen. Dernest avslutter man først cellen, og man kan fortsette med flere celler <td> med tekst og avslutning, eller avslutte raden med. Så kan man fortsette med flere rader med celler <td> og tekst, som så avsluttes, før hele tabellen avsluttes med </table>. <ul><li></il></ul> Punkter Mellomrom:

2 Hjemmesiden til IHR som eksempel: Her er hjemmesiden til IHR avbildet slik den så ut Html-koden som begynner på neste side er kopiert samme dato. De kan leses parallelt for å se hvordan de ulike kodene blir seende ut i praksis.

3 <table style="width: 560px; height: 94px;" border="0"> <td style="text-align: center;" colspan="2"> href=" mp;p_menu=28714&p_lang=2"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å se studieprogram og emner." src=" alt="klikk her for å se studieprogram og emner." width="250px" height="35px" /></a></p> <td width="220"> <h2>om fagdisiplinene:</h2> <td style="text-align: right;" rowspan="4"><img style="border: 0px solid; margin: 0px 0px;" title="institutt for historie og religionsvitenskap (IHR)" src=" alt="institutt for historie og religionsvitenskap (IHR) (Bredde: 280px)" width="280px" height="186px" /><br /> <td><a href=" ocument_id=213923&p_lang=2&p_dimension_id=88152"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å komme til fagsiden for historie." src=" alt="historie.png (Original størrelse)" width="200px" height="50px" /></a> <td><a href=" ocument_id=214710&p_lang=2&p_dimension_id=88152"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å komme til fagsiden for religionsvitenskap." src=" alt="religionsvitenskap.png (Original størrelse)" width="200px" height="50px" /></a>

4 <td><a href=" ocument_id=214700&p_lang=2&p_dimension_id=88152"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å komme til fagsiden for teologi." src=" alt="teologi.png (Original størrelse)" width="200px" height="50px" /></a> <td> <td><br /> </table> <hr /> href=" amp;p_dimension_id=88152&p_menu=28927&p_lang=2"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for mer info om RHD." src=" alt="rhd (Original størrelse)" width="546" height="42" /></a></p> <hr /> <table style="width: 560px; height: 120px;" border="0"> <tr bgcolor="#6495ed"> <td width="280"> <h2>presentasjon av instituttet</h2> <td width="280"> <h2>instituttets virksomhet</h2>

5 <tr bgcolor="#9db8e5"> <td> href=" 2&p_menu=28927&p_lang=2">Om instituttet</a></p> href=" mp;p_menu=28711&p_lang=2">ansatte ved IHR</a></p> <td> href=" &p_menu=28713&p_lang=2">forskning ved IHR</a></p> <h3>forskningsprosjekter:</h3> <ul> href=" mp;p_menu=28713&p_dimension_id=88152&p_lang=2" title="creating the New North">Creating the New North (CNN)</a></li> href=" >Narrating the High North (NHN)</a></li> href=" amp;p_dimension_id=88152&p_menu=42515&p_lang=2" title="neighbourly asymmetry">neighbourly Asymmetry: Norway and Russia </a> </li>

6 href=" title="bef.register">historical Population Register (RHD)</a></li> href=" amp;p_dimension_id=&p_menu=&p_lang=">sparebank 1 Nord-Norges historie<br /></a></li> </ul> </table> <p style="text-align: center;"><iframe src=" ages%2freligionsvitenskap-og-teologi-ved- UiT%2F &width=500&colorscheme=light&show_faces=false&s tream=true&header=true&height=427" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; width: 500px; height: 427px;"></iframe></p> Nærmere innføring i html: Aslaugberg, Geir Juul (2007) Bli kjent med HTML en referanse, Bookworld, Oslo.

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

Bilder, tabeller. Kirsten Ribu 26.09

Bilder, tabeller. Kirsten Ribu 26.09 Bilder, tabeller Kirsten Ribu 26.09 1 Repetisjon: div taggen Blokker () Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes med . Blokker benyttes i dokumenter der

Detaljer

Håkon Tolsby Håkon Tolsby

Håkon Tolsby Håkon Tolsby HTML5 og CSS Håkon Tolsby 27.08.2018 Håkon Tolsby 1 En webside min webside en html5 side dett er min første

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

En enkel innføring i HTML koding

En enkel innføring i HTML koding En enkel innføring i HTML koding Både Internet Explorer og Netscape Navigator kommer med egne verktøy for å lage HTML sider (FrontPage Express og Netscape Composer). Disse verktøyene inneholder et såkalt

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

Steg 1: Vi starter fra toppen

Steg 1: Vi starter fra toppen CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan

Detaljer

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE JULIE HILL ROA MIRA THOEN FEIRING HVA ER WEBUTVIKLING? SERVER KLIENT HTTP request HTML, CSS, JavaScript HTTP response HTML Innhold CSS Utseende JAVASCRIPT Oppførsel

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

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

EKSAMEN / 6101N WebPublisering

EKSAMEN / 6101N WebPublisering EKSAMEN 6101 / 6101N WebPublisering 09.12.2016 Tid: Målform: Antall sider: 3 timer Bokmål 8 (inkludert denne) Hjelpemidler: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du

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

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.

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

HTML: Legg til lyd og video

HTML: Legg til lyd og video HTML: Legg til lyd og video Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn:

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

Steg 1: En første animasjon

Steg 1: En første animasjon Halloweenimasjon Skrevet av: Torbjørn Skauli og Geir Arne Hjelle Kurs: Scratch Tema: Blokkbasert, Animasjon Fag: Programmering, Engelsk, Kunst og håndverk Klassetrinn: 1.-4. klasse, 5.-7. klasse, 8.-10.

Detaljer

EKSAMEN Web-publisering

EKSAMEN Web-publisering EKSAMEN 6101 Web-publisering 02.06.2016 Tid: Målform: Sidetall: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du bruker mellom

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

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

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

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

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

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 INF1040-CSS-1 Boks-modellen Et XHTML-dokument er satt sammen

Detaljer

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 Boks-modellen Et XHTML-dokument er satt sammen av elementer

Detaljer

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

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

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

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em; Oblig 2: Oppgave 1 Hva og hvorfor Jeg har valgt å lage et nettsted basert på relative målenheter. Det vil si at jeg tar i bruk prosent og em istedenfor pixler. For eksempel: section { width: 50%; height:

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html

file:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html 1 of 8 02.04.2015 20:45 Oppsummering fra forrige gang Bakgrunner i DW kan lages både med farger og bilder kan brukes til å lage tiltalende design, skal derimot være obs. på at kontrasten til innholdsteksten

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

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

Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.

Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig. Webutvikling Oblig 5 Oppg 1 Her ser du sidebar og widgets som er tilgjengelig. Dette er contact form plugins, funker som kontaktskjema i nettsida, må bruke text fra widgets og kopiere kode blir generert

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

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

Javascript. Mer om layout

Javascript. Mer om layout Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)

Detaljer

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

1. XHTML. Innhold Innledning

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

Detaljer

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

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

EKSAMEN Webpublisering

EKSAMEN Webpublisering Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 03.12.2015 Tid: Målform: Sidetal: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene

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

"Dette skjer når jeg trykker på denne knappen" "Når jeg skriver i dette feltet, ser jeg at det andre forandrer seg"

Dette skjer når jeg trykker på denne knappen Når jeg skriver i dette feltet, ser jeg at det andre forandrer seg Tegning med SVG Skrevet av: Teodor Heggelund Kurs: Elm Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon I denne oppagaven skal vi lære

Detaljer

Rammer. Mer om Javascript

Rammer. Mer om Javascript Rammer. Mer om Javascript LO130A Kirsten Ribu 11.10.2004 Kirsten Ribu - HiO - LO 130 A 1 I dag Om rammer (Frames) Mer om Javascript Kirsten Ribu - HiO - LO 130 A 2 Innledende om rammer (Frames) Med rammer

Detaljer

Høgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen

Høgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 05.12.2013 Tid: Målform: Sidetal: 3 timer Bokmål 7 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene

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

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

ITF Eksamensform: Skriftlig (digital) Dato: 28/

ITF Eksamensform: Skriftlig (digital) Dato: 28/ SENSORVEILEDNING Emnekode: ITF10213 Emnenavn: Innføring i programmering Eksamensform: Skriftlig (digital) Dato: 28/11 2018 Faglærer(e): Tom Heine Nätt Eventuelt: Oppgavene vektes slik det står i oppgavesettet.

Detaljer

Læringsmål og pensum. Skript og markupspråk. Hva er HTML?

Læringsmål og pensum. Skript og markupspråk. Hva er HTML? 1 2 Læringsmål og pensum TDT4105 Informasjonsteknologi grunnkurs: Uke 46 Markup og skriptingspråk Alf Inge Wang Asbjørn Thomassen Mål Viktige begreper, forkortelser og prinsipper for markup og skriptingspråk

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

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

Brukermanual Prosjekt nr Det Norske Veritas

Brukermanual Prosjekt nr Det Norske Veritas Prosjekt nr. 2011 22 Brukermanual Hovedprosjektets tittel Implementering av plugin og utvikling av wizard for Det Norske Veritas Prosjektdeltakere Magnus Strand Nekstad s156159 Jørgen Rønbeck s135779 Dato

Detaljer

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

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

Detaljer

Steg 1: Felix har forsvunnet!

Steg 1: Felix har forsvunnet! HTML: Forsvunnet katt Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduksjon Katten

Detaljer

EKSAMEN (Konvertert fra en gammel PHP-eksamen)

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

Detaljer

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

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

HØGSKOLEN I SØR-TRØNDELAG

HØGSKOLEN I SØR-TRØNDELAG HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Kandidat nr: DELVIS LØSNINGSFORSLAG (ikke fullstendig) Eksamensdato: 12. desember 2005 Varighet: 3 timer (9:00 12:00) Fagnummer: LO515D Fagnavn:

Detaljer

RAPPORT WEBP MAGNE SILJAN

RAPPORT WEBP MAGNE SILJAN RAPPORT WEBP MAGNE SILJAN -12.12.13 INNLEDNING TOLKNING AV OPPGAVEN Tolkingen av oppgaven var at det skulle utvikles en webside for en klient (firma, organisasjon eller et annet prosjektområde). Websiden

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

HTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag

HTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag HTML-del 1. er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag 2. Grafisk elementer på web skal være a) 72 ppi b) 144

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

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

HØGSKOLEN I SØR-TRØNDELAG

HØGSKOLEN I SØR-TRØNDELAG HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 18. mai 2006 Varighet: 3 timer (09:00 12:00) Fagnummer: Fagnavn: Klasse(r): LV197D Webprogrammering med

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

CSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu

CSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu CSS: Style nettsider Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Nå skal vi lære å endre på

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

Oppgave 1. Oppgavenr A B C

Oppgave 1. Oppgavenr A B C Side 1 av 6 Oppgave 1 Oppgavenr A B C 1.1 O 1.2 O 1.3 O 1.4 O 1.5 O 1.6 O 1.7 O 1.8 O 1.9 O 1.10 O 1.11 O 1.12 O 1.13 O 1.14 O 1.15 O 1.16 O 1.17 O 1.18 O 1.19 O 1.20 O Side 2 av 6 Oppgave 2 Programmering

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

I denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.

I denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS. CSS: Skjul ninjaene Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi, Kunst og håndverk

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

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

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-programmering med JSP Løsningsforslag leksjon 3

Web-programmering med JSP Løsningsforslag leksjon 3 Web-programmering med JSP Løsningsforslag leksjon 3 Oppgave 1 Denne siden viser inneholder en oversikt over biler:

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

HØGSKOLEN I SØR-TRØNDELAG

HØGSKOLEN I SØR-TRØNDELAG HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Løsningsforslag Kandidat nr: Eksamensdato: 13. mai 2005 Varighet: 3 timer (9:00 12:00) Fagnummer: LO515D Fagnavn: Klasser: NETT2005V Studiepoeng:

Detaljer

INTRODUKSJON HVEM ER DETTE FAGET FOR?...

INTRODUKSJON HVEM ER DETTE FAGET FOR?... Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Kom i gang med PHP Svend Andreas Horgen Lærestoffet er utviklet for faget IINI3003 Webprogrammering med PHP Resymé: Denne leksjonen skal

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

Kursinformasjon på VVV

Kursinformasjon på VVV Informasjon fra driftsgruppen Kursinformasjon på VVV Svein Bøe Øystein Christiansen Dag Langmyhr Ingebjørg Theiss 6. januar 1998 Institutt for informatikk Universitetet i Oslo Innhold 1 Litt om VVV 3 1.1

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

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring)

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring) IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring) IT-avdelingen, UiB 14.10.2010 Innhold Innhold... 2 Kort om IT-hjelp (utdrag fra https://it.uib.no/om_it-hjelp)...

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

En bedre verden med AJAX

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

Detaljer

Brukermanual til Domenia Norges adminløsning

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

Detaljer

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

Den beste måten hvis du skal endre allerede eksisterende artikler

Den beste måten hvis du skal endre allerede eksisterende artikler OPPLÆRING I NETTPUBLISERING MED JOOMLA 3 Sist oppdatert: 2. October 2018 13:49 redigering fra FORSIDEN Den beste måten hvis du skal endre allerede eksisterende artikler Side 2 Innhold Forsiden - redigere

Detaljer

XSLT 2. David Massey MBIB

XSLT 2. David Massey MBIB XSLT 2 David Massey MBIB4140 21-9-2017 Demo html.xsl mondial.xsl albania 1214489 1618829

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

FAGMILJØ OG STUDIETILBUD I HISTORIE (IHR)

FAGMILJØ OG STUDIETILBUD I HISTORIE (IHR) FAGMILJØ OG STUDIETILBUD I HISTORIE (IHR) 1. OVERSIKT OVER FAGMILJØ 1 a. Fast ansatte Født Stilling 1946 Professor 1953 Professor 1951 Førsteamanuensis 1947 Professor 1948 Professor 1945 Professor 1949

Detaljer

Innhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6

Innhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6 Lage/endre leksjon 1 Innhold Innledning... 2 Lage en leksjon... 3 Legge inn tekst, kulepunktliste og bilde... 6 Kopiere og lime inn tekst fra andre programmer... 10 Bygge inn en video... 10 Sette inn hyperkobling...

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

I tillegg er det mulig å registrere informasjon om seg selv, slik som bakgrunn, vitenskapsdisiplin, emneord og Curriculum Vitae (CV).

I tillegg er det mulig å registrere informasjon om seg selv, slik som bakgrunn, vitenskapsdisiplin, emneord og Curriculum Vitae (CV). Forskere Modulen Forskere er et sentralt bindeledd i Cristin. Den knytter sammen forskningsresultater, prosjekter, forskningsenheter og årsrapportering. Fra denne profilen vil alt som blir registrert i

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

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

Fraktaler og datastrukturer

Fraktaler og datastrukturer Fraktaler og datastrukturer Skrevet av: Teodor Heggelund Kurs: Elm Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon En fraktal

Detaljer

Kjente saker for nytt grensesnitt for Oria

Kjente saker for nytt grensesnitt for Oria Oppdatert: 11. februar 2018 Kjente saker for nytt grensesnitt for Oria Aksjonspunkter: Beskrivelse Status pr 19/09 2017 Ferdig? Diskuteres Venter på Ex Libris Utviklingsoppgave Ikke mulig Ønske om at søkefeltet

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

Introduksjon til Jupyter Notebook

Introduksjon til Jupyter Notebook Introduksjon til Jupyter Notebook Introduksjon Dette dokumentet er ment som en kort introduksjon til hvordan man kommer i gang med Jupyter Notebook, men er på ingen måte en fullstendig guide. Om du sitter

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

Referansedokument meldingsimplementering

Referansedokument meldingsimplementering Tema: Revisjonshistorikk Dato Kommentar Ansvarlig 11.07.2006 Publisert AA Dette notatet inngår i en samling av referansedokumenter som inneholder generelle råd, tips og veiledning til bruk og implementering

Detaljer