Digital Media Technology Week 2: XML Basics Peter Verhaar.

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

XML and Enterprise Computing. What is XML? Stands for “Extensible Markup Language” –similar to SGML and HTML –document “tags” are used to define content.
Getting a Taste of Cascading Stylesheets Steve Mooradian December 14, 2005.
Digital Media Technology Week 4: The TEI Header Peter Verhaar.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Digital Media Technology Week 3: Introduction to TEI Peter Verhaar.
Digital Media Technology Week 1: Introduction 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.
CSE 190: Internet E-Commerce Lecture 17: XML, XSL.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
Tutorial 11 Creating XML Document
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
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
* The basic components of a web site are: * Content – information displayed or accepted from users * Static – content that doesn’t change for different.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
Chapter 11 Cascading Style Sheets: Part I The Web Warrior Guide to Web Design Technologies.
Database Management Systems 3ed, R. Ramakrishnan and J. Gehrke1 XML Taken from Chapter 7.
XP 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and content of.
Introduction to XML 1. XML XML started out as a standard data exchange format for the Web Yet, it has quickly become the fundamental instrument in the.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
1 © Netskills Quality Internet Training, University of Newcastle Introducing XML © Netskills, Quality Internet Training University.
Introduction to XML. XML - Connectivity is Key Need for customized page layout – e.g. filter to display only recent data Downloadable product comparisons.
Introduction to XML. What is XML? Extensible Markup Language XML Easier-to-use subset of SGML (Standard Generalized Markup Language) XML is a.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
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.
Leiden University. The university to discover. DMT Week 3 Adriaan van der Weel and Peter Verhaar.
Tutorial 1: XML Creating an XML Document. 2 Introducing XML XML stands for Extensible Markup Language. A markup language specifies the structure and content.
Digital Media Technology Week 6. XML Source XSLT Stylesheet XML Result XSLT.
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
10/15/20151 XML. 10/15/20152 Mark-up Languages Digitalizing information Content Format SGML HTML XML RDF OWL …
XHTML1 Introduction to Web Pages Chapter 1. XHTML2 Objectives In this chapter, you will: Learn about the World Wide Web (WWW) Create simple Hypertext.
E0262 – MIS – Multimedia Storage Techniques XML (Extensible Markup Language  XML is a markup language for creating documents containing structured information.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
XML Documents Chao-Hsien Chu, Ph.D. School of Information Sciences and Technology The Pennsylvania State University Elements Attributes Comments PI Document.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
Digital Media Technology Week 5: XML and Presentation Peter Verhaar.
17 Apr 2002 XML Syntax: Documents Andy Clark. Basic Document Structure Element tags – Elements have associated attributes Text content Miscellaneous –
Digital Media Technology Seminar 2 – 16 September 2014 Fleur Praal Jeroen van Honk
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.
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.
XML Design Goals 1.XML must be easily usable over the Internet 2.XML must support a wide variety of applications 3.XML must be compatible with SGML 4.It.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
Jennifer Widom XML Data Introduction, Well-formed XML.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
Information Design Trends Unit 4: Sources and Standards Lecture 3: A Brief Introduction to XML.
Digital Media Technology Week 4: The TEI Header Peter Verhaar.
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
Digital Media Technology Week 6: Introduction to XSLT Peter Verhaar.
Module Road Map Assignment Road Map Notice we have linked the conduit directly to the presentation layer. This is normally a bad idea!
Introduction to XML Kanda Runapongsa Dept. of Computer Engineering Khon Kaen University.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
HTML 5 AND CSS Dr Mohd Soperi Mohd Zahid Semester /16.
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.
Digital Media Technology
Digital Media Technology
Introduction to HTML 5.
XML Data Introduction, Well-formed XML.
Introduction to HTML 5.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
WEB & HTML Background Info.
Presentation transcript:

Digital Media Technology Week 2: XML Basics Peter Verhaar

□ Taming digital complexity and imposing order □ Order can be imposed via the creation of models or ‘digital surrogates’

□ Technique used to create web pages Hypertext Markup Language How do you manage a university that has no clear owner? Universities are there for future generations; how can we make sure we pass them on intact? Leiden academics responded to the address given by Cambridge professor Stefan Collini at the opening of the academic year.

□ Consists of code to specify the formatting Encoding in HTML pparagraph h1/h2/h3heading bbold iitalics □ Text to be formatted is surrounded by an opening and a closing tag: and □ Example: This text is shown in bold

□ A selector combined with formatting instructions □ Example: body { background-color: #d0e4fe; } p { font-family: "Times New Roman"; font-size: 20px; color: orange ; } CSS

Today’s lecture □ What is text encoding? □ How can we encode a text? □ Why do we need text encoding?

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

“Information Management: A Proposal”

□ Made use of inftrastructure provided by the internet, which developed out of ARPANet □ Based on Ted Nelson’s concept of hypertext and Xanadu software □ Based on SGML; a predecessor of XML Inspiration for HTML

WYSIWYG HTML Editor

Text encoding □ A system that can be used to make statements about text fragments □ Makes use of opening and closing tags, e.g. and □ Use of codes or elements, e.g. p, b, i, or title, persName, date

James Joyce ’s novel Ullyses was first published in □ XML elements situate and describe text fragments □ Example:

Attributes A.W. Sijthoff PropertyValue your letter of the 29th Ulto

Document type definition

□ XML is a “meta-language” □ 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

□ 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 Well-formed XML

□ 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. Sijthof Booktrade Correspondence Project

De Erven F. Bohn □ Founded in Haarlem, 1752 by Christoph Heinrich Bohn ( ) □ >1784: son François Bohn ( ) □ 1819: public auction. Name changed to De Erven F. Bohn. □ 1875 no more bookselling; 1876: J.K. Tadema □ Today: Bohn Stafleu van Loghum

Archives □ Ca. 20,000 books □ Financial administration □ Ca. 70,000 letters, often with well-known authors and publishers □ Contracts, Reviews, Illustrations □ Correspondence section is filmed

□ Social network of Bohn □ 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? Research questions

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

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 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 29th Ulto, offering 30 £ for an early copy of the novel (…) Validation rules DTD or XML Schema Document Instance

□ Elements □ Attributes □ Entities □ ASCI □ Unicode □ DTD □ Well-formed XML □ Valid XML □ Meta-language Terminology