LO130A Webpublisering. Forelesning

Størrelse: px
Begynne med side:

Download "LO130A Webpublisering. Forelesning 1 23.08.04"

Transkript

1 LO130A Webpublisering Forelesning

2 I dag Leksjon 1: Internett, webservere og nettlesere. Leksjon 2: Innledende om (X)HTML. 2

3 Kort om historien til INTERNETT ARPA-net (Advanced Research Project Agency) startet på slutten av 1960-tallet som et prosjekt for det amerikanske forsvaret. Hensikten var å bli så lite sårbar som mulig ved mulig (atom-) angrep. Datamaskiner i et nettverk fortsatt skulle kunne kommunisere selv om en maskin falt ut. Med utvikling av maskinvare som rutere og programvare som TCP-IP kunne nettverk kobles sammen til internettverk. Tjenestene ble stadig bedre, og ARPANET utviklet seg til det som vi idag kaller Internett. 3

4 Oppbyggingen av Internett 4

5 Pakkesvitsjing Pakkesvitsjing er en teknikk for å sende data på Internett. Informasjon som skal sendes deles opp i mindre biter = pakker. Hver bit sendes uavhengig hverandre og tar forskjellige veier til mottaker (gjennom forskjellige rutere der belastningen er minst). Ved feilsending trenger bare et fåtall pakker å sendes på nytt. TCP-IP (Transmission Control Protocol - Internet Protocol) er den programvare som sørger for at informasjon kommer fra A til B. TCP-delen deler informasjonen opp i mindre biter på avsendersiden og setter det hele sammen igjen på mottakersiden. TCP sjekker også at alle pakkene kommer fram og sørger for ny sending av tapte pakker. IP-delen setter på "adresselapper" og styrer pakkene gjennom nettet til rett mottaker. 5

6 Pakkesvitsjing i nettet A stream of packets from sender to receiver. 6

7 Tjenester i nettet Telnet, og FTP ( File Transfer Protocol) er tjenester som eksisterte lenge før WWW, men få maskiner hadde muligheten til å benytte disse tjenestene. Telnet er et vindu mot en vertsmaskin slik at du kan starte mulige prosesser som om det var din egen maskin. FTP benyttes til filoverføring. 7

8 Kort om historien til WorldWideWeb Begrepet er opprinnelig knyttet til protokollen HTTP (HyperText Transfer Protocol) som ble utviklet rundt HTTP skulle håndtere dokumenter (ren tekst) skrevet etter en standard som ble kalt HTML (HyperText Markup Language). Bakgrunnen for WorldWideWeb var at det vitenskapelige miljøet ønsket å løse et arkivproblem rundt vitenskapelige rapporter som refererte til mange andre rapporter. Linker var helt essentielt i HTML-standarden. WorldWideWeb forble et verktøy for vitenskapelige miljøer inntil rundt 1995 da nettsteder ble alment tilgjengelig via nettleverandører som Telenor etc. WorldWideWeb har utviklet seg mye de siste årene ved at HTML har blitt utvidet med CSS (stilark) og script (JavaScript). Nye protokoller som XML og WML osv. er utviklet. Spesielt har XML ledet til utvikling fra HTML til XHTML. 8

9 Hvordan hentes websidene? 9

10 Nettlesere 10

11 Nettlesere - forskjeller De mest vanlige er Netscape Navigator (N) og Microsoft Internet Explorer (IE), den norske Opera. Et HTML-dokument kan bli vist noe forskjellig i forskjellige web-lesere så du bør teste web-sidene dine i både N og IE, evt. Opera. NB! N følger HTML-standarden mer strengt enn IE. Slurvete HTML-koding kan derfor få det resultatet at alt synes OK i IE mens det ikke blir vist i N. Det mest vanlige feilen som kan resultere i slike effekter er at HTML-tagger som blir åpnet ikke blir lukket. F.eks. vil en tabell som er åpnet med <table>, men ikke lukket med </table>, bli vist i IE, men ikke i N. 11

12 Hvordan adressere maskiner i nettet Nettadresser ( IP-adresser ) Alle maskiner tilknyttet Internett har en unik adresse Format (IPv4): 4 tall med punktum mellom Eks.: IP-adressen kan være statisk, dvs. fast tilordnet eller dynamisk, dvs tilordnes ved oppkobling 12

13 Nodenavn DNS (Domain Name Server) DNS-adresser, DNS-navn Format: domene.domene....toppdomene Eks.: Internett bruker et hierarkisk adressesystem En maskin har bare én IP-adresse, men kan ha flere nodenavn. Eks: cube eller alias student IP adressen er feks

14 DNS navnehierarkiet A portion of the Internet domain name space. 14

15 URLen - den universelle adressen URL: Universal Resource Locator 15

16 Web-serveren Avdelingens Web-sider ligger på en UNIX-server, og det er ikke den samme maskinen du logger deg inn på på pc-nettet. Spesielle grep må derfor gjøres forat du skal kunne "se" Web-serveren fra pc-nettet. Alle Web-dokumenter MÅ ligge på Web-serveren for å bli synlig for omverdenen. Du kan lage websidene dine og lagre dem lokalt på maskinen, eller direkte på webserveren. Da blir de synlige med en gang. Et alternativ er å bruke FTP. Dette er en grei metode dersom du har internett hjemme. MERK! WS_ftp er ikke kryptert. Man kan bruke et program som heter WINscp det er sikrere. 16

17 Direkte oppkobling til Webserver (fra pc-nettet) Start Windows utforsker med Start/Programmer/Windows Utforsker. Trykk Verktøy/Koble til nettverksstasjon... I vinduet som kommer opp er det to ruter som skal fylles ut. I ruten Stasjon: blir det foreslått en (ledig) stasjonsbokstav. La den stå som det er hvis du ikke har andre grunner for å endre det. I ruten Bane: skriver du: \\CUBE\LOGINNAVN. Kryss av ruten Koble til ved oppstart:. På den måten vil du alltid se Web-serveren når du logger inn på pc-nettet. Dere får hjelp på øvingstimen... 17

18 Kort om filoverføring med WS_ftp (1) FTP-programmet startes fra Windows med Start/Programmer/WS_FTP. Trykk New for å lage en ny profil. (Senere kan du bare velge den profilen som passer deg fra vinduet Profile Name:.) Hvis du vil lage en profil for oppkobling mot vår Web-server fyller du inn i rutene nedover. Profile Name: HiO Host Name/Address: student.iu.hio.no (eller cube.iu.hio.no) Host Type: (Hopp over denne - la det stå "Automatic detect") User ID: ditt loginnavn på Web-serveren Password: ditt passord på Web-serveren Merk av Save Pwd. Dette anbefales bare dersom du er på din egen private pc. Trykk OK, og du skal være oppkoblet mot Web-serveren. 18

19 Innloggingsvinduet 19

20 Kort om filoverføring med WS_ftp (2) I vinduet til venstre ser du filstrukturen på din egen maskin, og i vinduet til høyre ser du filstrukturen til vertsmaskinen (f.eks. Webserveren). Du kan manipulere med filene med de tilhørende knapperadene. Ved å merke av filer (en eller flere) kan du flytte filer fra det ene systemet til det andre ved hjelp av tastene mellom vinduene. Trykk Close når du er ferdig. 20

21 HTML - XHTML 21

22 Verktøy for HTML koding En type er såkalte WYSIWYG (What You See Is What You Get) dokumentbehandlere. Her bygger du opp (X)HTML-dokumentet uten å se (X)HTML-koden slik du ønsker det skal bli vist i en web-leser. Ulempen er at du er bundet av programmets måte å bygge opp (X)HTML-koden på. Verktøyene lager ofte mye rar (stygg) kode. Det kan bli vanskelig å oppnå akkurat din spesielle design. Eksempler på slike (X)HTML-verktøy er Microsoft FrontPage, Netscape Composer, Dreamweaver, Adobe GoLive... 22

23 Teksteditorer Den andre typen er rene tekstbehandlere der du må skrive (X)HTML-taggene selv. Under Windows er Notepad (Notisblokk) og TextPad mest brukt, I dette kurset skal vi holde oss til TextPad/Notepad. De andre programmene må du lære selv. Mange lager web-sider først med f.eks. FrontPage for så å skreddersy det hele med TextPad til slutt. 23

24 (X)HTML - hva er det? (extensible) HyperText Markup Language er et språk med et system av koder for å lage interaktive web-sider. Man skal kunne hoppe fra emne til emne, fylle ut skjemaer, sende informasjon, søke i databaser etc. Et (X)HTML-dokument (XHTML-fil) er en ren tekstfil. Det inneholder hverken bilder, lyd, videoer eller animasjoner. Derimot inneholder det "pekere" til slik type informasjon (filer). Et (X)HTML-dokument inneholder koder (tagger og attributter) som skal fortelle web-leseren hvordan de forskjellige komponentene skal vises. 24

25 (X)HTML - eksempel <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title> Tittel</title> <link rel="stylesheet" type="text/css" href="webkurs.css" /> </head> <body> <h1> Overskrift 1 </h1> <h2> Overskrift 2 </h2> </body> </html> 25

26 (X)HTML-taggenes hensikt De definerer dokumentets struktur, dvs. dokumentets logiske oppbygning i overskrifter, avsnitter, lister, tabeller osv. De definerer referanser til elementer som skal inkluderes i (X)HTML-dokumentet: bilder, video, lyd, stilark, script osv. De definerer IKKE layout som skrifttyper, skriftstørrelser, fargevalg osv. Til det finnes det stilark som vil bli omtalt senere. 26

27 (X)HTML-tagger - regler En HTML-tag er en kode som står mellom tegnene < og >. Eksempelvis vil taggen <p> starte et nytt avsnitt (eng. paragraph) og taggen </p> slutte et avsnitt. For de aller fleste HTML-elemenetene SKAL det være en sluttag. Spesielt for XHTML-elemeneter MÅ det være en sluttag. For noen få HTML-elementer finnes det ikke sluttag. Eksempler er <br> for å skrive neste tegn på ny linje (linjeskift) og <img> for innsetting av et bilde. I XHTML MÅ dette skrives med en ekstra skråstrek slik: <br /> og <img />. 27

28 Forts... Selv om enkelte HTML-elementer ikke krever en sluttag, så anbefales det sterkt at dette gjøres. F.eks. vil taggen <p> uansett starte et nytt avsnitt selv om forrige avsnitt ikke ble avsluttet med </p> (i XHTML kan den ikke utelates). (X)HTML-tagger kan ha attributter (parametre). Et eksempel er: <img src="bilde.gif" /> som forteller hvilken bildefil (src = source) som skal inkluderes i HTML-dokumentet (web-siden). 28

29 Generelt om (X)HTML-koding HTML-tagger kan skrives med små eller store bokstaver, men det mest vanlige er små bokstaver (XHTML krever små bokstaver). En (X)HTML-tag skal skrives tett uten innslag av unødige blanke tegn. En avsnittstag skal f.eks. skrives <p> og IKKE < p >. Det kan være flere åpne tagger samtidig, men det er den taggen som ble åpnet sist, som må lukkes først. Et avsnitt i fete typer kan f.eks. åpnes med <p><b>, men må da lukkes med </b></p>. 29

30 HTML-dokumentets utseende Det er HTML-koden som bestemmer utseende av et HTML-dokument i en web-leser. I en lang ren tekst er det f.eks. web-leserens vindusbredde som bestemmer hvor mange ord det er plass til på en linje, og ikke hvordan teksten er skrevet inn i en tekstbehandler. Flere blanke tegn mellom ord blir bare vist med ett blankt tegn. For lettere å kunne finne frem i HTML-koden kan det lønne seg å benytte innrykk som følger strukturen i HTML-dokumentet. 30

31 Tre eksempler: Samme resultat. Eksempel 1 <!DOCTYPE html PUBLIC "- //W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd" ><html><head> <title>tittel</title></head><body>her kommer det en tekst. </body></html> 31

32 Eksempel 2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd" > <html> <head> <title> Tittel</title> </head> <body> Her kommer det en tekst. </body> </html> 32

33 Eksempel 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <title>tittel</title> </head> <body> Her kommer det en tekst. </body> </html> 33

34 Stammen i et XHTML-dokument <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN strict.dtd"> <html> <head> <title>tittel</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> </head> <body> Her kommer informasjonen som blir vist i Webleseren. </body> </html> Denne XHTML-koden kan du lagre som xmal.html og bruke som utgangspunkt for senere Web-sider. 34

35 <head>-taggen Denne taggen omslutter informasjon som dokumentets tittel, script (programkode), stildefinisjoner og dokumentbeskrivelse. <title>-taggen definerer dokumentets tittel, og den kommer til syne øverst til venstre på web-leserens tittellinje. <script>-taggen inneholder programkode for å gjøre web-siden mer livaktig eller å sjekke data som blir gitt av besøkeren. <style>-taggen inneholder stildefinisjoner som bestemmer utseende av Web-siden med skrifttyper fargevalg osv. <link>-taggen inkluderer andre filer inn i HTML-dokumentet. Dette kan være programkode (script) og stilark. <meta>-taggen beskriver først og fremst hvilket tegnsett som er benyttet, men det kan også beskrive dokumentets innhold i form av en kort beskrivende setning og/eller en eller flere stikkord. Denne informasjonen blir brukt av søkemotorer for å klassifisere siden din slik at besøkende lettere kan avgjøre om siden er interessant eller ikke. (Mer senere.) 35

36 Stammen i et HTML-dokument <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <title>tittel</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> Her kommer informasjonen som blir vist i Webleseren. </body> </html> Denne HTML-koden kan du lagre som mal.html og bruke som utgangspunkt for senere Web-sider. 36

37 <body>-taggen Denne taggen omslutter all den informasjon som blir vist i Web-leserens hovedvindu. Stort sett de fleste taggene som blir presentert i dette kurset hører hjemme her. Det er to grupper tagger, den ene er tagger på blokknivå, og den andre er tagger på tegnnivå. Den første gruppen blokknivå - vil alltid starte et nytt avsnitt, mens den andre - tegnnivå -virker direkte på tegnene den står rundt. I tillegg er det tagger for tabeller og skjemaer som vil bli beskrevet senere. 37

38 Tagger på de to nivåene: Tagger på blokknivå er <h1> til <h6> for overskrifter <p> for avsnitt <blockquote> for innrykket avsnitt <pre> for uformaterte avsnitt <div> for selvstendige blokker <ul>, <ol>, <li> for lister. Tagger på tegnnivå er <b> for fet skrift <i> for skråskrift <sub> og <sup> for senket og hevet skrift <a> for referanser til andre dokumenter. Tre tomme tagger (dvs. ingen sluttag) er mye brukt, og det er <br /> for å tvinge neste tegn på ny linje, <hr /> for horisontal strek og <img /> for bilde. 38

39 Overskrifter (<h1>... <h6>) Det finnes 6 forskjellige overskrifter med <h1> til <h6>. Her er <h1> størst og <h6> minst. Enhver overskrift må avsluttes med hhv. </h1> til </h6>. Hvis ikke vil overskriftens skriftstørrelse fortsette gjennom hele dokumentet. Det er naturlig å definere overskriftenes størrelse gjennom stilark slik at de blir tilpasset teksten forøvrig i vanlige avsnitt. Her er 3 standard definerte overskrifter uten bruk av stilark: <h2>overskrift 2</h2> <h4>overskrift 4</h4> <h6>overskrift 6</h6> 39

40 Avsnitt (<p>) Et avsnitt starter med <p> og kan, men må ikke, avsluttes med </p>. For ethvert nytt avsnitt (som er startet med <p>) er det underforstått at forrige avsnitt er avsluttet (med eller uten </p>). Det vil alltid bli luft mellom etterfølgende avsnitt tilsvarende ca. en tom linje. NB! For å få mer luft mellom avsnittene nytter det ikke med flere <p> etter hverandre (tomme avsnitt). Web-lesere ignorerer tomme avsnitt akkurat som de ignorerer flere enn ett blankt mellom hvert ord. Mer luft mellom avsnitt kan oppnås ved sekvenser som <p> <p>. Koden står for et såkalt "hardt" blankt tegn (nonbreaking space) som web-lesere ikke ignorerer, og som dermed gjør at et avsnitt ikke blir tomt. Tegnet medvirker også til at ordet før og etter alltid vil stå samlet og ikke bli delt på to linjer. 40

41 Din webside på www Når du lager din hjemmeside skal hovedsiden alltid ha navnet index.html Min hjemmeside: Da kommer jeg rett til index-siden 41

42 Neste gang Om hvordan data er representert i datamaskinen Tallsystemer Litteratur: Et ressurshefte blir delt ut. Øvingstimen denne uka: Utvid websiden din med overskrifter og avsnitt. Bruk malene fra forelesningen. 42

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

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

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

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

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

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

Hvordan å lage og publisere ditt personlige visittkort

Hvordan å lage og publisere ditt personlige visittkort Hvordan å lage og publisere ditt personlige visittkort Av Asle Skauge Dette skal være en bruksanvisning som alle kan følge for å få lagt ut sitt personlige visittkort på internett. Hensikten med et slikt

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

Digital representasjon

Digital representasjon Digital representasjon Om biter og bytes, tekst og tall Litt mer XHTML 30.08.2004 Webpublisering 2004 - Kirsten Ribu - HiO I dag Tallsystemer Om biter og bytes: hvordan tall og tekst er representert i

Detaljer

Email og WWW. Erik Hjelmås, HiG. 22. juni 2000

Email og WWW. Erik Hjelmås, HiG. 22. juni 2000 Email og WWW Erik Hjelmås, HiG 22. juni 2000 1 Mål 1. Beherske bruk av email med mailprogrammet Eudora Light, og vite litt om hva slags forskjellige måter du kan benytte mail på og hvilke tjenester du

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

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

HUMIT1731. Tekstkoding. Koding/merking av tekst Uke 35. Tekster som teknologiske produkter. Koding/merking på flere nivå. Utvikling av notesystemet

HUMIT1731. Tekstkoding. Koding/merking av tekst Uke 35. Tekster som teknologiske produkter. Koding/merking på flere nivå. Utvikling av notesystemet HUMIT1731 Koding/merking av tekst Uke 35 Tekstkoding Representasjon av info, om visse aspekter ved tekster, så som Typografi Innhold Struktur Annet på en eksplisitt, systematisk og formalisert måte HUMIT1731

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

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

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

(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

Tjenester i Internett. E-post, HTTP, FTP, Telnet

Tjenester i Internett. E-post, HTTP, FTP, Telnet Tjenester i Internett E-post, HTTP, FTP, Telnet 1 I dag SMTP - Elektronisk Post (E-post) FTP File Transfer Protocol HTTP Hyper Text Transfer Protocol Telnet 2 Først: Noen svar på oppgaven Hvorfor studerer

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

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

Brukermanual. PUS i Web. Mai 2009 (Versjon 1)

Brukermanual. PUS i Web. Mai 2009 (Versjon 1) Brukermanual PUS i Web Mai 2009 (Versjon 1) Innhold 1 INNLEDNING...1 2 INNLOGGING...1 3 MENYER...4 3.1 EDIT PAGE...5 3.1.1 Content...5 3.1.2 Files...7 3.1.3 Meta...8 3.1.4 Password & security...10 3.1.5

Detaljer

Brukerveiledning - secure.nhh.no og secure.privnett.nhh.no

Brukerveiledning - secure.nhh.no og secure.privnett.nhh.no Brukerveiledning - secure.nhh.no og secure.privnett.nhh.no NHH tilbyr ansatte og studenter ekstern tilgang til NHH-interne ressurser slik som M-området, felles filområder, bibliotektjenester m.m. Tjenesten

Detaljer

Innledende Analyse Del 1: Prosjektbeskrivelse (versjon 2)

Innledende Analyse Del 1: Prosjektbeskrivelse (versjon 2) Innledende Analyse Del 1: Prosjektbeskrivelse (versjon 2) Iskra Fadzan og Arianna Kyriacou 25.mars 2004 Innhold 1 Hovedmål 2 2 Mål 2 3 Bakgrunn 3 4 Krav 4 1 1 Hovedmål I dette prosjektet skal vi se nærmere

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

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

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

Kursdokumentasjon for Dreamweaver

Kursdokumentasjon for Dreamweaver Kursdokumentasjon for Dreamweaver Skrevet av 2/13 1 Komme i gang med Dreamweaver... 3 2 Bruk av Dreamweaver... 4 2.1 Verktøylinja...5 2.2 Properties... 5 3 Sidens egenskaper... 6 4 Tekst... 7 4.1 Endre

Detaljer

OBLIG 1 - WEBUTVIKLING

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

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

Obligatorisk oppgave nr 2 i datakommunikasjon. Høsten 2002. Innleveringsfrist: 04. november 2002 Gjennomgås: 7. november 2002

Obligatorisk oppgave nr 2 i datakommunikasjon. Høsten 2002. Innleveringsfrist: 04. november 2002 Gjennomgås: 7. november 2002 Obligatorisk oppgave nr 2 i datakommunikasjon Høsten 2002 Innleveringsfrist: 04. november 2002 Gjennomgås: 7. november 2002 Oppgave 1 a) Forklar hva hensikten med flytkontroll er. - Hensikten med flytkontroll

Detaljer

Lage klubbens webside i Rotary med verktøyet Webwiz 2.0

Lage klubbens webside i Rotary med verktøyet Webwiz 2.0 Lage klubbens webside i Rotary med verktøyet Webwiz 2.0 Versjon 1.0 av DICO 2250 25.04.2011 Det å lage en webside uten å ha kjennskap til dette fra før, kan virke vanskelig, men ikke fortvil. Det går alltid

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

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

NorskInternett Brukermanual. Sist oppdatert 09.08.15. Side 1/30

NorskInternett Brukermanual. Sist oppdatert 09.08.15. Side 1/30 NorskInternett Brukermanual Sist oppdatert 09.08.15. Side 1/30 Innholdsliste Hvordan kan vår tjeneste brukes...2 Hva vi leverer...2 Kontoinformasjon...3 Bruk av VPN tilkobling...3 Konfigurering av Android...4

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

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

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

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

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

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

BRUK AV TEKSTEDITOREN

BRUK AV TEKSTEDITOREN Dynamisk Internett-publisering med DM Web BRUK AV TEKSTEDITOREN BRUKERVEILEDNING 2007 Datamann AS er Brukermanualen er utarbeidet av Datamann AS Postboks 74 9551 ØKSFJORD Telefon 78 45 95 00 Telefaks 78

Detaljer

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

Universitetet i Oslo Institutt for informatikk. avmystifisert i INF102. Kvile

Universitetet i Oslo Institutt for informatikk. avmystifisert i INF102. Kvile Universitetet i Oslo Institutt for informatikk Surfing avmystifisert i INF102 Kvile kvile@mail.com Vår 2003 Innhold 1 Vanlig surfing med GET-metoden 4 1.1 Spørringen fra klienten.........................

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

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

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

Digitale dokumenter 1

Digitale dokumenter 1 Digitale dokumenter 1 Struktur: HTML5 Tine Lodberg Frost Digitale dokumenter 11.11.2013 Delvis basert på forelesningsnotater av Tor Arne Dahl Dagens forelesning Introduksjon Praktisk informasjon Bakgrunn

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

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

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

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

DRI1002 IKT og Informasjonssøking Våren forelesning 16. Januar Arild Jansen, Avd. for forvaltningsinformatikk, UiO

DRI1002 IKT og Informasjonssøking Våren forelesning 16. Januar Arild Jansen, Avd. for forvaltningsinformatikk, UiO DRI 2010 Internett, informasjonssøking og kildekritikk Hovedpunktene på forelesningen Forelesninger/seminarer og obligatoriske oppgaver Overblikk over emnets ulike temaer og sammenheng mellom dem: Grunnleggende

Detaljer

Brukerveiledning Astra XT- programvare oppsett og kommunikasjons innstillinger.

Brukerveiledning Astra XT- programvare oppsett og kommunikasjons innstillinger. Brukerveiledning Astra XT- programvare oppsett og kommunikasjons innstillinger. Innholdsfortegnelse: Side 2 Side 3 Side 5 Side 7 Side 9 Side 14 Side 17 : Programforklaring : Installasjon : Registrering

Detaljer

Markeringsspråk og XML Nettsider og XHTML

Markeringsspråk og XML Nettsider og XHTML Markeringsspråk og XML Nettsider og XHTML Det var en gang og snipp, snapp, snute, så var det eventyret ute. Læreboka kapittel 3 og 4 5. september 2007 XML og XHTML XML = EXtensible

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

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

TDT4110 IT Grunnkurs: Kommunikasjon og Nettverk. Læringsmål og pensum. Hva er et nettverk? Mål. Pensum

TDT4110 IT Grunnkurs: Kommunikasjon og Nettverk. Læringsmål og pensum. Hva er et nettverk? Mål. Pensum 1 TDT4110 IT Grunnkurs: Kommunikasjon og Nettverk Kommunikasjon og nettverk 2 Læringsmål og pensum Mål Lære det mest grunnleggende om hvordan datanettverk fungerer og hva et datanettverk består av Pensum

Detaljer

InfoRed Publisering. - produktbeskrivelse. TalkPool WebServices Postboks Åneby

InfoRed Publisering. - produktbeskrivelse.  TalkPool WebServices Postboks Åneby InfoRed Publisering - produktbeskrivelse www.talkpool.no TalkPool WebServices Postboks 90 1484 Åneby InfoRed Produktbeskrivelse 2 Sammendrag InfoRed Publisering er produktet for å administrere en hel informasjonstjeneste,

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

Forklaring til bruk av webinterface på Cobalt RaQ2 server hos WebTjenester. Versjon 1.0 Runar Espeland Side 1 14.08.99

Forklaring til bruk av webinterface på Cobalt RaQ2 server hos WebTjenester. Versjon 1.0 Runar Espeland Side 1 14.08.99 Forklaring til bruk av webinterface på Cobalt RaQ2 server hos WebTjenester. Versjon 1.0 Runar Espeland Side 1 14.08.99 Innledning. Først vil vi takk for at du valgte WebTjenester som din samarbeidspartner,

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

HTML: Del inn nettsiden

HTML: Del inn nettsiden HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen

Detaljer

Innstallasjon og oppsett av Wordpress

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

Detaljer

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

Kort brukerveiledning om fjerntilgangsløsningen

Kort brukerveiledning om fjerntilgangsløsningen Kort brukerveiledning om fjerntilgangsløsningen Viktig før du tar i bruk fjerntilgangsløsningen VIKTIG! Før du kan ta i bruk fjerntilgang må du sende en e-post til it-hjelp@uis.no med ditt mobilnummer.

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

Hva består Internett av?

Hva består Internett av? Hva består Internett av? Hva er et internett? Et internett = et nett av nett Ingen sentral administrasjon eller autoritet. Mange underliggende nett-teknologier og maskin/programvareplatformer. Eksempler:

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

Brukerveiledning WordPress. Innlogging:

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

Detaljer

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

Oppsett av PC mot Linksys trådløsruter

Oppsett av PC mot Linksys trådløsruter Oppsett av PC mot Linksys trådløsruter Skal du sette opp din PC mot en Linksys trådløsruter, kan du følge dette dokumentet for hjelp. Figur 1 Linksys trådløsruter Dette dokumentet forutsetter: Norsk versjon

Detaljer

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene. CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene

Detaljer

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

SMART hus via nettleseren

SMART hus via nettleseren itoginnovasjon.no.217.171.192.197.xip.io http://www.itoginnovasjon.no.217.171.192.197.xip.io/wikis/smart-hus-via-nettleseren/ SMART hus via nettleseren SMART hus via nettleseren: Det vi har gjort nå er

Detaljer

Oppdatering av eget innhold på venteromsskjermer BRUKERVEILEDNING

Oppdatering av eget innhold på venteromsskjermer BRUKERVEILEDNING 2009 Oppdatering av eget innhold på venteromsskjermer BRUKERVEILEDNING Brukerveiledning for tilleggsmodul til Microsoft PowerPoint og Open Office for oppdatering av eget innhold for kunder av Doctors Media

Detaljer

of color printers at university); helps in learning GIS.

of color printers at university); helps in learning GIS. Making a Home Page Why a Web Page? Easier to submit labs electronically (lack of color printers at university); Easier to grade many labs; Provides additional computer experience that helps in learning

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

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

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

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

PUNKT TIL PUNKT-KOBLING KOBLING. Versjon 10/10. Hvordan kobler jeg controlleren til en pc 1

PUNKT TIL PUNKT-KOBLING KOBLING. Versjon 10/10. Hvordan kobler jeg controlleren til en pc 1 PUNKT TIL PUNKT-KOBLING KOBLING Versjon 10/10 Hvordan kobler jeg controlleren til en pc 1 INDEKS 1 INTRODUKSJON...3 1.1 NETTVERK MED EN RUTER...3 1.2 PUNKT TIL PUNKT-KOBLING MELLOM SH-KONTROLLEREN OG EN

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

Huldt & Lillevik Ansattportal. Installere systemet

Huldt & Lillevik Ansattportal. Installere systemet Huldt & Lillevik Ansattportal Installere systemet Innholdsfortegnelse Innholdsfortegnelse Installere Ansattportal... 3 Tekniske krav (Windows og web)... 3 Servere og nettverk... 3.NET Rammeverk 3.5 må

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

Linglyder 2.0 Brukerveiledning

Linglyder 2.0 Brukerveiledning Linglyder 2.0 Brukerveiledning Introduksjon Linglyder (uttalt Linglydér) er et skriveprogram med lydstøtte som leser opp bokstaver, bokstavlyder, enkeltord og setninger. Det er laget spesielt for dem som

Detaljer

SiteGen CMS. Innføringsmanual

SiteGen CMS. Innføringsmanual SiteGen CMS Innføringsmanual Copyright Barlind Solutions AS 2008 Hva er SiteGen CMS? SiteGen CMS er et såkalt content-management-system; eller med litt andre ord et publiseringssystem. Det kan brukes til

Detaljer

Brukerveiledning for SparTi

Brukerveiledning for SparTi Norsk Bridgeforbund SparTi Brukerveiledning for SparTi Klubbens Hjemmeside 10.10.05 1 Innhold 1) Første gangs bruk av hjemmeside. Oppsett og passord... 3 2) Oppdatering av hjemmeside... 11 3) Forklaring

Detaljer

XML og XHTML. Hva er nå egentlig denne teksten? Et litt mer avansert XML-eksempel. Et meget enkelt XML-eksempel. For å få fortalt hva teksten er

XML og XHTML. Hva er nå egentlig denne teksten? Et litt mer avansert XML-eksempel. Et meget enkelt XML-eksempel. For å få fortalt hva teksten er Hva er nå egentlig denne teksten? XML og XHTML jfr. Cyganski avsnitt 2.4 2.7 Skagestein: Systemutvikling fra kjernen og ut, fra skallet og inn kapittel 13 http://www.w3schools.com/xml/ default.asp http://www.w3schools.com/xhtml/default.asp

Detaljer

https://nhh.itslearning.com/

https://nhh.itslearning.com/ e-læringssystemet https://nhh.itslearning.com/ Sist oppdatert 08.09.2009 10:07 1 1. Hva er It s Learning? It's Learning er et e-læringssystem hvor du finner elektronisk informasjon om alle våre kurs/studier,

Detaljer

HTML: Publiser nettsiden din. Publiser nettsiden din på Internett. Github. Brukernavn.github.io

HTML: Publiser nettsiden din. Publiser nettsiden din på Internett. Github. Brukernavn.github.io HTML: Publiser nettsiden din Publiser nettsiden din på Internett Nå har du laget ditt eget nettsted. Du ønsker vel å vise det frem, gjør du ikke? Erfaren Web Husker du servere fra den første økten? Servere

Detaljer

Hurtigstart guide. Searchdaimon ES (Enterprise Server)

Hurtigstart guide. Searchdaimon ES (Enterprise Server) Hurtigstart guide Searchdaimon ES (Enterprise Server) Innholdsfortegnelse Informasjon før oppsett... 2 Koble til strøm og nettverk... 3 Oppsett av system... 3 Konfigurasjonsveiviser... 4 Sette fast IP

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

Oppsett av brannmur / router 1.0. Innholdsfortegnelse

Oppsett av brannmur / router 1.0. Innholdsfortegnelse Innholdsfortegnelse. Innledning... 2 2. Ordforklaringer... 2. Router/brannmur... 2.. IP-adresser... 2.2. Portviderekobling... 2.. DMZ-host... 5 Side av 5 . Innledning Din hjemmesentral har en innebygget

Detaljer

Hvordan koble opp mot FTP for å endre filene i søkesystemet

Hvordan koble opp mot FTP for å endre filene i søkesystemet Hvordan koble opp mot FTP for å endre filene i søkesystemet Innledning Brukergrensesnittet til søkesystemet kan endres og tilpasses hver enkelt institusjons ønsker og grafiske profil. Dette kan hver enkelt

Detaljer

Steg 1: Installasjon. Steg 2: Installasjon av programvare. ved nettverkstilkoblingen på baksiden av kameraet. Kameraet vil rotere og tilte automatisk.

Steg 1: Installasjon. Steg 2: Installasjon av programvare. ved nettverkstilkoblingen på baksiden av kameraet. Kameraet vil rotere og tilte automatisk. Innhold Steg 1: Installasjon... 3 Steg 2: Installasjon av programvare... 3 Steg 3. Oppsett av wifi, email varsling og alarm... 5 Steg 4: Installasjon og oppsett av mobil app... 8 Steg 5: Installasjon og

Detaljer

NY PÅ NETT. Enkel tekstbehandling

NY PÅ NETT. Enkel tekstbehandling NY PÅ NETT Enkel tekstbehandling Innholdsfortegnelse Tekstbehandling... 3 Noen tips for tekstbehandling...3 Hvordan starte WordPad?... 4 Wordpad...4 Wordpad...5 Forflytte deg i dokumentet... 7 Skrive og

Detaljer

Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006

Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Vi kommer for det meste til å bruke while-løkker, men for-løkker anses viktige å kjenne til Michael

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

Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF

Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF Else Lervik, august 2010 (Av hensyn til JSF-delen av kurset anbefaler vi at du sørger for å ha NetBeans-versjon 6.9.) I den grad denne veiledningen

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