Digitale dokumenter 1
|
|
- Torben Ødegård
- 7 år siden
- Visninger:
Transkript
1 Digitale dokumenter 1 Struktur: HTML5 Tine Lodberg Frost Digitale dokumenter Delvis basert på forelesningsnotater av Tor Arne Dahl
2 Dagens forelesning Introduksjon Praktisk informasjon Bakgrunn og historikk XML og markeringsspråk Elementer i HTML Oppgave 1
3 Over eller under panseret Under panseret: «Maskinlesbarhet» Over panseret: «Sluttbrukerlesbarhet» Introduksjon 26. august 2013
4 Strukturering av data Bibliografiske data Data i databaser *000 c * * a 10eng 2 *015 $a $bbibbi *015 $a $bbibliofilid *019 $bl$dr *020 $a $bh.$cnkr *090 $ceng$dmar/1 *100 0$aMartin, George R.R.$d1948- $jam.$ *24510$aA game of thrones$cgeorge R.R. Martin *260 $alondon$bharper Voyager$c2011 *300 $a801 s. *440 0$aA song of ice and fire$vb. 1$ *590 $a12-uke21a *599 $a12x0207aks f
5 Digitale dokumenter Tekstbehandling Regneark
6 Digitale dokumenter Fra Bokhylla.no: epub-fil fra Bokselskap.no: Datautveksling
7 Digitale dokumenter Vevpublisering HTML + CSS = Illustrasjoner hentet fra:
8 Ulike tilnærminger til vevpublisering Visuell utforming Vevpublisering som formgiving Grafisk design Strukturerte dokumenter Kunnskapsorganisasjon Forutsetning for å forstå XML og markeringsspråk generelt Det er ingen motsetning! Bruk kreative grafiske evner, men sørg for at dokumentstrukturen er riktig
9 Hvorfor lære HTML? Struktur og semantikk = kunnskapsorganisasjon Allsidig yrke Ansvar for bibliotekets nettsted Webredaktør Innkjøp av webbaserte tjenester og produkter Informasjonsarkitekt Datautveksling Vi lever på nettet Enklere å forstå andre markeringsspråk XML (datautveksling) RDF (linked data /semantisk web)
10 Praktisk informasjon Arbeidsform Forelesninger Seminarer Hjemmoppgaver Pensum Castro, E. & Hyslop, B. (2012). HTML5 & CSS3. Berkeley, CA: Peachpit Press. Google. (2010, 3. oktober). Search Engine Optimization Starter Guide. Hentet fra w.google.com/no//webmasters/docs/search-engine-optimization-starterguide.pdf Schema.org. (2011, 29. juni). Getting started with schema.org. Hentet fra
11 Forelesningsplan Digitale dokumenter Forelesninger/seminarer Tidspunkt Tema Forelesning nov. Struktur: HTML5 Forelesning nov. HTML5 og presentasjon med CSS Seminar 1 14./15. nov. HTML5 og CSS3 Forelesning nov. Tabeller og sideutlegg Seminar 2 21./22. nov. HTML5 og metadata
12 World Wide Web Tim Berners-Lee, CERN, 1990 Mål: Deling av informasjonsressurser på tvers av teknologiske plattformer URL (Uniform Resource Locator) HTTP (HyperText Transfer Protocol) HTML (HyperText Markup Language) Nytt fokus på tre «gamle» teknologier Internett Hypertekst Markeringsspråk
13 Internett «Et nettverk av nettverk» Lokale nettverk koblet sammen til et globalt TCP/IP er kommunikasjonsprotokollen for dataoverføring mellom maskiner Startet som ARPAnet i USA 1969, finansiert av det amerikanske forsvarsdepartementet Internett er ikke det samme som World Wide Web
14 Internett WWW er en tjeneste på Internett som bruker protokollen http Andre tjenester på Internett: E-post (protokollen smtp) Filoverføring (protokollen ftp) Terminalemulering for innlogging på eksterne maskiner (protokollen telnet) P2P-/fildelingsnettverk (BitTorent-protokollen og Spotify, blant annet)
15 Hypertekst Omtalt som idé av Vannevar Bush i 1945 Artikkelen As We May Think Omtalt ved navn av Ted Nelson i Ikke-sekvensiell tekst, i motsetning til tradisjonelle tekster som for eksempel bøker Det er ingen forhåndsdefinert rekkefølge som teksten skal leses i Leseren velger selv WWW er et hypertekstsystem
16 Hypertekst Eksempel hentet fra: Nielsen, J. (1995). Multimedia and Hypertext: the Internet and Beyond. Boston, MA: AP Professional A, B, C, D, E og F er tekstsider Hypertekststrukturen har seks noder og åtte lenker Leseren starter med siden A Flere mulige lesemåter: A B C F E D A B E D A E D A D...
17 Slik virker www Nettleser Microsoft Internet Explorer, Firefox, Google Chrome, Opera, Safari m.fl. Leseenheter: PC-er, mobiltelefoner, nettbrett, utstyr for blinde og svaksynte m.m. Webtjener En maskin på Internett satt opp med webtjenerprogramvare Eksempler: Apache, Microsoft Internet Information Server m.fl.
18 World Wide Web Consortium (W3C) Misson: "To lead the World Wide Web to its full potential by developing protocols and guidelines that ensure long-term growth for the Web. URL: Opprettet oktober 1994 ved MIT (Massachusetts Institute of Technology) Ledes av Tim Berners-Lee Skal sikre felles standarder for WWW-teknologien Open web Både akademiske og kommersielle institusjoner er medlemmer For eksempel Apple, Google, IBM og Microsoft
19 SGML Standard Generalized Markup Language Utviklet på tallet ISO-standard for dokumentutveksling: ISO 8879:1986 En samling regler for hvordan man lager markeringsspråk Skille mellom innhold/struktur og presentasjon Strukturen markeres med tagger (<eksempel> </eksempel>) Lagring i ren tekst, kan leses som det er: I teorien lett å lage program som tolker dokumentene Et markeringsspråk en applikasjon av SGML beskrives i en DTD (Document Type Definition)
20 HTML HyperText Markup Language Utviklet på 90-tallet (Tim Berners-Lee, CERN) Kommet i flere utgaver, den forrige var HTML 4.01 Støtte for hypertekstkoblinger HTML er et markeringsspråk og en applikasjon av SGML beskrives dermed også i en DTDStandarden Vedlikeholdes av W3C (World Wide Web Consortium) Enkelt, men ofte blanding av struktur og presentasjon (i eldre versjoner) Ble raskt populært og utbredt
21 XML Extensible Markup Language Også et verktøy for å lage markeringsspråk som strukturerer data (altså som SGML) Ofte omtalt som en "lettversjon" av SGML W3C-standard Har høstet erfaringer fra HTML Er tilpasset dokumentutveksling på World Wide Web Støtter hypertekst og URL-er XML-prosessorer er små og passer i nettlesere Brukes til utveksling av data/tekst
22 XHTML Extensible Hypertext Markup Language XHTML er en applikasjon av XML XHTML 1.0: W3C-standard i 2000 «En reformulering av HTML 4 i XML» Mindre tvetydige syntaksregler Tre varianter (DTD er): XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset
23 XML og markeringsspråk (Illustrasjon ved Gerd Berget 2005)
24 HTML5 Samarbeid mellom WHATWG og W3C Startet i 2006 (HTML4 er fra 1999) Ikke en ferdig standard enda Støtte i nettlesere? Regler for HTML5 (fra New features should be based on HTML, CSS, DOM, and JavaScript The need for external plugins (like Flash) needs to be reduced Error handling should be easier than in previous versions Scripting has to be replaced by more markup HTML5 should be device-independent The development process should be visible to the public
25 HTML5 Semantikk Nye elementer og attributter Elementer fjernet eller omformulert All presentasjon overlates til CSS (stilark) Mikrodata Medietyper Tegning (<canvas> og javascript) Video (<video>) Lyd (<audio>) Webapplikasjoner Lokal lagring av data Offline kjøring
26 XML og markeringsspråk?
27 HTML5 som XML Illustrasjon fra W3C blog
28 HTML5 kort sagt Markeringsspråk Skrives som ren tekst Er definert med et vokabular og en grammatikk i en DTD Inneholder et begrenset antall språklige elementer (tags) Brukes for å angi dokumentets struktur Presentasjon angis med stilark (CSS) Skille mellom dokumentets struktur og presentasjon!
29 Elementer Byggesteinene i HTML-dokumenter Alle elementnavn skrives med små bokstaver Eksempel: <h1>overskrift</h1> Dette elementet heter h1 Elementets innhold er Overskrift Start-tagg: <h1> Slutt-tagg: </h1> Alle elementer må åpnes med en start-tagg og lukkes med en slutt-tagg Elementer uten innhold kalles tomme Eksempel: <br /> eller <br> (linjeskift) Kan lukkes med eller uten ordskiller og skråstrek ifølge HTML5 spesifikasjonen. I dette kurset må dere lukke med skråstrek, på grunn av innstillinger på serveren.
30 Attributter De fleste HTML-elementer kan ha ett eller flere attributter Eksempel: <a href=" til HiOA</a> Attributter er par av navn og verdi Verdien skrives med anførselstegn rundt Inneholder informasjon om innholdet i elementet, men er ikke innhold selv. Brukes ofte som knagger til CSS Tilfører også semantikk
31 Obligatoriske elementer i HTML5 <!DOCTYPE html> <html xmlns=" </html> <head> </head> <body> </body> <meta charset="utf-8" /> <title>et HTML-dokument</title> <h1>et HTML-dokument</h1> <p>her kommer selve dokumentinnholdet.</p>
32 Obligatoriske elementer i HTML5 <!DOCTYPE html> Dokumenttypedeklarasjonen forteller hvilken versjon av HTML dokumentet er kodet etter. Dokumenttypedeklarasjonen for HTML5 er forenklet i forhold til tidligere versjoner av HTML. For eksempel XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" Dette er dokumentets rotelementet Rotelementet kan bare forekomme 1 gang Attributtet xmlns=" angir navnerommet for XHTML. Her kan man også angi språket i dokumentet Inneholder elementene head og body. </html>
33 Obligatoriske elementer i HTML5 <head> Dokumentets hode Inneholder metadata om HTML-dokumentet Inneholder elementene meta og title <meta charset="utf-8" /> Dette meta-element er obligatorisk. Her angis hvilket tegnsett som brukes i dokumentet UTF-8. Tomt element (ingen slutt-tag) Det finnes også andre meta-elementer, som vi skal snakke mer om senere. <title>et HTML-dokument</title> Title-elementet gir en kort beskrivelse av dokumentets innhold, og kan bare forekomme én gang. </head>
34 Obligatoriske elementer i HTML5 Husk å lage en god tittel på dokumentet! Innholdet i title-elementet vises i nettleserens tittellinje og tabs. Søkemotorer legger vekt på title-elementet og tillater direkte søk. Innholdet i title-elementet brukes som standardnavn for bokmerker
35 Obligatoriske elementer i HTML5 <body> </body> <h1>et HTML-dokument</h1> <p>her kommer selve dokumentinnholdet.</p> Dokumentets kropp Innholdet i body er selve dokumentet som vises i nettleseren. Kan inneholde en mengde andre elementer!
36 Obligatoriske elementer i HTML5 DTD Rotelement <!DOCTYPE html> <html xmlns=" Hode Kropp </html> <head> </head> <body> </body> <meta charset="utf-8" /> <title>et HTML-dokument</title> <h1>et HTML-dokument</h1> <p>her kommer selve dokumentinnholdet.</p>
37 Hierarki <HTML> <head> <body> <meta /> <title> <h1> <p>
38 Hva inneholder en nettside? Elementer/markering Tekst/innhold Referanser til andre filer (bilder, film, links )
39 Sidekonstruksjon Del inn siden i områder Tenk semantikk først, presentasjon etterpå! Overskrifter hierarki! <h1> - <h6> Elementer som deler siden inn i seksjoner <header> <article> <section> <aside> <nav> <div> (har ikke semantisk verdi) <footer>
40 Mye brukte elementer Avsnitt <p>her kommer selve dokumentinnholdet.</p Lenker <a href=" til HiOA</a> Bilder <img src="bilder/textpad1.png" alt="illustrasjon som viser vinduet til TextPad." />
41
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
DetaljerHUMIT1731. 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
Detaljer1. 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
DetaljerWeb 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
DetaljerDigitale dokumenter 3
Digitale dokumenter 3 HTML5 og metadata Digitale dokumenter 18.11.2013 Delvis basert på forelesningsnotater av Tor Arne Dahl Dagens forelesening Praktisk informasjon Oppgave 2 Søkemotoroptimalisering Metadata
DetaljerDRI1002 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
DetaljerOppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.
Oblig 1 Oppdatert: 10/09 Nye oppgaver Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 2 (Etter
DetaljerLO130A 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
DetaljerLæ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.
DetaljerMarkeringssprå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
DetaljerOblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.
Oblig 1 Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med arngren.net: 1. Nettsiden er SYKT uoversiktlig! 2. Det er
DetaljerGrunnleggende 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.
DetaljerNettsider 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(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
DetaljerPensum og undervisningens form
DRI 2010 Internett, informasjonssøking og kildekritikk Dagens temaer: Læringsformer og krav til studentene Forelesninger/seminarer og obligatoriske oppgaver Overblikk over emnets ulike temaer og sammenheng
DetaljerHTML: 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
DetaljerLø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
Detaljerthe 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
Detaljer1. 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
DetaljerSENSORVEILEDNING. Dato: Eventuelt:
SENSORVEILEDNING Emnekode: ITF10511 Emnenavn: Eksamensform: Webutvikling Digital Dato: 03.12.2018 Faglærer(e): Michael A. Lundsveen Eventuelt: Læringsutbytte for emnet KUNNSKAP: Studenten kan forstå nettsteders
DetaljerOBLIG 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
DetaljerOppgavesamling 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
DetaljerDRI1002-V05 1. forelesning Arild Jansen, AFIN
DRI1002 - IKT og informasjonssøking 1. Seminar uke3 Hovedpunktene i seminaret Oversikt over kurset: Seminarene Øvelser og obligatoriske oppgaver presentasjon http://www.uio.no/studier/emner/jus/afin/dri1002/v05/unde
DetaljerBEDRIFTENS NETTSIDE 24. NOVEMBER 2016
BEDRIFTENS NETTSIDE 24. NOVEMBER 2016 Introduksjon Del 1: En liten ordbok Del 2: Planlegg nettsiden Del 3: Publisering av nettsiden Del 4: Markedsføring av nettsiden MUNCH DESIGN Munch design Christine
DetaljerNETTAVIS? Målsetning med kurset
NETTAVIS? 1. Målsetningen med kurset Tidligere nettaviser på 1510. Datamaskinen, Internett og webkommunikasjon Historisk 3. Nettavis og nettjournalistikk 4. Kort om det praktiske opplegget Målsetning med
DetaljerNCE 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
DetaljerEt forsøk på definisjon
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 21/08-16 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner (eksempel
DetaljerMMT105 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
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Introduksjon Michael Preminger (michaelp@hio.no) 23/08-06 I denne forelesningen: Motivasjon: Hvorfor vi lærer å programmere
DetaljerForelesning 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
DetaljerIntroduksjon 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
DetaljerOblig 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
DetaljerEt 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:
DetaljerKom i gang. Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010
Kom i gang Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010 Innholdsfortegnelse Introduksjon til Bedrift Online 4 Web-basert publiseringsverktøy 4 Hva du trenger 4
Detaljerfile:///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
DetaljerOblig 3 Webutvikling
Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEO-konsulent for disse i én uke. På denne uken skulle du gjennomført
DetaljerDenne 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
DetaljerNy på nett Internett. Bruk av nettleser.
Ny på nett Internett. Bruk av nettleser. 180311 Litt film Hva er internett? Verdensomspennende nettverk av datamaskiner Mange forskjellige typer tjenester Informasjon Kommunikasjon Først: litt om sikkerhet
DetaljerFinal Projectreport. 091214 - Gry Skårbø
Final Projectreport 091214 - Gry Skårbø December 2, 2009 Contents 1 Forord 5 2 Terminologi 6 2.1 Begreper................................ 6 2.2 Forkortelser.............................. 6 3 Innledning
DetaljerSteg 1: Felix har forsvunnet!
HTML: Forsvunnet katt Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduksjon Katten
DetaljerXML 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
DetaljerInfoRed 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,
DetaljerOBLIG 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
DetaljerDigitale dokumenter 2
Digitale dokumenter 2 Struktur: HTML5 Tine Lodberg Frost Digitale dokumenter 13.11.2013 Delvis basert på forelesningsnotater av Tor Arne Dahl Dagens program Praktiske informasjon Hva lærte vi siste gang?
DetaljerI denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.
JS: Hei JavaScript! Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon I denne oppgaven blir du introdusert for
DetaljerEKSAMEN Webpublisering
Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 03.12.2015 Tid: Målform: Sidetal: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene
DetaljerUtvikle en prototype for en digital versjon av helsekort for gravide. Programvareleverandør av ehelse-løsninger for helsevesenet
Kravspesifikasjon Hovedprosjekt 2014 Institutt for informasjonsteknologi, Høgskolen i Oslo og Akershus Presentasjon Tittel: Oppgave: Gruppemedlemmer: Digitalt Helsekort for Gravide Utvikle en prototype
DetaljerInnledende 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
DetaljerRammer. 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
DetaljerOppgave 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
DetaljerDRI1002-V06 1. forelesning Arild Jansen, AFIN
DRI1002 - IKT og informasjonssøking 1. Forelesning uke3 Hovedpunktene i seminaret Oversikt over kurset: Forelesninger/seminarer Øvelser og obligatoriske oppgaver, presentasjon http://www.uio.no/studier/emner/jus/afin/dri1002/v06/
Detaljerwww.slektshistorielaget.no og Java
www.slektshistorielaget.no og Java Versjon 3, 6 september 2015 G. Thorud Her beskrives konfigurering av Java på Windows 7, 8.0 og 8.1 for å bruke databaser på www.slektshistorielaget.no Windows 10 Oppskriften
DetaljerEKSAMEN Web-publisering
EKSAMEN 6101 Web-publisering 02.06.2016 Tid: Målform: Sidetall: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du bruker mellom
DetaljerHovedprosjekt i data ved Høgskolen i Oslo våren 2007
Hovedprosjekt i data ved Høgskolen i Oslo våren 2007 Appendiks Høgskolen i Oslo Student: Martin Oppegaard Gruppe: 07-12 Dato: 25. mai 2007 Veileder ved HIO: Eva Vihovde Oppdragsgiver: Bekk Consulting AS
DetaljerI denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.
Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke JS Bin
DetaljerINF1040 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
DetaljerDigitale verktøy. Fredag 25. september 2009. Laget av Jarl- Håvard Holen 300909 Hentet fra Wikipedia.no. Innhold: Internett TCP/IP SSH/telnet.
Digitale verktøy Fredag 25. september 2009 Laget av JarlHåvard Holen 300909 Hentet fra Wikipedia.no Innhold: ARPAnet DARPAnet Internett TCP/IP SSH/telnet FTP SMTP NTP http: Port Gopher WWW NCSA (Mosaic)
DetaljerOblig 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
DetaljerVurdering av standarder fra NOSIP. Oktober 2010
Vurdering av standarder fra NOSIP Oktober 2010 1 Innholdsfortegnelse 1 Sammendrag...4 2 Bakgrunn og formål...4 3 Om gjennomgang av standarder i NOSIP...5 4 Grunnleggende kommunikasjon og interoperabilitet...6
DetaljerOBLIG 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å
DetaljerEmneplan for vevpublisering og informasjonsarkitektur (15 studiepoeng)
Emneplan for vevpublisering og informasjonsarkitektur (15 studiepoeng) Vevpublisering og informasjonsarkitektur (15 studiepoeng) er det andre av fire emner i studieplan for design og kommunikasjon i digitale
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Leksjon 9 Web, HTTP og IIS Applikasjonslaget i Internett Web protokollen: HTTP Webtjeneren IIS Utskrift med HTTP i Internett Pensum Kvisli: Windows Server og datanett, Kap.
DetaljerLæ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
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Leksjon 9 Web, HTTP og IIS Applikasjonslaget i Internett Web protokollen: HTTP Webtjeneren IIS Utskrift med HTTP i Internett Pensum Kvisli: Windows Server og datanett, Kap.
DetaljerI denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.
JS: Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke
DetaljerKravspesifikasjon. Leserveiledning Kravspesifikasjonen består av følgende deler: Presentasjon Om bedriften
Kravspesifikasjon Presentasjon Hovedprosjektet gjennomføres ved Høgskolen i Oslo, avdelingen for ingeniørutdanning. Målet med oppgaven er å utvikle en online webshop for bestilling av postkasser. Dette
DetaljerEt 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
DetaljerForsvunnet 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
DetaljerHøringsnotat ny delversjon av Referansekatalog for anbefalte og obligatoriske IT-standarder i offentlig sektor, våren 2015
Høringsnotat ny delversjon av Referansekatalog for anbefalte og obligatoriske IT-standarder i offentlig sektor, våren 2015 1 Innhold 1. Bakgrunn og innledning... 3 2. Standarder for publisering av nettleserbaserte
DetaljerSikkerhet 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å
DetaljerSteg 1: Vi starter fra toppen
CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan
DetaljerOblig 3 Webutvikling. Oppgave 1
Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEOkonsulent for disse i én uke. På denne uken skulle du gjennomført
DetaljerKILDEKRITIKKURS PÅ 8. TRINN
1 KILDEKRITIKKURS PÅ 8. TRINN FOR LÆRERE PÅ 8. TRINN MÅL: Elevene skal kunne bruke både digitale og trykte kilder, i arbeidet med fagtekster, i alle fag. De skal kunne skille mellom relevante og mindre
DetaljerE-bøker. Ellen Wiger, bokselskap.no. Workshop: Bibliotek- og informasjonsvitenskap, HIOA, januar-februar økt: om Bokselskap og tekstkoding
E-bøker Workshop: Bibliotek- og informasjonsvitenskap, HIOA, januar-februar 2015 1. økt: om Bokselskap og tekstkoding Ellen Wiger, bokselskap.no bokselskap.no bokselskap = ebokportal, et paraplynettsted
DetaljerOppgave 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
DetaljerHTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag
HTML-del 1. er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag 2. Grafisk elementer på web skal være a) 72 ppi b) 144
DetaljerCSS. 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,
DetaljerHuldt & Lillevik Ansattportal. - en tilleggsmodul til Huldt & Lillevik Lønn. Teknisk beskrivelse
Huldt & Lillevik Ansattportal - en tilleggsmodul til Huldt & Lillevik Lønn Teknisk beskrivelse Huldt & Lillevik er trygghet Trygghet er å vite at løsningen du bruker virker, hver eneste dag, enkelt og
DetaljerWebutvikling 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å
DetaljerDigidel-arena Nord-Norge
Digidel-arena Nord-Norge «Økt digital deltakelse» Tore Brox-Larsen UiT Norges arktiske universitet Hvorfor ønsker vi økt digital deltakelse? Nyttig for deg Du kan sende e-post, motta e-post, betale regninger,
DetaljerSikkerhet og internett. Kan vi være vi trygge? Kan vi beskytte oss? Bør vi slå av nettet
Sikkerhet og internett Kan vi være vi trygge? Kan vi beskytte oss? Bør vi slå av nettet Stoler du på denne mannen? 28.01.2009 Om sikkerhet på Internettet ved Hans Nordhaug 2 Jepp Derfor fant du i januar
Detaljer1. Mer om oppbyning av XML-dokument
Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Mer om oppbyning av XML-dokument Lene Hoff 2.9.2013 Lærestoffet er utviklet for faget XML Teknologi 1. Mer om oppbyning av XML-dokument Resymé:
DetaljerPubliseringsveiledning 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:...
DetaljerI 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
DetaljerORIGO. Robert Engels. Hvordan plassere oss for fremtiden - endrede krav til interne systemer for å imøtekomme fremtidens behov
Hvordan plassere oss for fremtiden - endrede krav til interne systemer for å imøtekomme fremtidens behov ORIGO Robert Engels ORIGO teknisk prosjektleder ORIGO* - radioarkiv, arkivering og gjenbruk Formål
DetaljerVurdering av standarder fra NOSIP. Beslutningssak i det 25. standardiseringsrådsmøte
Vurdering av standarder fra NOSIP Beslutningssak i det 25. standardiseringsrådsmøte 23.11.10 Om utredningen Utredningen omhandler hvilke standarder fra NOSIP som bør videreføres som obligatoriske forvaltningsstandarder
DetaljerForprosjektrapport. Gruppe 26. Digitalt læreverktøy for Cappelen Damm
Hovedprosjekt i informasjonsteknologi 2016 Høyskolen i Oslo og Akershus Forprosjektrapport Digitalt læreverktøy for Cappelen Damm Gruppe 26 Sofia Aittamaa - s198580@stud.hioa.no Petter Lysne - s198579@stud.hioa.no
Detaljereform Suite Utvidelse for Hybrid fangst for TeleForm
eform Suite Utvidelse for Hybrid fangst for TeleForm Øker verdien av TeleForm løsningen med flere tilleggs funksjoner for hybrid fangst av papir og eforms. Lager intelligente eforms i HTML eller Acrobat
DetaljerUniversell utforming Deltakelse og tilgjengelighet
Universell utforming Deltakelse og tilgjengelighet Dagens tema: Deltasenteret Strukturering av tekstdokumenter Filformater for nettpublisering Deltasenteret Statens kompetansesenter for deltakelse og tilgjengelighet
DetaljerOppbygging 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
Detaljer4.5 Kravspesifikasjon
4.5 Kravspesifikasjon 4.5.1 Funksjonalitet og systembeskrivelse Webapplikasjonen har tre overordnede funksjoner; Opprett Spotify arrangement, Opprett SoundCloud arrangement og Bli med på arrangement. Brukere(kalt
Detaljer[ Web Accessibility Initiative ]
[ Web Accessibility Initiative ] [ nett for alle ] Brendan Johan Lee Department of Informatics University of Oslo, Norway brendajl@simula.no February 2, 2011 [ Nettet er for alle ] The power of the Web
DetaljerVEDLEGG 1 KRAVSPESIFIKASJON
VEDLEGG 1 KRAVSPESIFIKASJON INNHOLDSFORTEGNELSE Forord... 2 1 Systembeskrivelse... 2 2 Mål for systemet... 3 3 Funksjonelle krav... 4 4 Ikke-funksjonelle krav... 5 5 Use-case diagram... 6 6 Rammekrav...
DetaljerProgrammeringsrammeverk som kan installeres på Windows Mobiloperativsystem
.NET Android AOSP Programmeringsrammeverk som kan installeres på Windows operativsystem Mobiloperativsystem Android Open Source Project. Har i oppgave å vedlikeholde og videreutvikle Android operativsystem.
DetaljerWEBUTVIKLING OBLIG 4. Installasjon
WEBUTVIKLING OBLIG 4 Installasjon 1. Jeg lastet ned MAMP gratis fra www.mamp.info og installerte på maskinen. Trykker så på Start Server og ser at det fungerer når Apache Server og MySQL Server lyser grønt.
DetaljerCompello Invoice Approval
Compello Invoice Approval Godkjenning Webmodul brukerdokumentasjon Nettbrett og desktop via nettleser Index 1 Innledning... 3 2 Funksjonalitet... 4 Nettbrett og desktop via nettleser... 4 2.1.1 Desktop
DetaljerIntroduksjon til programmering og programmeringsspråk. Henrik Lieng Høgskolen i Oslo og Akershus
Introduksjon til programmering og programmeringsspråk Henrik Lieng Høgskolen i Oslo og Akershus Kategorisering av programmeringsspråk? Deklarativ vs. imperativ Lav nivå vs. høy nivå Kompilert vs. tolket
DetaljerOblig 4 Webutvikling. Oppgave
Oblig 4 Webutvikling Oppgave Lag din egen Wordpress- site der du tester ut CMS- systemet. Det å lage egne templates fra bunnen kan være noe komplisert, så det holder for dette prosjektet om dere modifiserer
DetaljerManual 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