WORKING WITH NAMESPACES

Slides:



Advertisements
Similar presentations
Introduction to HTML & CSS
Advertisements

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.
It’s All About Style The Basics of Style Sheets Presented by Barry Diehl.
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
Tutorial 6 Creating a Web Form
3 November 2008CIS 340 # 1 Topics To define XML as a technology To place XML in the context of system architectures.
Tutorial 9 Working with XHTML
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
Tutorial 11 Creating XML Document
4.01 Cascading Style Sheets
XP New Perspectives on XML, 2nd Edition Tutorial 2 1 TUTORIAL 2 WORKING WITH NAMESPACES.
Tutorial 2: XML Working with Namespaces. COMBINING XML VOCABULARIES IN A COMPOUND DOCUMENT Section 2.1.
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.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
Working with Namespaces Combining XML Vocabularies in a Compound Document.
XML 2nd EDITION Tutorial 2 Working With Namespaces.
XP New Perspectives on XML Tutorial 4 1 XML Schema Tutorial – Carey ISBN Working with Namespaces and Schemas.
XP New Perspectives on XML Tutorial 3 1 DTD Tutorial – Carey ISBN
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Validating DOCUMENTS with DTDs
Working with XHTML Creating a Well-Formed Valid Document.
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.
Web Technologies Website Development Trade & Industrial Education
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.
WORKING WITH XSLT AND XPATH
Website Development with Dreamweaver
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
XP 1 DECLARING A DTD A DTD can be used to: –Ensure all required elements are present in the document –Prevent undefined elements from being used –Enforce.
Tutorial 1: XML Creating an XML Document. 2 Introducing XML XML stands for Extensible Markup Language. A markup language specifies the structure and content.
1 Tutorial 13 Validating Documents with DTDs Working with Document Type Definitions.
1 Dr Alexiei Dingli XML Technologies XML Advanced.
XP 1 TUTORIAL 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
XP 1 New Perspectives on XML Binding XML Data with Internet Explorer.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
XP New Perspectives on XML, 2nd Edition Tutorial 2 1 TUTORIAL 2 WORKING WITH NAMESPACES.
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.
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
1 Tutorial 14 Validating Documents with Schemas Exploring the XML Schema Vocabulary.
Tutorial 13 Validating Documents with Schemas
1 Tutorial 12 Working with Namespaces Combining XML Vocabularies in a Compound Document.
1 Compound Documents: Combining XML Vocabularies.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Tutorial 2: XML Working with Namespaces. 2 Name Collision This figure shows two documents each with a Name element.
Creating and Editing a Web Page
Creating and Editing a Web Page Using Inline Styles
Tutorial 9 Working with XHTML. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Describe the history and theory of XHTML.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
XP 1Creating Web Pages with XML Tutorial 1 New Perspectives on XML Tutorial 1 – Creating an XML Document.
HTML5 and CSS3 Illustrated Unit C: Getting Started with CSS.
1 Extensible Stylesheet Language (XSL) Extensible Stylesheet Language (XSL)
Getting Started with CSS
Creating a Well-Formed Valid Document
Tutorial 9 Working with XHTML
Tutorial 9 Working with XHTML
WORKING WITH NAMESPACES
Website Design 3
Introducing HTML & XHTML:
Tutorial 9 Working with XHTML
Tutorial 3 Working with Cascading Style Sheets
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
New Perspectives on XML
Presentation transcript:

WORKING WITH NAMESPACES TUTORIAL 2 WORKING WITH NAMESPACES New Perspectives on XML, 2nd Edition Tutorial 2

COMBINING XML VOCABULARIES A document that combines several vocabularies is known as a compound document New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition Practice P. 52-55 New Perspectives on XML, 2nd Edition Tutorial 2

WORKING WITH NAMESPACES Name collision occurs when elements from two or more documents share the same name. Name collision is not a problem if you are not concerned with validation. The document content only needs to be well-formed. However, name collision will keep a document from being validated. New Perspectives on XML, 2nd Edition Tutorial 2

This figure shows name collision New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition DECLARING A NAMESPACE A namespace is a defined collection of element and attribute names. Names that belong to the same namespace must be unique. Elements can share the same name if they reside in different namespaces. Namespaces must be declared before they can be used. New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition DECLARING A NAMESPACE A namespace can be declared in the prolog or as an element attribute. The syntax for an attribute used to declare a namespace in the prolog is: xmlns:prefix=“URI” Where URI is a Uniform Resource Identifier that assigns a unique name to the namespace, and prefix is a string of letters that associates each element or attribute in the document with the declared namespace. New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition DECLARING A NAMESPACE For example, <mode1 xmlns:mod=“http://jacksonelect.com/models”> Declares a namespace with the prefix “mod” and the URI http://jacksonelect.com/models The URI is not a Web address. A URI identifies a physical or an abstract resource. New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition URIs, URLs, AND URNs A physical resource is a resource one can access and work with such as a file, a Web page, or an e-mail address. A URL is one type of URI. An abstract resource is one that doesn’t have any physical existence, the URI is used as an identifier or an ID. New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition URIs, URLs, AND URNs A proposed type of URI is the URN or Universal Resource Name. A URN is a persistent resource identifier, meaning the user need only know the name of a resource. An agency would then retrieve a copy of the resource independent of its location. URNs take the form: urn:NID:NSS New Perspectives on XML, 2nd Edition Tutorial 2

APPLYING A NAMESPACE TO AN ELEMENT Once it has been declared and its URI specified, the namespace is applied to elements and attributes by inserting the namespace prefix before each element name that belongs to the namespace. <prefix:element> content </prefix:element> Here, prefix is the namespace prefix and element is the local part of the element name. New Perspectives on XML, 2nd Edition Tutorial 2

APPLYING A NAMESPACE TO AN ELEMENT Prefixed names are called qualified names and an element name without a namespace prefix is called an unqualified name. Qualified names can be added to a document using code entered directly into the document. However, the more common way is to add the xmlns attribute to an element. New Perspectives on XML, 2nd Edition Tutorial 2

DECLARING A NAMESPACE AS AN ELEMENT ATTRIBUTE The syntax is: xmlns:prefix=“URI” Where prefix and URI are the prefix and URI for the namespace. New Perspectives on XML, 2nd Edition Tutorial 2

DECLARING A NAMESPACE AS AN ELEMENT ATTRIBUTE For example, the code: <mod:model xmlns:mod="http://jacksonelect.com/models"> <mod:title>Laser4C (PR205)</mod:title> <mod:description>Entry level color laser printer</mod:description> <mod:type>color laser</mod:type> <mod:ordered>320</mod:ordered> <mod:parts list="chx201,fa100-5,eng005-2,cbx-450V4,tn01-53" /> </mod:model> New Perspectives on XML, 2nd Edition Tutorial 2

DECLARING A NAMESPACE AS AN ELEMENT ATTRIBUTE …applies the namespace http://jacksonelect.com/models namespace to the model element and all of its child elements. While the “mod” prefix was only added to the model element name, the XML parser considers the other elements parts of the model namespace and they inherit the namespace. New Perspectives on XML, 2nd Edition Tutorial 2

DECLARING A NAMESPACE AS AN ELEMENT ATTRIBUTE They are unqualified elements, though, because they lack a namespace prefix. Declaring a namespace by adding it as an attribute of the document’s root element places all elements in the namespace. All elements thus are children of the root element. New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition The Xlink standard This defines standard ways for documents to link to other documents No element are defined, just attributes http://www.w3.org/TR/xlink/ New Perspectives on XML, 2nd Edition Tutorial 2

DECLARING A DEFAULT NAMESPACE You can specify a default namespace by omitting the prefix in the namespace declaration. The element containing the namespace attribute and all of its child elements are assumed to be part of the default namespace. New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition Practice P. 58 P. 59-61 New Perspectives on XML, 2nd Edition Tutorial 2

USING NAMESPACES WITH ATTRIBUTES Attributes, like elements, can become qualified by adding the namespace prefix to the attribute name. For example, <element xmlns=“uri”> content </element> New Perspectives on XML, 2nd Edition Tutorial 2

USING NAMESPACES WITH ATTRIBUTES No element may contain two attributes with the same name. No element may contain two qualified attribute names with the same local part, pointing to identical namespaces, even if the prefixes are different. New Perspectives on XML, 2nd Edition Tutorial 2

ADDING A NAMESPACE TO A STYLE SHEET: DECLARING A NAMESPACE To declare a namespace in a style sheet, you add the following rule to the style sheet file @namespace prefix url(uri); Where prefix is the namespace previx and uri is the URI of the namespace Example: @namespace mod url(http://jacksonelect.com/models) New Perspectives on XML, 2nd Edition Tutorial 2

APPLYING A NAMESPACE TO A SELECTOR Once you’ve declared a namespace in a style sheet, you can associate selectors with that namespace using the syntax: prefix|selector {attribute1:value1; attribute2:value2;…} For example: mod|title {width: 150px} You also can use the wildcard symbol (*) to apply a style to any element within a namespace or to elements across different namespaces New Perspectives on XML, 2nd Edition Tutorial 2

DEFINING NAMESPACES WITH THE ESCAPE CHARACTER Not all browsers support the use of the @namespace rule A proposal implement in the Internet Explorer browser was to insert the backslash escape character before the namespace prefix in CSS style sheets: prefix\:selector {attribute1:value1; attribute2:value2;…} Browsers like Firefox, Opera, and Netscape do not support this method with XML documents New Perspectives on XML, 2nd Edition Tutorial 2

DECLARING AND APPLYING A NAMESPACE IN A STYLE SHEET To declare a namespace in a CSS style sheet, add the following rule before any style declarations: @namespace prefix url(uri); where prefix is the namespace prefix and uri is the namespace URI. If no prefix is specified, the namespace URI is the default namespace for selectors in the style sheet. To apply a namespace to a selector, use the form prefix|selector {attribute1:value1; attribute2:value2; ...} where prefix is the namespace prefix and selector is a selector for an element or group of elements in the document. For Internet Explorer browsers, use the following form to apply a namespace to a selector: prefix\:selector {attribute1:value1; attribute2:value2; ...} New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition Practice P. 64 P. 65-67 New Perspectives on XML, 2nd Edition Tutorial 2

COMBINING STANDARD VOCABULARIES Standard vocabularies may be combined within single documents New Perspectives on XML, 2nd Edition Tutorial 2

CONVERTING HTML TO XHTML Use your text editor to open the reptxt.htm file from the tutorial.02x/tutorial folder. Enter your name and the date in the comment section at the top of the document. Save the file as report.htm. Insert the following xml declaration as the very first line in the file (above the comment section): <?xml version="1.0" encoding="UTF-8" standalone="yes" ?> Add the following attribute to the opening <html> tag: xmlns="http://www.w3.org/1999/xhtml" New Perspectives on XML, 2nd Edition Tutorial 2

CONVERTING HTML TO XHTML New Perspectives on XML, 2nd Edition Tutorial 2

ADDING THE ELEMENTS OF THE PARTS VOCABULARY Return to the order.xml file in your text editor. Copy the parts element from the parts namespace, including all of the elements and contents it contains. Return to the report.htm file in your text editor and paste the copied elements directly below the h2 heading “Parts List.” Add the following attribute to the opening <html> tag: xmlns:pa="http://jacksonelect.com/parts" Below the link element that links the report.htm file to the report.css style sheet, insert the following link element: <link rel="stylesheet" href="parts.css" type="text/css" /> Save the changes and open the report.htm file in your Web browser New Perspectives on XML, 2nd Edition Tutorial 2

ADDING THE ELEMENTS OF THE PARTS VOCABULARY New Perspectives on XML, 2nd Edition Tutorial 2

DESCRIBING THE ITEMS IN THE PARTS LIST Return to the report.htm file in your text editor. Scroll down to the first title element in the parts namespace. Directly after the opening <pa:title> tag, insert the text <span>Title</span> Directly after the opening <pa:description> tag in the next line, insert the text <span>Description</span> Directly after the opening <pa:instock> tag in the following line, insert the text <span>Parts in Stock</span> Repeat the previous 3 steps, as necessary New Perspectives on XML, 2nd Edition Tutorial 2

DESCRIBING THE ITEMS IN THE PARTS LIST New Perspectives on XML, 2nd Edition Tutorial 2

DESCRIBING THE ITEMS IN THE PARTS LIST New Perspectives on XML, 2nd Edition Tutorial 2

ADDING ELEMENTS FROM THE MODELS VOCABULARY Return to the report.htm file in your text editor and add the following namespace declaration to the opening <html> tag: xmlns:mod="http://jacksonelect.com/models" Add the following link to the document’s head: <link rel="stylesheet" href="model.css" type="text/css" /> In the table cell directly after the Title table heading, insert the element <mod:title>Laser4C (PR205)</mod:title> New Perspectives on XML, 2nd Edition Tutorial 2

ADDING ELEMENTS FROM THE MODELS VOCABULARY In the table cell directly after the Description table heading, insert the element <mod:description>Entry level color laser printer</mod:description> In the table cell directly after the Type table heading, insert the element <mod:type>color laser</mod:type> In the table cell directly after the “Items to be Built” table heading, insert the element <mod:ordered>320</mod:ordered> New Perspectives on XML, 2nd Edition Tutorial 2

ADDING ELEMENTS FROM THE MODELS VOCABULARY New Perspectives on XML, 2nd Edition Tutorial 2

New Perspectives on XML, 2nd Edition Practice P. 69-74 New Perspectives on XML, 2nd Edition Tutorial 2