Opmog opm- om HTML og XML



Relaterede dokumenter
XML og XSLT - en introduktion. Collection Editor: Lars Johnsen

Fra Informationsmodel til en DTD

Nordisk mytologi - runer

Lav dine egne hjemmesider/websider

PHP Quick Teknisk Ordbog

Bogfunktionen eller Slægtsbogen i FTM

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION

Tillykke Med Fødselsdagen

Titel Overskrift. Hold den kort og præcis! Som Førtidspension & Skånejob. Andet relevant information skal stå i resumefeltet.

I denne manual kan du finde en hurtig introduktion til hvordan du:

Teksten henvender sig til dem, der ikke tidligere har lånt en e-bog til brug på en PC og derfor skal starte helt fra bunden.

Indhold. Produkter oprettelse og vedligehold v Side 2 af 20

Oversættelse af LibreOffice. Adressen er

Sådan laver du en film (VIDEO)

Kapitel 17 Oprette websider:

Afsnittet er temmelig teoretisk. Er du mere til det praktiske, går du blot til det næste afsnit.

Kom godt i gang med I-bogen

Guide. Administration af FDF.dk/Nyborg. 1. Udgave Ide og layout Christoffer S. Rasmussen

Lav din egen forside i webtrees

Arrangementer i Listevisning

Få flot tekst i din slægtsbog med få klik (Af Henning Karlby)

Microsoft Visio 2013 DK

Artikel om... Digital signatur. OpenOffice.org

Redaktørvejledning for Skriv en artikel

Vejledning i redigering af apotekets hjemmeside

Annemette Søgaard Hansen/

1.0 FORMELLE KRAV HVORDAN OPGAVENS OPBYGNING... 2

Opgaveteknisk vejledning Word 2016 til Mac. Tornbjerg Gymnasium 10. december 2015

1 af 5. Nogle. Word. funktioner. Mvh otto. Indhold. Fortryd

Kort introduktion til Google.

I denne artikel, vil der blive gennemgået de grundlæggende PHP-funktioner, såsom udskrift til skærmen, tid og dato og if-sætningen.

Faglig læsning i matematik

Opgaveteknisk vejledning Word Tornbjerg Gymnasium 10. december 2015

Dokumenter. Sider. efact CMS manual v. 1.0

Digitale Videnssystemer: Notater

Hvordan laver jeg en poster/plakat og handout

Vigtige funktioner i Word 2003

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Manual til Groupcare: Indhold, formål og brug

SIDEN PÅ WORDPRESS.COM

Hvilke nyheder er der i 3.1?

Dansk-historie-opgave 1.g

Tekniske retningslinjer for opgaveskrivning

Zotero er et smart værktøj til at få styr på dine referencer og litteraturlister. Zotero er gratis og på dansk.

Arbejde med ibooks. Leif Smidt maj 2016 Side 1

Kom godt i gang. Sitecore Foundry maj Version 1.1

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.

Skifte til PowerPoint 2010

Velkommen til Stifikseren!

Testmanual til DO-IT /QuickTjek

Zotero. En praktisk guide - sådan henter du referencer - sådan redigerer du referencer - sådan indsætter du referencer i Word

Mini-guide for opdatering af hjemmesiden for. SOIF

Forståelse for grafisk workflow

Manual for Synkron hjemmesider

ASB signatur. Figur a: eksempel. og hent filen asb_signatur.zip.

Opgaveteknisk vejledning Word 2011 til Mac. Tornbjerg Gymnasium 10. december 2015

Indhold. Side 1 af 6. Internet Explorer 7 Internet Explorer 7

Skrivevejledning for Kulturstudier juli 2017

Brugermanual til Wordpress 3.2.x Content Management System

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.

Flot, frækt og forførende!! - det fede fotoalbum på 2 minutter!! - en manual fra Skolekonsulenterne.dk

Kapitel 8 Tilpasning af OpenOffice.org:

BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE.

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Hvad er BPI? BPI (Biblioteksproduceret indhold) er den fælles artikelbase for alle danske folkebiblioteker.

Christianshavns Gymnasium Studieretningsopgaven i 2.g (SRO) januar- marts 2014 VEJLEDNING

U DVIKLINGSTEAMET AALBORG UNIVERSITETSBIBLIOTEK

SIGIL Sådan opretter du en e- bog Step by Step

Workshop om digitale fortællinger og multimodal formidling

Jørgen Koch. Access. Opgavehæfte

TravelTales; håndtering af konfigurationsfil

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune

Du skal nu se om din mail er kommet hjem til dig. Klik på Indbakken.

Kapitel 13 Arbejde med Typografier:

1. Større opgaver i word

Vejledning i oprettelse og brug af weblog til spejderformål. Indhold: Weblog til spejderbrug

Kontaktboks. Skive.dk april 14. med og uden profilbillede. Kontaktboks - displaymodul. Umbraco. Udarbejdet april

Kom i gang med. Kapitel 9 Impress: Præsentationer i OpenOffice.org. OpenOffice.org

StarOffice. OpenOffice. Tekstdokument. Globe

Referencehåndtering i Word

5. Vælg den udgave du ønsker, og skriv det antal du ønsker at købe i rubrikken efter antal og

Dynamicweb Quickguide

ASB signatur. ASB signatur. Vejledning til opsætning af signatur IKT - Februar 2008

DANSK/HISTORIE-OPGAVEN (DHO) 1.G

Skifte til OneNote 2010

Start i cirklen med nummer 1 - følg derefter pilene:

Modul 1 Adgang til det trådløse netværk, Kommunikation i Lectio, Office

Et nyt vindue vil åbne beder dig om at indtaste dit "Navn ", " Last Name " og " Password" - "Job Title " er ikke nødvendigt at bruge.

At vurdere websteder. UNI C 2008 Pædagogisk IT-kørekort. af Eva Jonsby og Lena Müller oversat til dansk af Kirsten Ehrhorn

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Modul 2 - Computerens drev og tekstbehandling. Computerens netværksdrev og mappen dokumenter

Velkommen til manualen for Styleclasses Introduktion til Styleclasses Rediger styleclass

Vejledning til: Mine aktiviteter (behandler)

Book-IT's udviklingsgruppe har udarbejdet forslag til et undervisningsmateriale, som kan anvendes til introduktion af skolens OPAC.

EN VEJLEDNING FRA UCL BIBLIOTEKET. Zotero. version 5

- 1) Overskrift Hvis du ikke kan finde på en oplagt overskrift lige nu, så skriv bare et eller andet. Du kan redigere i det senere:

Jysk Online Medie ApS - Vestergade 32, 8600 Silkeborg - Tlf.:

Tjek dine miljøvalg på nettet - når det gælder en tryksag.

IsenTekst Indhold til Internettet. Manual til Wordpress.

Transkript:

OpenStax-CNX module: m19604 1 Opmog opm- om HTML og XML Steen Leo Hansen This work is produced by OpenStax-CNX and licensed under the Creative Commons Attribution License 3.0 Abstract Introduktion til og diskussion af opmmed HTML og XML 1 Lidt om hjemmesider og opm Vi har alle adskillige gange besøgt en hjemmeside i vores jagt på informationer når vi søger oplysninger om personer, produkter eller ord og begreber som vi ikke forstår. Vi er så vant til at bevos i cyberspace og til at besøge hjemmesider, at vi ikke opfatter det som anvendt teknologi, ikke tover hvad der gemmer sig bag en hjemmeside og hvordan den er bygget op. Men vi har nogle ganske prforventninger til en hjemmeside: den skal indeholde de informationer vi søger, og de skal vlet tilg. Derfor er vi heller ikke sene til at fdom over en hjemmeside hvis vi bliver skuede: Den er kedelig, den gider jeg ikke besøger igen!, Den indeholder ikke de oplysninger jeg søger!, Den er svat bruge!. En hjemmeside er et udstillingsvindue, det sted hvor en leverandør prsine produkter for sine kunder, og stedet hvor man gerne skulle få nye kunder. Det er derfor vigtigt at en hjemmeside på en og samme tid er smart, indbydende, let at bruge og informativ. Det stiller store krav til design, til opbygning og indretning af hjemmesiden. De centrale informationer skal placeres det rigtige sted på siden eller siderne og det skal vnemt at bevsig rundt og komme fra et sted til et andet på en hjemmeside. Og det hele skal samtidig voverskueligt, ligesom der skal ven naturlig sammenhmellem informationer som prsamme sted. Når man leder efter en hjemmeside, bruger man en browser 1, et program som kan nde og fortolke indholdet på en hjemmeside. Det sprog man anvender når man bygger sin hjemmeside, skal derfor helst vet sprog der ikke er afhaf at bruger anvender en bestemt type computer eller en bestemt browser. Lige netop sådan et sprog er HTML, en forkortelse der dover HyperText Markup Language. At en hjemmeside er HyperText vil sige, at det er tekst som ikke er bundet til papir, ikke er bundet af en lineprog lfra venstre mod højre. Man kan derimod bevsig frit i teksten, udnytte links og henvisninger og springe fra et sted i teksten til etandet ved at klikke på et ord, en illustration eller på en adresse til en anden hjemmeside. 2 Om opmog opm At HTML er et Markup Language vil sige at det er et sprog som man bruger til at forsyne en tekst med markører. Vi siger også at HTML er et opm. Helt konkret og bogstaveligt går opmderfor ud på at indsmarkører (eng. tags) i en tekst. Bruger vi HTML som opm, kan vi slå maf mulige markører og deres betydning op i en shtml-ordbog. Version 1.4: Feb 9, 2009 7:58 am +0000 http://creativecommons.org/licenses/by/3.0/ 1 En af de mest anvendte browsere er Interne Explorer fra Microsoft

OpenStax-CNX module: m19604 2 Opmsvarer på mange måder til vores brug af et tekstbehandlingssystem når vi ønsker at fremhog udskille vigtige dele i en tekst som for eksempel i: Eric T. Ray Learning XML O'Reilly 2003 Figur 1 Vi bruger som noget helt naturligt forskellige indbyggede funktioner i det aktuelle tekstbehandlingssystem i vores opm, det kan vfed skrift eller italic og vi kan på størrelsen af bogstaverne. Men mange gange bruger vi også eksplicitte markører, som for eksempel i: Forfatter: Eric T. Ray Titel: Learning XML Forlag: O'Reilly 2003 Udg.: 2003 Figur 2 I ovenstående eksempel indsvi markører, Forfatter, Titel, Forlag og Udg., for at gøre det lettere for lat forstå hvad det er for en type informationer der vises. 3 HTML og XML I det foregående afsnit er begrebet opm introduceret og HTML er beskrevet som et opm. To eksempler, g.1 og g.2 illustrerer hvordan man kan bruge funktionerne i et tekstbehandlingssystem, fed skrift, skråskrift og skrifttyper, til opm. De viser tillige at funktioner som 'indrykning' og 'tekstbox' også fungerer som en form for opm, dvs som et middel til rent grask at fremhog tydeliggøre det centrale i den information som man formidler. De to eksempler illustrerer en yderligere og vforskel på måden at opmpå. I g. 2 er der indsat markører som beskriver indholdet i den information som pr. Vi kan direkte aaf markørerne at 'Eric T. Ray' er navnet på en forfatter og at 'Learning XML' er titlen på en bog som han har skrevet. Denne information mangler i g. 1, som alene fokuserer på den graske prog på at adskille forfatter, titel og forlag fra hinanden ved hjaf forskelle i skriften. Denne forskel i fokus prover for indhold gennder vi i forskellen mellem HTML og XML, extensible Markup Language. 4 Hvad vil du fremh: preller indhold HTML har som opmfokus på praf informationer. Det er derfor det sprog vi bruger når vi bygger hjemmesider. XML har fokus på indholdet. Det svarer ganske godt til forskellen mellem g. 1 og g. 2. Vi bruger XML

OpenStax-CNX module: m19604 3 og de markører vi sind i teksten til at sige noget om indholdet: hvad handler det om, som i g. 2, og modsat bruger vi HTML når vi lvpå hvordan teksten skal fremstå og pr. Vi kan illustrere forskellen på følgende vis: <b> Eric T. Ray </b> <i> Learning XML </i> <p> o'reilly </p> <font size='-1 > O'Reilly 2003 </font> Figur 3 I g. 3 lad os kalde det et HTML-dokument er der brugt markører fra HTML til at pren streng med fed skrift (l.1), med skråskrift (l.2) og til at nedsstørrelsen på den anvendte skrifttype (l.4). Lmtil at en markør (eng. tag) er omgivet af stegn, tegnet < som starten på en markør, og > som afslutning. Markøren <b> angiver at skriften skal vfed (eng.bold), og markøren <i> angiver at skiften skal fremstå som italic. Med markøren <p> angives at der er tale om ren tekst, en (text)paragraph. Lendvidere mtil at en opmaltid bør omfatte en startmarkør og en slutmarkør. Slutmarkøren kender vi på syntaksen som for eksempel i </b >. Opm<b>... </b> har således den eekt at alt hvad der står mellem startmarkøren og slutmarkøren bliver prmed fed skrift. Sammenfattende kan man sige, at når man opmi HTML, fungerer man som både en form for graker og som typograf. Når vi opmi XML, er fokus et andet. Da er det indholdet det g: <forfatter> Eric T. Ray </forfatter> <titel> Learning XML </titel> <forlag> O'Reilly </forlag> <udg> 2003 </udg> Figur 4 De markører som er brugt i g. 4 lad os kalde det et XML-dokument siger alene noget om hvad det er for en type information der står mellem de to markører, hvad data mellem start- og slutmarkør handler om. Vi kan sammenfattende karakterisere forskellen mellem HTML og XML som en forskel mellem valg af design, HTML, og valg af information, XML. Vi har på den ene side de data som vi vil pr, på den anden vores viden om de informationer som er repri data og vores forestilling om hvordan vi kan modellere disse informationer i XML. En bog er skrevet af en person, det vi normalt kalder FORFATTER, den har en TITEL og er udgivet af et FORLAG på et bestemt tidspunkt. Det er denne vores idé og forestilling om den typiske bog og tilhørende informationskategorier som vi fokuserer på i XML og snavn på ved hjaf vores markører.

OpenStax-CNX module: m19604 4 Det siger sig selv, at en browser ikke ved hvilke informationskategorier vi har i hovedet og anvender når vi opmi XML, uanset hvad vi opm. Modsat er det praktisk at den kan genkende og fortolke de markører som denerer pr. Derfor er maf markører i HTML og deres betydning fastlagt på forhånd. Vi kan ikke lave om på dette og introducere vores egne markører 2. XML derimod giver brugeren mulighed for lave og bruge sit eget opmi og med at vi skiller indholdet fra pr. Et XML-dokument er strukturerede data, men også struktureret information. Strukturen er identisk med de tags der anvendes. De afspejler den informationsstruktur somer indeholdt i de data der opmsom for eksempel i tilfmed en bog. Hvis vi udveksler vores tags eller informationskategorier med hinanden, vil vi også kunne hente, bruge og genbruge oplysninger med samme struktur, og vi kan uden problemer vise det hele hvis det er pakket ind i HTML. 5 Test dig selv Som afslutning på dette første modul følger et par opgaver som du kan bruge til at tropm. Som det første skal du samle alle de oplysningstyper informationskategorier som efter din mening typisk er knyttet til beskrivelsen af en bog. Lav en liste med de relevante begreber (forfatter, titel, forlag...) og lav derefter en liste hvor begreberne er noteret som tags. Nedenfor nder du tre forskellige beskrivelser af tre forskellige bogtitler. Sammenlign dine liste med de tre beskrivelser og udvid om nødvendigt listerne med nye kategorier, kategorier som du ikke har tover i første omgang. Kopiér en af teksterne over i dit tekstbehandlingssystem, indsdine tags i teksten og gem den som et XML-dokument, det vil sige som en l med efternavnet xml, for eksempel: jørgen_leth.xml Example 1 Tekst 1: hentet hos Gentofte Kommunes Biblioteker: Roman Anne Marie Løn. Sekstetten : roman / Anne Marie Løn. - [Kbh.] : Gyldendal, 2008. - 550 sider ISBN 978-87-02-07227-3 : hf. : kr. 299,00. ISBN 978-87-02-07365-2 : ib. : kr. 349,00. Example 2 Tekst 2: hentet hos Gentofte Kommunes Biblioteker: Lydbog, Biogra. Det uperfekte menneske / Jørgen Leth Gyldendal Lyd, 2008-Forfatteren, lminstruktøren og Tour de France-eksperten Jørgen Leths (f. 1937) erindringsessays, hvori han beskriver øjeblikke i sit liv og omkostningerne ved at leve som : rastløsheden, depressionerne og ensomheden. Example 3 Tekst 3: hentet hos Gyldendals Bogklub (og derfor er det ikke sikkert at alle informationerne er relevante i din model!): Jo Nesbø Flagermusmanden Klubpris: 149,- Første bind i Jo Nesbøs suverkrimi-serie om Harry Hole Den norske kriminalbetjent Harry Hole sendes til Australien for at bistå i opklaringen af mordet på en ung, norsk kvinde. I lufthavnen mødes han af Andrew kensington, en aboriginal kriminalbetjent med en mindst ligeså broget fortid som ham selv. Sammen bevde sig rundt i Sydneys red light district, King's Cross, og forsøger at navigere efter de svage ekkoer fra en morder. Oversat af Allan Hilton Andersen efter Flaggermusmannen Afslut denne første øvelse med at udskrive din fog endelige liste over informationskategorier og tilhørende tags knyttet til beskrivelsen af en bog. 2 Fremover vil vi anvende den gengelske terminologi for markører: tags

OpenStax-CNX module: m19604 5 Hvordan vil du forklare forskellen i følgende udsagn: HTML er strukturerede data XML er struktureret information