Use of XSLT Formats in Creation, Maintenance and Optimization of Web Site Templates Jay Mercer IU Communications Indiana University

Slides:



Advertisements
Similar presentations
XML-XSL Introduction SHIJU RAJAN SHIJU RAJAN Outline Brief Overview Brief Overview What is XML? What is XML? Well Formed XML Well Formed XML Tag Name.
Advertisements

XML III. Learning Objectives Formatting XML Documents: Overview Using Cascading Style Sheets to format XML documents Using XSL to format XML documents.
1 The MITRE Using XSL to Generate XHTML Documents Roger L. Costello XML Technologies.
CG0119 Web Database Systems Parsing XML: using SimpleXML & XSLT.
Today CSS HTML A project.
Technology Reviews :XSL Park, Ho-gun. What is XSL Extensible Style sheet LanguageExtensible Style sheet Language An XML-based language used to.
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
1 XSLT – eXtensible Stylesheet Language Transformations Modified Slides from Dr. Sagiv.
SPECIAL TOPIC XML. Introducing XML XML (eXtensible Markup Language) ◦A language used to create structured documents XML vs HTML ◦XML is designed to transport.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
1 CP3024 Lecture 9 XML revisited, XSL, XSLT, XPath, XSL Formatting Objects.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
XSL Unit 6 November 2. XSL –eXtensible Stylesheet Language –Basically a stylesheet for XML documents XSL has three parts: –XSLT –XPath –XSL-FO.
XML Language Family Detailed Examples Most information contained in these slide comes from: These slides are intended.
Understanding Page Template Components Lila Bronson Training Manager, OmniUpdate, Inc.
Basics of HTML. Example Code Hello World Hello World This is a web page.
ECA 228 Internet/Intranet Design I Intro to XSL. ECA 228 Internet/Intranet Design I XSL basics W3C standards for stylesheets – CSS – XSL: Extensible Markup.
Pemrograman Berbasis WEB XML part 2 -Aurelio Rahmadian- Sumber: w3cschools.com.
Cascade Server for Developers Vince Ruppert College of Liberal Arts BoilerWeb 2011.
Sheet 1XML Technology in E-Commerce 2001Lecture 6 XML Technology in E-Commerce Lecture 6 XPointer, XSLT.
XML and XSL Institutional Web Management 2001: Organising Chaos.
XP New Perspectives on XML Tutorial 6 1 TUTORIAL 6 XSLT Tutorial – Carey ISBN
CIS 451: XSL Dr. Ralph Westfall February, Problems With XML no formatting capabilities contra formatting tags like, etc. in HTML CSS can be used.
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
Session II Chapter 2 – Chapter 2 – XSLhttp://
Hard to Reach HTML Mike Hanson AO, OES Web Workgroup Conference Chicago 10/27/2010.
1 CIS336 Website design, implementation and management (also Semester 2 of CIS219, CIS221 and IT226) Lecture 6 XSLT (Based on Møller and Schwartzbach,
Implementing Forms and Form Renderers in the Open Source Portfolio David McPherson, Chris Maurer Will Trillich, Janice Smith Materials by Sean Keesler.
XML About XML Things to be known Related Technologies XML DOC Structure Exploring XML.
XML TUTORIAL Portions from w3 schools By Dr. John Abraham.
 2004 Prentice Hall, Inc. All rights reserved. 1 Chapter 34 - Case Study: Active Server Pages and XML Outline 34.1 Introduction 34.2 Setup and Message.
XML A web enabled data description language 4/22/2001 By Mark Lawson & Edward Ryan L’Herault.
CITA 330 Section 6 XSLT. Transforming XML Documents to XHTML Documents XSLT is an XML dialect which is declared under namespace "
The Information School at the University of Washington INFO 440: Information System Design Fall 2003 * Bob Boiko * MSIM Associate Chair XML Transforms.
XSLT Kanda Runapongsa Dept. of Computer Engineering Khon Kaen University.
CIS 375—Web App Dev II XSL. 2 XSL Introduction XSL stands for _____________________________. XSL is the language used for manipulating and displaying.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
Lecture 11 XSL Transformations (part 1: Introduction)
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Introduction to Cascading Style-sheets (CSS) Basharat Mahm ood, Department of Computer Science, CIIT,Islamabad, Pakistan 1.
Windows Presentation Foundation (WPF) Chapter 16 Dr. Abraham.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Applying eXtensible Style Sheets (XSL) Ellen Pearlman Eileen Mullin Programming.
ITB Web programming for E- Commerce 1 ITB6227 Programming for E-COMMERCE Lecture Presentation of XML Documents.
1 Overview of XSL. 2 Outline We will use Roger Costello’s tutorial The purpose of this presentation is  To give a quick overview of XSL  To describe.
CHAPTER 15 WPF Windows Presentation Foundation Dr. John Abraham Professor, UTPA.
Content Management System Copyright © 2005 Liferay, LLC All Rights Reserved. No material may be reproduced electronically or in print without written permission.
Web Technologies Lecture 4 XML and XHTML. XML Extensible Markup Language Set of rules for encoding a document in a format readable – By humans, and –
Unit 3 — Advanced Internet Technologies Lesson 11 — Introduction to XSL.
More XML XPATH, XSLT CS 431 – February 23, 2005 Carl Lagoze – Cornell University.
Martin Kruliš by Martin Kruliš (v1.1)1.
XSLT I Robin Burke ECT 360. Outline History / Terminology XSLT processing XSLT syntax XPath XSLT basics Lab.
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
XML Introduction to XML Extensible Markup Language.
1 XSL Transformations (XSLT). 2 XSLT XSLT is a language for transforming XML documents into XHTML documents or to other XML documents. XSLT uses XPath.
XML Notes taken from w3schools. What is XML? XML stands for EXtensible Markup Language. XML was designed to store and transport data. XML was designed.
1 Company Confidential Skin a Complete DotNetNuke Website Using HTML5 and CSS3 in One Hour Amelia Marschall Partner & Creative Director.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Extensible Markup Language (XML) Pat Morin COMP 2405.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Unit 4 Representing Web Data: XML
CIS 228 The Internet 9/20/11 XHTML 1.0.
Creating an XSLT Style Sheet for Formatting Data
Tutorial 04 (cont’) Using XPath Patterns in an XSLT Style Sheet.
Chapter 7 Representing Web Data: XML
HTML A brief introduction HTML.
3rd Party Widgets & Custom Code
EXTENDING COMPONENTS AND TABLE TRANSFORMATIONS WITH XSL
Presentation transcript:

Use of XSLT Formats in Creation, Maintenance and Optimization of Web Site Templates Jay Mercer IU Communications Indiana University

Template Formats? What are template formats? What are template formats? Where do I find them? Where do I find them? When should I use them? When should I use them? How do I use them? How do I use them? Caveats Caveats Show me some examples! Show me some examples!

Similarity to standard block templates Similarity to standard block templates They transform XML compliant source into HTML.They transform XML compliant source into HTML. What are template formats?

Similarity to standard block templates Similarity to standard block templates Use a picker to attach to Format field.Use a picker to attach to Format field. What are template formats?

Difference from standard block templates Difference from standard block templates They transform XHTML compliant source into HTML.They transform XHTML compliant source into HTML. They must be XSLT Formats. (I think)They must be XSLT Formats. (I think) What are template formats?

Difference from standard block templates Difference from standard block templates Use a picker to attach to XSLT Format field of a template.Use a picker to attach to XSLT Format field of a template. What are template formats?

Template formats are XSLT Formats that are applied to a template. Template formats are XSLT Formats that are applied to a template. They transform the entire assembled template content.They transform the entire assembled template content. Region blocks are rendered first.Region blocks are rendered first. Are used to manipulate XHTML.Are used to manipulate XHTML. They transform XHTML into XHTMLThey transform XHTML into XHTML “Post-processing.”“Post-processing.” What are template formats?

Formats can be applied in 3 places. Formats can be applied in 3 places. BlocksBlocks TemplatesTemplates Page ConfigurationsPage Configurations Where do I find them?

Block formats Block formats Where do I find them?

Template formats Template formats Where do I find them?

Page Configuration formats Page Configuration formats Where do I find them?

Always. Always. Modify page elements that exist outside the main content area from within the DEFAULT system region format. Modify page elements that exist outside the main content area from within the DEFAULT system region format. Move page elements from one position to another. Move page elements from one position to another. Modularize code for reusability. Modularize code for reusability. Implement “on-demand” javascript. Implement “on-demand” javascript. Give end-user greater control. Give end-user greater control. Generate multiple page elements from single block. Generate multiple page elements from single block. Quickly create a new website from existing website. Quickly create a new website from existing website. When should I use them?

It all starts with the identity transform. It all starts with the identity transform. How do I use them?

Attach identity transform to template XSLT format field. Attach identity transform to template XSLT format field. How do I use them?

Now, just transform the XHTML. Now, just transform the XHTML. For fun, let’s turn all h3 tags into h4 tags.For fun, let’s turn all h3 tags into h4 tags. How do I use them?

Note: You can use a template format and a page configuration format together. Note: You can use a template format and a page configuration format together. How do I use them?

Note: You can use a template format and a page configuration format together. Note: You can use a template format and a page configuration format together. How do I use them?

Another bogus example. Another bogus example. Let’s axe the body.Let’s axe the body. How do I use them?

DOCTYPE DOCTYPE A template format WILL remove the DOCTYPE from the output.A template format WILL remove the DOCTYPE from the output. Namespacing Namespacing If namespace on the html element is used, special xpath syntax is needed.If namespace on the html element is used, special xpath syntax is needed. Caveats

DOCTYPE “DON’T” DOCTYPE “DON’T” A template format will strip out the DOCTYPE.A template format will strip out the DOCTYPE. Caveats

DOCTYPE “DO” DOCTYPE “DO” Use the “START-ROOT-CODE” passthrough code section tag.Use the “START-ROOT-CODE” passthrough code section tag. Caveats

Namespacing on html element Namespacing on html element If a namespace in used on the html element, special xsl syntax is required.If a namespace in used on the html element, special xsl syntax is required. Caveats

Namespacing on html element Namespacing on html element If a namespace in used on the html element, special xsl syntax is required.If a namespace in used on the html element, special xsl syntax is required. Method 1: Use node()[name()=‘body’] syntax Caveats

Namespacing on html element Namespacing on html element If a namespace in used on the html element, special xsl syntax is required.If a namespace in used on the html element, special xsl syntax is required. Method 2: Add namespacing attributes to stylesheet. Caveats

Changing body id based on data definition. Changing body id based on data definition. Example

Example

Here’s the xml from the DEFAULT system region. Example

Here’s the format from the DEFAULT system region. Example

Here’s the rendered HTML. Example

Here’s the template format. Here’s the template format. Examples

Final HTML. Final HTML. Examples

Resources