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

Like dokumenter
Markeringsspråk og XML Nettsider og XHTML

Markeringsspråk og XML

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

Markeringsspråk og XML

Markeringsspråk og XML

Markeringsspråk og XML

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

INF1040 Oppgavesett 5: XML

1. XHTML. Innhold Innledning

Semistrukturerte data og XML

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS

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

1. Lage og vise et enkelt XML-dokument

1. XML Grunnlag

INF1040 Oppgavesett 2: Nettsider og XHTML

Oppsummering 2008 del 1

Oppsummering 2008 del 1

INF1040 Digital representasjon Oppsummering

XML Schema. David Massey MBIB

XML. Figur Et eksempel på et XML-dokument

Intro til WWW, HTML5 og CSS

Løsningsskisse prøve IT1

Teknisk håndbok SPESIFIKASJON. Påmelding i XML-FORMAT. versjon Status: Gjeldene. Påmelding XML format versjon 2.9

Stilark "Cascading Style Sheets" CSS

LO130A Webpublisering. Forelesning

HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL

#topp {} #header {} #navigation {} #leftcolum {} #rightcolumn {} #footer {}

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

Stilark "Cascading Style Sheets" CSS

Teknisk håndbok efaktura Spesifikasjon Påmelding i XML-format Innhold

HØGSKOLEN I SØR-TRØNDELAG

the web Introduksjon Lesson

Rammer. Mer om Javascript

Digitale dokumenter 1

API-søk. Innholdsfortegnelse. Kort beskrivelse. Parametere:

NOIS-PIAH XML-import Filformat

Forslag til nasjonal standard for sending av vedlegg til nasjonale XML-meldinger

Introduksjon til HyperText Markup Language

XML Kurs for earkivar

Ordliste 2. Byte (byte) En streng på 8 biter som behandles som en enhet.

XML - kurs. XML-kurs for nybegynnere. ICONS Management Elisabeth Buntz

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

NCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012

HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1

OBLIG 1 - WEBUTVIKLING

MPEG-7. Problemstilling:

E-bøker. Ellen Wiger, bokselskap.no. Workshop: Bibliotek- og informasjonsvitenskap, HIOA, januar-februar økt: om Bokselskap og tekstkoding

Bruk av base64-koding i hodemeldingen

I dag: Neste gang: Hva er tekstkoding? Hva er en tekstfil? DASP107 Innføring i språk og data DASP108 Språk og data

XML og JDOM. Helge Furuseth

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.

Håkon Tolsby Håkon Tolsby

og XML Where is the Life we have lost in living? Where is the wisdom we have lost in knowledge? Where is the knowledge we have lost in information?

EKSAMEN. Elektronisk publisering. INNFØRING MED PENN, evt. trykkblyant som gir gjennomslag

Grensesnittene mellom Legemiddelverket og de andre eresept-aktørene

Tabeller. Tabeller på nettsider. Tabell eksempel 2. Tabell eksempel 1. <table> <tr><th>overskrift1</th>< th>overskrift2</th><th>overskrift3</th></tr>

Steg 1: Vi starter fra toppen

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

HTML / XHTML / CSS. Webpublisering for nybegynnere

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.

XML. Databaser Leksjon 14c: XML - 1

Et forsøk på definisjon

Vedlegg til meldinger

Forsvunnet katt webside

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE

Et forsøk på definisjon. Eksempel 1

Forskrift 25. september 2009 nr om IT-standarder i offentlig forvaltning

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

Webutvikling oblig 1 Marius Hanssen

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

Oblig 1 Erlend Hannestad

HTML: Legg til lyd og video

<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01

Podcasting - en teknisk og praktisk innføring

Semistrukturerte data og XML

CSS: Animasjon Nybegynner

DRI2001 : Informasjonsinfrastrukturer Forelesning Arild Jansen, AFIN

HØGSKOLEN I SØR-TRØNDELAG

UNIVERSITETET I OSLO

Steg 1: Felix har forsvunnet!

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

extensible Markup Language XML

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

Web fundamentals. Web design. Frontend vs. Backend Webdesign 17. januar Monica Strand

Skatteetaten Drosjesentraler Beskrivelse av filformatet for innsending av opplysninger til Skatteetaten Gjelder fra inntektsåret 2013 Versjon 1.0.

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

Steg 1: Animasjons-attributtet

Semistrukturerte data og XML

Unicode. Unikt vakkert eller unisont håpløst? En vandring gjennom tegnkodingens historie. Dag Lamgmyhr, Ifi/UiO Ark 1 av 23

Webformularer, PHP og databaser et crash-kurs

Høgskoleni østfold EKSAMEN

HIS 1036:2011. Elektronisk samhandling Vedlegg til meldinger. endret KITH 21/08:2012

Folloarkivets dagskonferanse 2014

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

Kort om earkiv/ikt-sidene ved arkivregelverket

MMT105 Internettprogrammering Uke 44, høst 2007

EKSAMEN / 6101N WebPublisering

html - minikurs ved Sverre Andreas Fekjan webforum

Oblig 3 Webutvikling

Transkript:

Markeringsspråk og XML Læringsmål XML Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan. <?xml version = "1.0" encoding= utf-8"?> 8?> <eventyr> Det var en gang Forstå hva XML er og hva det ikke er. Kunne lage XML-dokumenter. Kunne bruke dokumenttypedefinisjoner (DTDer) og XML skjemaer. og snipp, snapp, snute, så var det eventyret ute. </eventyr> Kapittel 3 3. september 2008 INF1040-XML-1 INF1040-XML-2 SGML-familien Markering av tekst SGML Standard General Markup Language HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language ISO 8879:1985 XML Extensible Markup Language Other XML-based Languages Spesifikk markering (eksempel fra WordStar).PL 66 page length 66 linjer.mt 6 margin top = 6 linjer.mb 9 margin bottom = 9 linjer ^B Innhold INF1040 ^B switch bold on and off I INF1040 skal vi blant annet lære Generalisert markering (eksempel fra XHTML) <h1>innhold INF1040</h1> <p>i INF1040 skal vi blant annet lære</p> Generisk markering (eksempel fra XML) <kapittel> <kapittelnavn>innhold INF1040</kapittelnavn> <avsnitt>i INF1040 skal vi blant annet lære </avsnitt> </kapittel> INF1040-XML-3 INF1040-XML-4

Et meget enkelt XML-eksempel Fremvisning av XML-dokumenter Alle XML-filer begynner slik! Hvilken XML-versjon som er benyttet Tegnsettet brukt i XML-filen Startmarkering (starttag) <?xml version = "1.0" encoding= utf-8"?> utf8?> <eventyr> XSLT-fil CSS-fil Det var en gang og snipp, snapp, snute, så var det eventyret ute. XML-fil XHTML-fil XSLTprosessor Nett- leser Sluttmarkering (endtag) </eventyr> Element andre formater INF1040-XML-5 INF1040-XML-6 Et litt mer avansert XML-eksempel <?xml version = "1.0" encoding="iso-8859-1"?> <emne> <emnenavn>digital representasjon</emnenavn> <emnebeskrivelse>i INF1040 skal vi blant annet lære om hvordan vi i en datamaskin representerer <temaliste> <tema>tekst</tema> <tema>tall</tema> <tema>lyd</tema> <tema>bilder</tema> </temaliste> og hva dette innebærer for <stikkord>lagring</stikkord> g <stikkord>overføring</stikkord> <stikkord>fremvisning</stikkord> </emnebeskrivelse> INF1040-XML-7 Elementene danner en hierarkisk struktur emne kode navn beskrivelse INF1040 - Digital representasjon I INF1040 skal vi blant annet lære om hvordan vi i en datamaskin representerer temaliste Sjekk av struktur kan gjøres med http://www.w3schools.com/dom/dom_validate.asp http://www.xml.com/pub/a/tools/ruwf/check.html og hva dette innebærer for stikkord* tema* lagring overføring fremvisning tekst tall lyd bilder INF1040-XML-8

XHTML en spesialisering av XML Strukturen i XHTML-eksempelet <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>inf1040</title> </head> head html body <body> <h1>inf1040 Digital representasjon</h1> <p> I INF1040 skal vi blant annet lære om hvordan vi en datamaskin representerer </p> title h1 p ul <ul> </ul> </body> </html> <li>tekst</li> <li>tall</li> <li>lyd</li> <li>bilder</li> INF1040 INF1040 Digital representasjon I INF1040 skal vi blant annet lære om hvordan vi i en datamaskin representerer tall li* tekst lyd bilder INF1040-XML-9 INF1040-XML-10 Oppbyggingen av et element Regler for elementnavn i XML Hvert element starter med en startmarkering og avsluttes med en tilsvarende sluttmarkering: <elementnavn>elementinnhold</elementnavn> Eksempel fra XHTML: <h1>inf1040 Digital it representasjon</h1> Hvis elementet er tomt kan start- og sluttmarkeringen slås sammen: <elementnavn /> <br /> Startmarkeringen kan inneholde ett eller flere attributter med tilhørende verdier: <elementnavn attributt= verdi >elementinnhold</elementnavn> <a href= http://www.uio.no/ >UiO</a> <img src= uiologo.gif alt= UiO-logo width= 75 height= 75 /> Kan inneholde bokstaver, tall og andre tegn. Ikke-engelske k bokstaver er tillatt, tt men det er ikke sikkert all programvare forstår dem. Kan ikke inneholde mellomrom (space). Kan ikke starte med tall, skilletegn eller xml, XML, Xml Kan starte med _ (underscore) Unngå tegnene.: De kan lett misforstås INF1040-XML-11 INF1040-XML-12

Spesielle tegn Tegnene < > & har en spesiell betydning i XML (de brukes som escape -tegn) Hvis slike tegn inngår i teksten, må de kodes på en spesiell måte: &tegnnavn; eller &#kodepunkt; Hva kan XML brukes til? XML brukes i dag hovedsaklig til overføringsformat f mellom systemer lagringsformat for semistrukturerte dater altså: < < < > > > & & & x betyr at kodepunktet er angitt i heksadesimal! Kategorisering g av XML-dokumenter dokumentsentrerte XML-dokumenter datasentrerte t t XML-dokumenter INF1040-XML-13 INF1040-XML-14 Eksempel dokumenttypedefinisjon (DTD) Bruk av DTD Dokumenttypedefinisjon for emnebeskrivelser (emne.dtd): På filen emne.xml: <!ELEMENT emne (emnekode, emnenavn, emnebeskrivelse)> <!ELEMENT emnekode (#PCDATA)> <!ELEMENT emnenavn (#PCDATA)> <!ELEMENT emnebeskrivelse (#PCDATA temaliste stikkord)*> <!ELEMENT temaliste (tema*)> <!ELEMENT tema (#PCDATA)> <!ELEMENT stikkord (#PCDATA)> <?xml version = "1.0" encoding="utf-8"?> <!DOCTYPE emne SYSTEM "emne.dtd"> <emne> c DTD-en til XHTML strict t finnes på http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd INF1040-XML-15 INF1040-XML-16

Eksempel XML skjema XML-skjema for emnebeskrivelser (emne.xsd): <?xml version="1 1.0" encoding="utf-8"?> <xs:schema xmlns:xs="http://www.w3.org/2001/xmlschema"> <xs:complextype> <xs:sequence> <xs:element name = "emnekode" type="xs:string"/> <xs:element name = "emnenavn" type="xs:string"/> <xs:element name = "emnebeskrivelse"> <xs:complextype mixed= true > <xs:element name = "tema" type="xs:string" minoccurs= 2 maxoccurs= 10 /> <xs:element name = "stikkord" type="xs:string" minoccurs= 0 maxoccurs= unbounded /> </xs:complextype> </xs:sequence> </xs:complextype> </xs:schema> På filen emne.xml: Bruk av XML-skjema <?xml version = "1.0" encoding="utf-8"?> xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" <emne xsi:schemalocation="emne.xsd"> INF1040-XML-17 INF1040-XML-18 Planen videre I dag har vi gjort oss ferdige med tegn og tekst. t sett på XML. Neste onsdag ser vi spesielt på overføring av data. Plenumsgruppene går nå over til å først og fremst være gjennomgang av eksempler og oppgaver. INF1040-XML-19