Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari

Størrelse: px
Begynne med side:

Download "Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari"

Transkript

1 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 utfylling av data Endre utforming av hjemmesider ved hjelp av stiler og CSS Pensum Introduksjonshefte kapittel1 til TDT4105/4110 Informasjonsteknologi grunnkurs: 3 HTML - virkemåte <html> <head> <title>min webside</title> </head> <body> <h1>overskrift</h1> Dette er en webside </body> </html> Et dokument med etternavn.htm eller.html Leser inn HTML Nettleser: Firefox, Opera, Safari Presenterer dokumentet 4 Hvordan virker webteknologi? (klient-tjener arkitektur) Klient Ber om en webside: Sender HTML m.m. tilbake Nettverk Tjener

2 5 HTML - En intro HTML er en forkortelse for HyperText Markup Language: Hypertekst: Interaktive dokumenter der du kan hoppe mellom ulike dokumenter. Markup: Kan bruke bestemte merkelapper (tags) i et dokument for å bestemme egenskaper til innholdet, f.eks. Fet skrift. Språk: For å presentere interaktive dokumenter som kan inneholde tekst og multimedia på Internett. 6 Hva er html Hyper Text Markup Language Et standardisert markeringsspråk En merkelapp / tag Har et navn og ofte en start- og en sluttmerkelapp De fleste har innhold, men de kan være uten også: Skråstrek betyr avslutt <start> innhold </avslutning> <title> innhold </title> <br/> Forteller hvordan data som tekst og bilder skal presenteres i en nettleser TDT4105/4110 Informasjonsteknologi grunnkurs: 7 8 Internettside i HTML Litt om filnavn og websider Skal kan begynne med <HTML>, har et hode <HEAD> med en tittel <TITLE> og en kropp <BODY> Et HTML-dokument må ha etternavn.html eller.htm Eksempel på minimal webside: <html> <head> <title>tittel på websiden</title> </head> <body> Litt tekst kommer her. </body> </html> Noen websider har bestemte filnavn: Andre websider oppgir ikke bestemte filnavn: I slike tilfeller vil webtjeneren lete etter filer med navn index.htm, index.html, index.jsp, index,php osv. Hvis dere skal lage en egen webside på stud, bør dere ha en fil som heter index.html Eks:

3 9 Oversikt over enkle merkelapper Overskrifter: <h1>...</h1>, <h2>...</h2>,<h3>...</h3>... Avsnitt: <p>...</p> Vektlegge tekst (kursiv): <em>...</em> (kan bruke <i>...</i>) Uthevet tekst: <strong>...</strong> (kan bruke <b>...</b>) Senket tekst : <sub>...</sub> Hevet tekst : <sup>...</sup> Tvunget linjeskift: <br> Horisontal linjedeler (horizontal ruler): <hr> uke35-1.html 10 Merkelapper med attributter Merkelappene kan ha attributter <merkelappnavn attributtnavn= attributtverdi > Bakgrunnsfarge <body bgcolor= lightblue > Bilder <img src= bilde1.jpg /> uke35-2.html Eksempel: uke35-1.html Eksempel: uke35-2.html 11 uke35-3.html 12 Lister Hyperlenker Uordnede lister (punktlister) Ordnede lister (nummererte lister) Definisjonslister Eksempel: uke35-3.html <ul> <li>donald</li> <li>viggo</li> </ul> <ol> <li>donald</li> <li>viggo</li> </ol> <dl> <dt>donald</dt> <dd>en gal and</dd> <dt>viggo</dt> <dd>en fyr med trøbbel</dd> </dl> Brukes til å knytte sammen sider. Ved å bruke en hyperlenke, vil man få klikkbar tekst eller bilde som gjør at nettleseren vil lese inn en ny webside. Hyperlenker kan også brukes til å forflytte seg i samme dokument. Merkelappen til en hyperlenke er følgende: <a href= adressetilwebside >LenkeTekst</a> Eks: <a href= >Klikk for NRK</a> klikk for NRK Selve målet for lenken kan angis absolutt eller relativt

4 13 14 Absolutt hyperlenke Protokoll Domene / server Kataloger + filnavn <a href= >Eks1</a> En slik komplett adresse til filen kalles en URL og består av: Protokollen som brukes til å overføre filen http Domenet/serveren hvor filen ligger Filens plassering i domenet/på serveren ~alfw/jsp/eks1.html For å skille mellom mapper bruker vi / Rot Katalogstrukturer (trestruktur) Dokumenter Programmer Bilder Fritid Jobb Diverse Seriøst Spill Natur Folk Dyr fil. doc Absolutt adresse til et dokument i katalogen Fritid: Rot/Dokumenter/Fritid/fil.doc Relativ adresse hvis du står i katalogen Fritid: fil.doc Relativ adresse hvis du står i katalogen Dokumenter: Fritid/fil.doc Relativ adresse hvis du står i katalogen Diverse:../Fritid/fil.doc Relativ adresse hvis du står i katalogen Dyr:../../Dokumenter/Fritid/fil.doc 15 uke35-4.html 16 uke35-5.html Relativ hyperlenke Tabeller En relativ hyperlenke peker til websider relativt i forhold til hvor nåværende webside befinner seg. Relativ: <a href= eksempel1.html >Eks1</a> Lenken blir da relativ i forhold til dette dokumentets plassering I dette tilfellet må filen eksempel1.html ligge i samme mappe som den filen vi lager. Kan også bruke kataloger for relative hyperlenker <a href= historier/historie1.html >Historie1</a> Kan også angi websider i foreldre katalogen (katalogen over) <a href=../eksempel4.html >Eksempel4</a> Eksempel: uke35-4.html For å dele inn data i rader og kolonner Fire nye merkelapper Tabell: <table> </table> Lager nye rader: <tr> </tr> Radene må inn i en tabell Overskriftscelle: <th> </th> Vanlige celler: <td> </td> Cellene må inn i en rad Husk å avslutte merkelappene Eksempel: uke35-5.html <table> <tr> <th>tegneserie </th> <th>forklaring </th> </tr> <tr> <td>pondus </td> <td>fotballgale øldrikkere </td> </tr> </table

5 17 uke35-6.html 18 uke36-1.html Attributter for tabeller Farger Ramme: <table border= 1 /> Tekstplassering: Horisontalt: <td align= right /> Vertikalt: <td valign= bottom /> Utspente celler Over flere rader: <td rowspan= 2 /> Over flere celler: <td colspan= 3 /> Størrelse Bredde: <table width= 50% /> Vidde: <td height= 500px /> Vi kan forandre farger med attributter For å endre bakgrunnsfargen: <body bgcolor= lightblue > Her kan fargen angis som en tekst (lightblue, red, green, ) Vi kan også angi fargen som bestanddeler: #rødt grønt blått Fargene angis fra 00 til ff i det heksadesimale tallsystemet 0-9 som i det vanlige desimaletallsystemet Videre: 10 = a, 11 = b, 12 = c, d = 13, e = 14, f = 15, 16 = 10, Eksempel: <body bgcolor= #8899ff > Her kan dere prøver dere frem selv. Velg verdier fra 00 til ff og prøv. En del bildebehandlingsprogrammer kan gi dere denne fargeverdien fra et bilde Eksempel: uke35-6.html Form - skjema Vi kan fylle ut et skjema med informasjon av forskjellig typer og sende det over internett. Form - skjema Har to viktige attributter action: Hvor innholdet av skjemaet skal sendes Relativ adresse: action= rdform.pl" Absolutt adresse: action= E-postadresse: action= method: Hvordan data sendes Som skjult tekst: method= post" Kan inneholde større datamengder/lengre tekststrenger Advarer mot å sende samme informasjon to ganger Som åpen tekst: method= get Lettere å se hva som blir sendt TDT4110 IT Grunnkurs

6 21 22 Input - tekstfelter Sende og nullstillingsknapp Finnes i flere typer Typen angis ved attributtet type= text Tekstfelter er kanskje den vanligste typen av datafeltene Navnet angis ved attributtet name= fornavn Vi må senere bruke fornavn for å få ta i dataene våre For tekstfelter kan vi også angi Lengde size= 30 Maks antall tillatte tegn maxlength= 15 Skjemaet må ha en knapp for å sende data Knappen er typen submit type= submit" Vi kan her angi hva som skal stå på knappen med value= send Skjemaet kan ha en knapp for å fjerne data Knappen er typen reset type= reset" Vi kan her angi hva som skal stå på knappen med value= nullstill <input type= text" name= fornavn" > <input type= text" name= fornavn" > <input type= submit" value= send" > <input type= reset" value= nullstill" > Knapper Select - flervalgsboks Avkryssingsboks Knappen er typen checkbox type= checkbox" Radioknapper Knappen er typen radio type= radio Flere knapper tilhører samme gruppe, men har forskjellig verdi name= kjonn value= mann name= kjonn value= kvinne <input type= checkbox" name= myndig" /> <input type= radio" name= kjonn" value= mann" /> <input type= radio" name= kjonn" value= kvinne" /> Kan brukes til å velge verdier fra en liste Bruker som de andre attributtet name name= reisemaal" Omslutter en eller flere merkelapper av typen <option> <option> gir valgmulighetene Må ha attributtet value value= egypt" < select name= reisemaal" > <option value= egypt" >Egypt</option> <option value= mexico" >Mexico</option> </select>

7 25 26 Textarea - stort tekstfelt Table - litt repetisjon Kan brukes til å skrive lengre tekster Bruker som de andre attributtet name name= kommentar For å angi størrelse Rader rows rows= 5 Kolonner cols cols= 20 <textarea name= kommentar rows= 3 cols= 10"></textarea> Hvordan kan vi få skjemaet vårt til å se ryddig ut? <table> <tr> <td>fornavn</td> <td><input type= text" name= fornavn" ></td> </tr> <tr> <td> <input type= submit" value= send" ></td> <td> <input type= reset" value= nullstill" ></td> </tr> </table Forandre utseende Forandre utseende For å forandre utseende på mobiltelefoner kan vi bytte deksel På en windows-pc kan vi bruke themes Vi ser at vi har det samme innholdet, men forskjellig utseende Vi kan gjøre det samme for html-dokumenter Eksempel: Vi bruker da noe som heter cascading style sheet Norsk : stilark TDT4110 IT Grunnkurs

8 29 30 Stilark/style sheets (CSS) External style sheet Html Forteller hvilken struktur et dokument skal ha CSS - Cascading Style Sheets Forteller hvordan html-elementer skal presenteres Vi har forskjellige typer CSS Browser default Standard for nettleser Inline Style For en merkelapp (se heftet for mer) Internal Style Sheet For et html dokument (se heftet for mer) External Style Sheet For et web-område (mange html dokumenter) Vi kan angi felles stil for flere dokumentet Stilene samles i egen fil Inneholder bare stiler Inne i html-filene må vi lenke til stilarket <head> <link rel="stylesheet" type="text/css" href= minstil.css"/> </head> 31 uke36-3.html 32 uke36-4.html Stiler style.css Classes (klasser) style2.css Stilene angis i en egen fil (minstil.css) slik merkelappnavn{ egenskap: verdi; egenskap: verdi; } For eksempel slik Gir utseende til innholdet i ALLE td-merkelappene td{ font-size: 16pt; font-family: arial; } Gir forskjellig utseende til like merkelapper Angis i css-filen med merkelappnavn.klassenavn td.red{color: #ff0000;} Eksempel Forandrer KUN utseende til innholdet i de td-merkelappene hvis klassen red angis. <td class="red"> </td>

9 33 uke36-5.html 34 Formatering av et område style3.css Oppsummering Usynlige merkelapper <div> </div> Lager automatisk linjeskift før og etter <div class= minklasse > </div> <span> </span> Kan brukes midt i en tekst <span class= minklasse > </span> HTML gir strukturen på dokumentet Vi har sett på merkelapper for formattering av tekst, bilder, hyperlenker, tabeller, webskjema, etc CSS forteller hvordan det skal presenteres visuelt Marger, farger, fontstørrelse, fonttype, bakgrunn, bokstavavstand, høyde, bredde, rammer, tekstplassering Ikke alle egenskapene er kompatible med alle nettlesere Eksterne style sheets er mest vanlig Størrelse kan gis i px (pixler), pt (points), em (emphasize) og % Skjemaer brukes til innfylling og sending av data 35 Nettsteder Fagets hjemmeside: w3schools: HTML help: 36 Hvordan legge ut en egen hjemmeside Først må du skaffe deg bruker til datasalene. Logge deg inn på en maskin på datasal (3.etg. P15) Starte opp programmet TextPad eller NotePad (TextWrangler Mac OS X) Skrive inn HTML-kode Lagre HTML-dokumentet: Velg Min datamaskin /my Computer Velg Q: (folk on Samba b (webedit.ntnu.no) ) Velg filtype HTML Velg navn på fil (f.eks. index) Du finner din hjemme side på:

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

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

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

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

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

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

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

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

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

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

(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

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

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

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

Dobbelklikk på program-ikonet!

Dobbelklikk på program-ikonet! En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html

Detaljer

Innføring i bruk av CGI4VB

Innføring i bruk av CGI4VB Innføring i bruk av CGI4VB Her kommer en enkel innføring i bruk av modulen CGI4VB som kan benyttes for å lage CGI programmer i Visual Basic. CGI er en forkortelse for Common Gateway Interface den kommunikasjonsprotokollen

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

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

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

Innføring i bruk av CGI4VB

Innføring i bruk av CGI4VB Innføring i bruk av CGI4VB Her kommer en enkel innføring i bruk av modulen CGI4VB som kan benyttes for å lage CGI programmer i Visual Basic. CGI er en forkortelse for Common Gateway Interface den kommunikasjonsprotokollen

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

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

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

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

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

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

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

Bedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt.

Bedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt. Bedrift Online Komme i gang Nå er det enklere enn noensinne å redigere nettstedet ditt. oktober 2008 Bedrift Online 2008 Nidelven IT and WOW webdesign. All rights reserved. Under the copyright laws, this

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

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

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

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

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

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

Innstillinger. Endre Personalia

Innstillinger. Endre Personalia Innstillinger Endre Personalia: Her kan du endre personlige innstillinger. Tilpass it's:learning: Her kan du tilpasse utseende og endre f. eks språk. Varsling: Du kan få varslinger tilsendt både på e-post

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

HTML og relasjonsdatabaser med PHP

HTML og relasjonsdatabaser med PHP HTML og relasjonsdatabaser med PHP Oppgaveveiledning Kent Dahl Informasjonsbehandling Brukersystemer Orkdal videregående skole (7. mars 2004) Innholdsfortegnelse 1. Introduksjon...2 1.1.

Detaljer

Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP.

Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP. 1 Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP. (Læreboka kapittel 2-5) Legg merke til den første blokken,

Detaljer

9. ASP med databasekopling, del II

9. ASP med databasekopling, del II Else Lervik 23.03.2004 Opphavsrett: Forfatter og Stiftelsen TISIP Lærestoffet er utviklet for faget LV192D Web-programmering med ASP 9. Resymé: I forrige leksjon så vi hvordan ASP kunne brukes til å vise

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

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

KF Lokal personalhåndbok - brukerveiledning for redaktør

KF Lokal personalhåndbok - brukerveiledning for redaktør KF Lokal personalhåndbok - brukerveiledning for redaktør Innhold 1. KF Lokal personalhåndbok og KF Infoserie... 2 2 Din rolle - Redaktør... 4 3 Skriv lokal tekst... 4 4 Lag lenker i lokal tekst... 6 5.

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

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

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

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

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

Detaljer

LO130A Webpublisering. Forelesning 1 23.08.04

LO130A Webpublisering. Forelesning 1 23.08.04 LO130A Webpublisering Forelesning 1 23.08.04 1 I dag Leksjon 1: Internett, webservere og nettlesere. Leksjon 2: Innledende om (X)HTML. 2 Kort om historien til INTERNETT ARPA-net (Advanced Research Project

Detaljer

Verdier, variabler og forms

Verdier, variabler og forms [Kurssidene] [ ABI - fagsider bibin ] Verdier, variabler og forms Michael Preminger (michaelp@hio.no) 16/01-14 Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Litt om forrige times øvelsesoppgaver

Detaljer

Li-Bjørk A/S på Web !" # $% $&"!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur

Li-Bjørk A/S på Web ! # $% $&!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur !" # $% $&"!' Studentoppgave SY 241 Elektronisk Publisering Prosjektrapport 2002 Avdeling for samfunn, næring og natur 0 Innholdsfortegnelse 1 FORMÅL OG BRUKSOMRÅDE...2 2 LOVER OG AVTALER...3 2.1 SAMARBEIDSAVTALE...3

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

AUTOCAD 2008. Artikkelserie. Tabeller

AUTOCAD 2008. Artikkelserie. Tabeller Odd-Sverre Kolstad AUTOCAD 2008 Artikkelserie Tabeller Gyldendal Norsk Forlag AS 2007 Omslag Marianne Thrap Redaktør: Rune Kjelvik Formgiver: Rune Kjelvik 1. opplag ISBN 978-82-05-37108-8 Alle henvendelser

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

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

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

Et forsøk på definisjon. Eksempel 1

Et forsøk på definisjon. Eksempel 1 [Kurssidene] [ ABI - fagsider bibin ] Introduksjon Michael Preminger (michael.preminger@hioa.no) 13/12-13 I denne forelesningen: Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Motivasjon:

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

Produktinfo WebService. integrasjonsbeskrivelse

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

Detaljer

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

SPO/IKT Kurshefter / Innføring i Microsoft Expression Web

SPO/IKT Kurshefter / Innføring i Microsoft Expression Web 1 of 9 15.02.2011 12:15 SPO/IKT Startsiden Kurshefter Veivisere Vår testside m/ versjon etc Testside Innføring i Microsoft Expression Web Formål: Å gi studenter en innføring i bruk av Microsoft Expression

Detaljer

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

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

Detaljer

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

ff Brukermanual ebladadmin Pro

ff Brukermanual ebladadmin Pro ebladadmin ebladadmin er en nettbasert publiseringsløsning for publisering av eblad (digitale magasiner, publikasjoner, DM, årsrapporter, tilbudsaviser, kataloger, produktpermer, bruksanvisninger, mm)

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

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

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

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

Bruksanvisning for administrasjon av www.lillehammerfk.no

Bruksanvisning for administrasjon av www.lillehammerfk.no Bruksanvisning for administrasjon av www.lillehammerfk.no Målet med lillehammerfk.no er å være en levende nettside for hele klubben. For å få til det, må de enkelte lagene selv legge til innhold på nettsiden.

Detaljer

Vedlikeholde nettstedet i Joomla 2.5 +

Vedlikeholde nettstedet i Joomla 2.5 + Vedlikeholde nettstedet i Joomla 2.5 + Innlogging: Klikk deg inn på din nettside. I menyen på ditt nettsted vil det være en link til logg inn eller adm. Klikk på denne og logg inn med det brukernavnet

Detaljer

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

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

Detaljer

Brukerveiledning for SI Norge. Publiseringsverktøy for klubbenes hjemmesider

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

Detaljer

Utkast. Publiseringsløsning. Brukerdokumentasjon ez Publish. Logge på Gå inn på: http://www.mrfylke.no/mrfylke_admin

Utkast. Publiseringsløsning. Brukerdokumentasjon ez Publish. Logge på Gå inn på: http://www.mrfylke.no/mrfylke_admin Brukerdokumentasjon ez Publish Publiseringsløsning Utkast Opprett nytt menypunkt (mappe)... 2 Legg til kontaktpersoner... 5 Sett inn bilde... 6 Sett inn notiser... 8 Opprett nyhetsartikkel... 11 Last inn

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

EKSAMEN. Emne: Innføring i informasjons- og kommunikasjonsteknologi

EKSAMEN. Emne: Innføring i informasjons- og kommunikasjonsteknologi EKSAMEN Emnekode: LA101IKT Emne: Innføring i informasjons- og kommunikasjonsteknologi Dato: 26.11.2010 Eksamenstid: kl. 09:00 til kl. 15:00 Hjelpemidler: Ingen trykte, kun hjelpefunksjoner på datamaskinen

Detaljer

Lagring av EndNote stil fra EndNotes hjemmeside når du bruker Mac

Lagring av EndNote stil fra EndNotes hjemmeside når du bruker Mac Lagring av EndNote stil fra EndNotes hjemmeside når du bruker Mac EndNote leveres kun et begrenset antall populære stiler. Finner du ikke tidsskriftstilen du trenger, må du gå til EndNote s hjemmeside

Detaljer

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

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

Detaljer

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

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

Brukerveiledning for hjemmesider

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

Detaljer

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

Kom i gang med. Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools.

Kom i gang med. Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools. Kom i gang med Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools. i-tools er et produkt fra Innhold Innhold... 2 Om i-tools... 3 Om InBusiness...

Detaljer

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/ Brukermanual Itpays W3 Publish Sette opp, logge inn og komme i gang Redigert den 23. mai 2005 http://www.itpays.no/produkter/publisering/ Innholdsoversikt: 1 Generelt om Itpays w3 publish Side 3 2 Sette

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

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

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

Administrering av SafariSøk

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

Detaljer

8 - Rapporter i M-STAS

8 - Rapporter i M-STAS 8 - Rapporter i M-STAS Innledning Denne brukerveiledningen tar sikte på å gi deg en generell innføring i hvordan du henter ut rapporter fra M-STAS. Selv om rapportene er forskjellige med hensyn til innhold

Detaljer

Side 1. Sniggabo CMS brukermanual rev. 2

Side 1. Sniggabo CMS brukermanual rev. 2 Side 1 Sniggabo CMS brukermanual rev. 2 INNHOLDSFORTEGNELSE Logg inn... 3 Menylinje... 3 Artikkelliste... 4 Ny artikkel... 5 Aktiviteter... 8 Rediger aktivitet... 9 Dokumenter... 9 Nytt dokument... 10

Detaljer

Brukermanual for lr.no

Brukermanual for lr.no Brukermanual for lr.no mars 2009 - revidert november 2011 Innhold 1 Introduksjon... 2 2 Pålogging... 3 3 Medlem... 4 3.1 Legge til kommentarer... 4 4 Ansatt...... 5 4.1 Legge til nyhet... 5 4.2 Legge til

Detaljer

1. Lage og vise et enkelt XML-dokument

1. Lage og vise et enkelt XML-dokument Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Lage og vise et enkelt XML-dokument Lene Hoff (revidert av Tore Mallaug) 1.9.2013 Lærestoffet er utviklet for faget XML Teknologi 1. Lage

Detaljer

PUBLISERING PÅ WWW.HIT.NO

PUBLISERING PÅ WWW.HIT.NO 2. 2. 2011 HØGSKOLEN I TELEMARK PUBLISERING PÅ WWW.HIT.NO Publisering på www.hit.no Frode Evenstad 1 Innholdsfortegnelse 2 Komme i gang...3 2.1 Logge inn...3 2.2 Verktøylinja...4 3 Nettside...5 3.1 Brødtekst...5

Detaljer

Sikkerhet og internett

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

Detaljer

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden.

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden. 1. Logg deg inn i portalen: Klikk på Min side og oppgi medlemsnummer og passord: Inntil du endrer passord, er det NJFF + ditt postnummeret, som er passord, f.eks. NJFF1378. Velg fylkeslag fra dropdown-menyen

Detaljer

Brukerveiledning. for student hjemmeeksamen

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

Detaljer

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

www.borettslag.net Brukermanual Versjon 2.0

www.borettslag.net Brukermanual Versjon 2.0 www.borettslag.net Brukermanual Versjon 2.0 Brukermanual for hjemmesider fra Borettslag.net Innholdsfortegnelse: Velkommen som redaktør...3 Innlogging...4 Meny...5 Generelle innstillinger...6 Hovedmeny...8

Detaljer

ActiveBuilder Brukermanual

ActiveBuilder Brukermanual ActiveBuilder Brukermanual Forfatter: TalkActive I/S Dato: Juni 2004 Versjon: R. 1.01 Språk: Norsk Copyright 2004 - Talk Active - all rights reserved. Innhold: 1. INNLEDNING...2 2. HURTIGSTART...3 3. OPPBYGGINGEN

Detaljer

Hvordan lage en hjemmeside

Hvordan lage en hjemmeside Hvordan lage en hjemmeside En kort introduksjon til produksjon, editering og publisering av Torbjørn Meling Introduksjon Vi skal nå gå gjennom noen steg som forklarer med tekst hvordan man kan bruke Microsoft

Detaljer