Digital Media Technology

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
Getting a Taste of Cascading Stylesheets Steve Mooradian December 14, 2005.
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
Digital Media Technology Week 3: Introduction to TEI Peter Verhaar.
Leiden University. The university to discover. DMT 2009 Week 2 Adriaan van der Weel.
3 November 2008CIS 340 # 1 Topics To define XML as a technology To place XML in the context of system architectures.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
XML Primer. 2 History: SGML vs. HTML vs. XML SGML (1960) XML(1996) HTML(1990) XHTML(2000)
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Introduction to XML This material is based heavily on the tutorial by the same name at
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
The WWW and HTML CMPT 281. Outline Hypertext The Internet The World-Wide-Web How the WWW works Web pages Markup HTML.
Computer Science 101 Introduction to Web Pages. Origins of the Web Vannevar Bush (Memex, 1945) Ted Nelson (Xanadu, 1968) Doug Englebart and Alan Kay (
Database Management Systems 3ed, R. Ramakrishnan and J. Gehrke1 XML Taken from Chapter 7.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
Introduction to XML. What is XML? Extensible Markup Language XML Easier-to-use subset of SGML (Standard Generalized Markup Language) XML is a.
XML Extensible Markup Language. What is XML? ● meta-markup language ● a language for defining a family of languages ● semantic/structured mark-up language.
Leiden University. The university to discover. DMT Week 4 Adriaan van der Weel and Peter Verhaar.
I NTRO TO CSS IAT100 Spring I NTRO TO CSS Covered in this lesson: Overview What is CSS? Why to use CSS? CSS for Skinning your Website Structure.
XML - Why: The HTML-Dilemma HTML, SGML, XML - How: Syntax, Concept, Language Elements Basics Well-formed XML-Documents (without DTD) Valid XML-Documents.
What is XML?  XML stands for EXtensible Markup Language  XML is a markup language much like HTML  XML was designed to carry data, not to display data.
FIGIS’ML Hands-on training - © FAO/FIGIS An introduction to XML Objectives : –what is XML? –XML and HTML –XML documents structure well-formedness.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
Digital Media Technology Week 2: XML Basics Peter Verhaar.
Digital Media Technology Week 5: XML and Presentation Peter Verhaar.
1 Introduction to XML XML stands for Extensible Markup Language. Because it is extensible, XML has been used to create a wide variety of different markup.
XML Introduction. What is XML? XML stands for eXtensible Markup Language XML stands for eXtensible Markup Language XML is a markup language much like.
The eXtensible Markup Language (XML). Presentation Outline Part 1: The basics of creating an XML document Part 2: Developing constraints for a well formed.
XML for Text Markup An introduction to XML markup.
1 XML eXtensible Markup Language. 2 XML vs. HTML HTML is a HyperText Markup language HTML is a HyperText Markup language Designed for a specific application,
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
Jozef Goetz, STEM Summer Camp Dr. Jozef Goetz.
+ 1 XML eXtensible Markup Language. + 2 XML Lecture Adapted from the work of Dr. Praveen Madiraju of Marquette University.
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
Digital Media Technology Week 6: Introduction to XSLT Peter Verhaar.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
1 XML eXtensible Markup Language. 2 Introduction and Motivation Dr. Praveen Madiraju Modified from Dr.Sagiv’s slides.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Beyond HTML: Extensible Markup Language (XML)
XML BASICS and more…. What is XML? In common:  XML is a standard, simple, self-describing way of encoding both text and data so that content can be processed.
HTML CS 4640 Programming Languages for Web Applications
Unit 4 Representing Web Data: XML
XML Related Technologies
Digital Media Technology
Representation and Markup
Introduction to HTML.
Key concepts of Computing
Introduction to XHTML.
Introduction to HTML 5.
Chapter 7 Representing Web Data: XML
Creating an XML Document
Introducing HTML & XHTML:
Web Programming Maymester 2004
XML Data Introduction, Well-formed XML.
Introduction to HTML 5.
eXtensible Markup Language
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Introduction to World Wide Web
WEB & HTML Background Info.
HyperText Markup Language
CSE591: Data Mining by H. Liu
HTML CS 4640 Programming Languages for Web Applications
Presentation transcript:

Digital Media Technology Week 2: XML Basics Peter Verhaar

<html> <head> <title> Title of the website </title> </head> <body> <p> This is a paragraph </p> <b>This text is shown in bold</b> </body> </html>

CSS A selector combined with formatting instructions internal or external stylesheets Example: body {      background-color: #d0e4fe; } p {      font-family: "Times New Roman” ; }

What is text encoding? Why do we need text encoding?

HTML Developed at CERN by Tim Berners-Lee; first proposal: March 1989

Also: first ever web page

Inspiration for HTML Based on Ted Nelson’s concept of hypertext and Xanadu software Based on SGML; a predecessor of XML

Otlet’s Mundaneum

Bush’s Memex “associative indexing, the basic idea of which is a provision whereby any item may be caused at will to select immediately and automatically another” From As We May Think

ARPANet and INternet

Text encoding and hypertext Documents which contain hyperlinks Hypertexts are based on encoding systems which can identify the fragments which ought to serve as links More generally: based on a system which prescribes the type of units that can occur within a text Hypertexts follow specific syntactic rules

Booktrade Correspondence Project Application of text encoding Study of correspondence from the Dutch book trade in the 19c Primary materials: Archive of De Erven F. Bohn Archive of A.W. Sijthoff

Research questions Social network of publishing houses Which book titles are mentioned in the correspondence? How international was the Dutch Booktrade in the 19C? Who were Bohn’s and Sijthoff’s competitors?

Dear Sirs, I will accept / £10 for the / rights to make a / translation into / Dutch of my / novel entitled / Wanda //

Printers will / send you entire / proofs from London / instantly. Please / to send money / on receipt of this / Address Madame / Ouida. ~c. 2 words illegible~/ ~c. 1 word illegible~ Ouida / L. de la Ramée

Example of a transcription Gentlemen, I reply to your letter of the 29th Ulto, offering 30 £ for an early copy of my late father's forthcoming novel Kenelm Chellengly. I beg to inform you that I have simultaneously received from another Dutch Firm, precisely the same offer, viz. 30 £ for an early copy of that work, with a view to a Dutch translation of it (…). Your obedt. Servt, Lytton Knebworth Park Stevenage Herts

Encoded text Gentlemen, I reply to your letter of the <date>29th Ulto</date>, offering 30 £ for an early copy of my late father's forthcoming novel <title>Kenelm Chellengly</title>. I beg to inform you that I have simultaneously received from another Dutch Firm, precisely the same offer, viz. 30 £ for an early copy of that work, with a view to a Dutch translation of it (…). Your obedt. Servt, <persName>Lytton</persName> Knebworth Park <placeName>Stevenage</placeName> Herts

eXtensible Markup Language A system that can be used to make statements about text fragments Use of elements, e.g. p, b, i, or title, persName, date Makes use of opening and closing tags, e.g. <p> and </p>

XML elements situate and describe text fragments Example: <persName>James Joyce</persName>’s novel <title>Ullyses</title> was first published in <date>1922</date>.

Attributes <name type= “person”>A.W. Sijthoff</name> Property Value your letter of the <date value=“1873-10-29”>29th Ulto</date>

Document type definition <!ELEMENT literatureList ( item)*> <!ELEMENT author (#PCDATA)> <!ELEMENT title (#PCDATA)> <!ELEMENT edition (#PCDATA)> <!ELEMENT physicalDescription ( extent | dimensions)*> <!ELEMENT date (#PCDATA)> <!ELEMENT publisher (#PCDATA)> <!ELEMENT imprint ( place | publisher | date )*> <!ELEMENT extent (#PCDATA)> <!ELEMENT item ( language | author | title | imprint | physicalDescription | edition)*> <!ELEMENT dimensions (#PCDATA)> <!ELEMENT language (#PCDATA)> <!ATTLIST language iso-6392 CDATA #REQUIRED> <!ELEMENT place (#PCDATA)>

XML is a “meta-language” XML is a “meta-language”. It allows for the creation of concrete mark up languages, e.g. HTML, TEI, EAD Elements names and document structure are stipulated in a DTD (or XML Schema) Document instances are documents encoded in a specific mark up language

XML (x)HTML TEI SVG

Well-formed XML Each opening tag must have a matching closing tag Elements must be nested properly A single root element Names of elements are case sensitive Attribute values must be given in quotation marks An attribute can only be used once in an opening tag

DTD or XML Schema Document Instance <tei> <text> <salute> Gentlemen, </salute> <body> I reply to your letter of the <date>29th Ulto</date>, offering 30 £ for an early copy of the novel (…) </body> </text> </tei> Validation rules DTD or XML Schema Document Instance

Terminology Elements Attributes DTD Well-formed XML Valid XML Meta-language

Ontology XML-based encoding systems are based on models of “document types” These can be referred to as ontologies: a series of statements about the aspects that need to be modelled Ontologies are initially descriptive, but they become norative or prescriptive once they are fixed