What is it? Example of XSL Syntax. Basis of formatting. Transformation & Formatting. Formatting. Areas and Area Tree. 6.1 Overview of XSL Formatting

Size: px
Start display at page:

Download "What is it? Example of XSL Syntax. Basis of formatting. Transformation & Formatting. Formatting. Areas and Area Tree. 6.1 Overview of XSL Formatting"

Transcription

1 6 XSL: Extensible Stylesheet Language What is it? An advanced style language for XML documents: 1. Language for transforming XML documents: XSLT 2. XML vocabulary for specifying formatting: XSL 1.0, W3C Rec. 10/01; XSL 1.1 Rec. 12/06» written for implementers of XSL processors 6.1 Introduction and Overview 6.2 XSL Formatting by Example An XSL style sheet specifies the presentation of a class of XML documents by describing an XSLT transformation of the XML document into an XML document that uses the formatting vocabulary» XSL FO: a markup language to describe formatting XSL builds on CSS2 and DSSSL DSSSL an ISO-standardised, but mainly unimplemented SGML style language SDPL : XSL Formatting 1 SDPL : XSL Formatting 2 Example of XSL Syntax 6.1 Overview of XSL Formatting Formatting paragraphs (as part of a complete style sheet) <xsl:stylesheet version='1.0' xmlns:xsl=" xmlns:fo fo=" > match="para[position para[position() > 1]"> text-indent="1em" > block </xsl:stylesheet xsl:stylesheet> A style sheet processor accepts an XML document and an XSL style sheet, and produces a formatted presentation Two steps: 1. (XSLT) transformation: XML source tree > result tree 2. (XSL FO) formatting» interprets the result tree to produce formatted presentation SDPL : XSL Formatting 3 SDPL : XSL Formatting 4 Transformation & Formatting XSLT script Basis of formatting Transformation adds info to format the result tree Formatting semantics expressed using a formatting vocabulary,, of formatting objects (FOs), nodes of the result tree» for typographic abstractions like page-sequence, block, in-line text, page reference,» XSL 1.0 defines 56 FO classes (XSL 1.1 adds 25) formatting properties control the presentation of formatting objects (indents, spacing, fonts, )» 248 formatting properties; many common with CSS2 SDPL : XSL Formatting 5 SDPL : XSL Formatting 6 Formatting Areas and Area Tree Formatting-object object tree interpreted to produce the representation Each FO specifies a part of pagination, layout and styling applied to its content Properties control the formatting of a FO some directly, e.g., color some through constraints, e.g., space- before.minimum and space-before.optimum > final rendering is not unique Formatting generates an area tree consisting of nested rectangular areas inline areas (e.g. glyph areas) within line areas lines within block areas blocks within regions of a page Rendering causes the area tree to appear on a medium areas printed on a sequence of sheets (or displayed as a single scroll in a browser) SDPL : XSL Formatting 7 SDPL : XSL Formatting 8

2 Generating the Area Tree (1/3) Generating the Area Tree (2/3) Formatting a gradual and complex process Conceptual process of XSL formatting: (XSL FO) Element and attribute tree target of transformation, source of formatting consists of element, attribute, and text nodes transformed into a Formatting object tree ( XSL FO Elem&attr tree) consists of formatting objects with properties more detailed: each character its own object SDPL : XSL Formatting 9 SDPL : XSL Formatting 10 Generating the Area Tree (3/3) Properties of the formatting object tree refined into traits (muotoilupiirre, piirre) e.g., by propagating inherited properties, and computing absolute values for relative properties» e.g., properties font-size="12pt" size="12pt", text-indent="2em" become traits font-size="12pt" size="12pt", text-indent="24pt" traits control generation of areas out of formatting objects some traits only available as a result of formatting, e.g., page numbers SDPL : XSL Formatting 11 Benefits and Usage of XSL Powerful selection and manipulation ( ( XSLT) Extended pagination and layout capabilities area model a superset of the CSS2 box model» e.g., different writing directions; footnotes, page number refs. Support of non-western writing directions > distances in terms of before/after (for block-progression progression- direction), and start/end (for inline-progression progression-direction) "XSL most useful to produce tailored, paginated documents on a server, in response to individual customer requests (S. Deach,, XSL 1.0 co-author, Adobe) SDPL : XSL Formatting 12 XSL Area Model Content, Padding and Border Formatting objects generate areas each 0 or more» page breaks > additional block areas» line breaks > additional line areas Each area tree node (except root) associated to a rectangular portion of the output medium An area has a content-rectangle portion for child areas optionally surrounded by a border and padding For CSS- compatibility also margin-top top, -right, -bottom and -left space-start start/end not supported by FOP start- indent space-start start space-before space-after after end-indent space-end end SDPL : XSL Formatting 13 SDPL : XSL Formatting 14 Two area types Formatting objects and properties block-areas generated in block-progression progression-direction (before -> after; ; normally top-to to-bottom) paragraphs and titles normally rendered using fo:block,, which creates block areas line-area a special case: no borders or padding inline-areas generated in inline-progression progression-direction (start -> end; ; normally left-to to-right) characters rendered using fo:character,, which generates glyph-area inline-areas» no child areas, a single glyph image as content SDPL : XSL Formatting 15 XSL 1.0 defines 56 formatting objects page-sequence, simple-page page-master, block, inline, list-block, list-item, item, list-item item-label, list- item-body, external-graphic, basic-link, float, footnote, table, table-row, table-column,... and 248 properties master-reference reference, background-color color,, font-family, family, font-size, space-before, start-indent, end- indent, text-align, text-indent, many common with CSS2 SDPL : XSL Formatting 16

3 Some central formatting objects 1/3 fo:root top node of the formatting object tree a wrapper for all the rest fo:simple-page page-master model of the geometry of pages» region-body (for page content)» region-before (for header), region-after (for footer), region-start and region-end end (for left and right sidebar) Page Regions A simple page can contain regions, specified by child elements of the simple-page page-master SDPL : XSL Formatting 17 SDPL : XSL Formatting 18 Top-level formatting objects Some central formatting objects 2/3 Slightly simplified: fo:root fo:layout-master master-setset fo:page-sequence sequence+ (fo:simple-page-master fo:page-sequence sequence-master)+ contents of pages fo:flow body after? specify masters for page sequences start? by referring to before? simple-page page-masters end? SDPL : XSL Formatting 19 fo:page-sequence specifies the creation of page sequences possibly different page-sequence (and page- sequence-master) for, say, each chapter fo:flow child of a page-sequence Attribute flow-name connects to a region with a matching region-name name > the contents is distributed to that region of pages NB: : There are no page -formatting objects pages created by the formatter SDPL : XSL Formatting 20 Content objects for pages Some block-level level objects Slightly simplified: fo:static-content* content* (repeated on every page) Block-level level object+ fo:page-sequence sequence+ fo:flow (distributed to pages) Block-level level object+ fo:block commonly used for paragraphs, titles, may contain text, other blocks, or» fo:inline (to change properties, e.g., font-style of inline text) fo:table for formatting tabular material fo:list-block to format lists of fo:list-item items s of» fo:list-item item-label and» fo:list-item item-body SDPL : XSL Formatting 21 SDPL : XSL Formatting 22 Hello world result tree as an XSL document Implementations? <fo:root xmlns:fo=" <fo:layout-master- <fo:simple-page-master master-name=" name="page"> <body/> simple layout fo:layout-master- <fo:page-sequence master-reference=" reference="page"> --use 'page' master-- --> <fo:flow flow-name=" name="xsl-region-body"> <Hello Worldblock flow page root fo:root> SDPL : XSL Formatting 23 W3C XSL Rec rather recent (10/01, 12/07) What is the state of implementations? Some promising/interesting ones (2004): XEP by RenderX (XSL-FO to PS/PDF formatter), XSL Formatter by Antenna House» $0 $5,000 (evaluation server versions; April 2004) Adobe Document Server Passive TeX» set of TeX macros to process XSL-FO by Sebastian Rahtz Apache FOP SDPL : XSL Formatting 24

4 Apache FOP FOP 0.93 XSL-FO Compliance FOP (Formatting Objects Processor) by J. Tauber» fop: a man who pays too much attention to his appearance donated to XML Apache project ( /fop/) open-source freeware Java-based XML/XSL-FO to PDF (or PS/SVG/TXT/...) processor Not complete, but implements a useful subset of XSL Implemented formatting objects formatting properties fully 39 (66%) 144 (64%) partially 6 (10%) 19 (8%) 16 of 18 core functions implemented no 14 (24%) 63 (28%) total 59 (incl.. 3 XSL 1.1 bookmark FOs) 226 (non-aural) SDPL : XSL Formatting 25 SDPL : XSL Formatting XSL-FO by Example Example: Page dimensions and margins From J. David Eisenberg: Using XSL Formatting Objects. XML.com, January 17, 2001, (acknowledging the loan of some graphics) XSL FO instance for a handbook of Spanish NB: : XSL FO is not designed to be hand-authored authored Consider this as a machine-generated result (of an XSLT transformation) Overall structure of fo:root: : specification of page masters, followed by the content of the pages SDPL : XSL Formatting 27 <fo:layout-master- <fo: fo:simple-page-master master-name="cover" page-height="12cm" page-width="12cm" margin-top="0.5cm" margin-bottom="0.5cm" margin-left="1cm" margin-right="0.5cm" right="0.5cm" > layout fo:layout-master- plus similar simple-page page-masters with master-name=" name="rightpage" (identical) master-name=" name="leftpage" (left and right margins switched) SDPL : XSL Formatting 28 Intended layout of pages Page regions A simple page can contain regions, specified by child elements of the simple-page page-master Let s refine the page masters with regions SDPL : XSL Formatting 29 SDPL : XSL Formatting 30 Example: Region dimensions Layout of Page Regions <fo:simple-page-master master-name="cover" dimensions and margins as above > <fo: body margin-top="3cm" /> simple <fo:simple-page-master master-name=" name="leftpage" > <fo: body margin-top="1.1cm" margin-bottom="1.1cm" /> <fo: before extent="1cm"/> <fo: after extent="1cm"/> simple and "rightpage" rightpage" similarly --> NB: body uses all space inside page margins > margins of region-body have to accommodate other regions! 3 cm SDPL : XSL Formatting 31 SDPL : XSL Formatting 32

5 Example: Page Sequences Page Sequences Next: masters for sequences of content pages, using the defined simple-page page-masters repeatedly alternate masters for left and right pages: <fo: fo:page-sequence-master master-name="contents"> <fo:repeatable-page-master-alternatives> alternatives> <fo:conditional-page-master-reference reference master-reference=" reference="leftpage" odd-or or-even="even"/> <fo:conditional-page-master-reference reference master-reference reference ="rightpage rightpage" odd-or or-even="odd"/> repeatable fo:repeatable-page-master-alternatives> alternatives> fo:page-sequence-master> SDPL : XSL Formatting 33 Other attributes of conditional-page page-master- reference to select the page master to be used: page-position="first" position="first"» or "last",, or "rest" (neither first or last), or "any" blank-or or-not-blank="blank"/"not-blank" blank" Next: Specifying the sequences of content pages by naming masters to be used, and connecting content flows s to regions SDPL : XSL Formatting 34 Example: Contents of the Cover Page Example: Cover Page Formatted <fo: fo:page-sequence master-reference="cover"> reference="cover"> <fo: fo:flowflow flow-name=" name="xsl-region-body"> font-size="18pt" text-align="end"> Spanish Review Handbook block font-size="12pt" text-align="end" space-after="36pt">copyright after="36pt">copyright 2001 J. David Eisenbergblock text-align="end"> A Catcode Production block Formatting the first page-sequence gives... SDPL : XSL Formatting 35 SDPL : XSL Formatting 36 Example: Content Pages Example: Content Pages Continue Finally, a page-sequence for content pages with static-content content for the header and footer, and a flow for contents of pages: <fo: fo:page-sequence master-reference="contents" reference="contents" initial-page page-number="2"> Content of page headers: --> <fo: fo:static-contentcontent flow-name=" name="xsl-region-before"> font-size="10pt" text-align=" align="center"> Spanish Review Handbook block fo:static-content> Content for page footers: static-content content is repeated on every page --> <fo: fo:static-contentcontent flow-name=" name="xsl-region-after"> font-size="10pt" text-align=" align="center"> Página <fo:page-number /> block fo:static-content> Finally, specify the content of the page body: SDPL : XSL Formatting 37 SDPL : XSL Formatting 38 Example: Content Pages Continue Example: Content Pages Formatted Assign a flow of blocks s to region-body body: <fo: fo:flowflow flow-name=" name="xsl-region-body"> font-size="14pt"> Watch this space! block normally all content of, say, a chapter would come here --> Formatting and rendering this gives SDPL : XSL Formatting 39 SDPL : XSL Formatting 40

6 Using FOs in Practise Mapping content elements XSL FO instances should not be created manually Instead, use XSLT rules to create formatting objects fo:root with layout masters for match="/" page-sequence sequences s with a flow for major parts (like chapters, or the entire document): match="chapter"> <fo:page-sequence master-reference= reference= > <fo:flow flow-name=" name="xsl-region-body" > flow page SDPL : XSL Formatting 41 content elements would be mapped to blocks, inlines, list-blocks blocks, tables, as appropriate For example, headers: match="header"> font-size="14pt" font-weight="bold" font-family="sans family="sans-serif" serif" color="green" space-before="6pt" space-after="6pt"> after="6pt"> <xsl:apply-templates /> block SDPL : XSL Formatting 42 Examples of mapping content elements Formatting in-line emphasis: match="strong"> <fo:inline font-weight="bold"> inline fo:inline> match="emph emph"> <fo:inline font-style="italic"> inline fo:inline> More in the exercises SDPL : XSL Formatting 43 Summary XSL is a powerful (and complex) style language for XML documents allows arbitrary transformations of input documents allows fine-tuned specification of formatted representation It is a standard! well, almost: a W3C Recommendation emerging implementations seem promising currently used mainly for producing PDF» browser support being expected SDPL : XSL Formatting 44

XSL:FO Reference Guide OmniUpdate Training Conference 2018

XSL:FO Reference Guide OmniUpdate Training Conference 2018 XSL:FO Reference Guide OmniUpdate Training Conference 2018 omniupdate.com Formatting Object Elements fo:root The fo:root is the top node of the formatting object tree and wraps the entire Formatting Object

More information

Presentation of XML Documents

Presentation of XML Documents Presentation of XML Documents Patryk Czarnik Institute of Informatics University of Warsaw XML and Modern Techniques of Content Management 2012/13 Stylesheets Separating content and formatting Separation

More information

Creating indexes using RenderX extensions

Creating indexes using RenderX extensions Creating indexes using RenderX extensions Building page number lists for indexes is not possible within XSL 1.0. RenderX XEP provides this functionality via extension elements/properties. indexes creation

More information

An Introductive Presentation of XSL-FO. Jean-Michel HUFFLEN LIFC University of Franche-Comté GUIT meeting, 15th October 2011

An Introductive Presentation of XSL-FO. Jean-Michel HUFFLEN LIFC University of Franche-Comté GUIT meeting, 15th October 2011 An Introductive Presentation of XSL-FO Jean-Michel HUFFLEN LIFC University of Franche-Comté GUIT meeting, 15th October 2011 1 Contents Using xsl-fo Basic elements Multilingual capabilities Page model Orientation

More information

Extensible Stylesheet Language (XSL)

Extensible Stylesheet Language (XSL) Extensible Stylesheet Language (XSL) Version 1.0 18 October 2000 This version: Latest version: http://www.w3.org/tr/2000/wd-xsl-20001018/ (PDF by RenderX, XML file, HTML (one large file), ZIP file) http://www.w3.org/tr/xsl/

More information

Extensible Stylesheet Language (XSL)

Extensible Stylesheet Language (XSL) Extensible Stylesheet Language (XSL) Version 1.0 W3C Recommendation 15 October 2001 This version: Latest version: http://www.w3.org/tr/2001/rec-xsl-20011015/ (PDF by RenderX, XML file, HTML (one large

More information

Generating Images and PDFs with JSP, Servlets and XML. Chád (shod) Darby. aquariussolutions.com. Chád (shod) Darby

Generating Images and PDFs with JSP, Servlets and XML. Chád (shod) Darby. aquariussolutions.com. Chád (shod) Darby 1 Generating Images and PDFs with JSP, Servlets and XML Chád (shod) Darby darby @ aquariussolutions.com Chád (shod) Darby Education Carnegie Mellon University, B.S. Computer Science 1992 Publications Professional

More information

Page-sequence Sample for Book

Page-sequence Sample for Book Nov 2004 Antenna House, Inc. Table of Contents Preface... 1 1. Page Layout... 3 2. Cover Page... 5 3. Table of Contents... 7 4. Body Pages... 9 Preface In this Sample, following page layouts are used,

More information

Advanced Layout Design

Advanced Layout Design Advanced Layout Design Ron Donaldson Technical Account Manager rdonaldson@smartcommunications.com Agenda Layout Basics CJP Driven Logic Responsive emails What is a Layout? Layouts are responsible for managing

More information

ORMB Reporting SDK Guide

ORMB Reporting SDK Guide Oracle Revenue Management and Billing Version 2.6.0.1.0 ORMB Revision 1.0 E94082-01 September, 2018 E94082-01 Copyright Notice Copyright 2018, Oracle and/or its affiliates. All rights reserved. Trademark

More information

Mastering XML Premium Edition

Mastering XML Premium Edition SYBEX Sample Chapter Mastering XML Premium Edition Chuck White Liam Quin Linda Burman Chapter 16: Displaying XML: Using XSLFO for Document Creation Copyright 2001 SYBEX Inc., 1151 Marina Village Parkway,

More information

Style Sheet A. Bellaachia Page: 22

Style Sheet A. Bellaachia Page: 22 Style Sheet How to render the content of an XML document on a page? Two mechanisms: CSS: Cascading Style Sheets XSL (the extensible Style sheet Language) CSS Definitions: CSS: Cascading Style Sheets Simple

More information

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

PASS4TEST. IT Certification Guaranteed, The Easy Way!   We offer free update service for one year PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : 000-141 Title : XML and related technologies Vendors : IBM Version : DEMO

More information

8Floats and footnotes

8Floats and footnotes 8Floats and footnotes Floats and footnotes are used to render distinctive information that is supplemental to the information found in the flow, making it easy for the reader to find it because of its

More information

The DocBook FO stylesheet provides support for three kinds of side floats:

The DocBook FO stylesheet provides support for three kinds of side floats: 1. Side floats Copyright A side float is used to position a block of content to the side of a printed page. The body text will wrap around the side float if it doesn't take up the whole width of the page,

More information

FOP FAQ. Table of contents

FOP FAQ. Table of contents Table of contents 1 Questions...2 1.1 1. General questions... 2 1.2 2. Problems running FOP... 4 1.3 3. Problems with FOP output... 7 1.4 4. Embedding FOP. Using FOP in a servlet...10 1.5 5. SVG specific

More information

RenderX VDPMill User Guide

RenderX VDPMill User Guide VDPMill RenderX VDPMill Copyright 2010 RenderX, Inc. All rights reserved. This documentation contains proprietary information belonging to RenderX, and is provided under a license agreement containing

More information

RenderX VDPMill User Guide

RenderX VDPMill User Guide VDPMill RenderX VDPMill Copyright 2010 RenderX, Inc. All rights reserved. This documentation contains proprietary information belonging to RenderX, and is provided under a license agreement containing

More information

Presentation of XML. Patryk Czarnik. XML and Applications 2016/2017 Lecture

Presentation of XML. Patryk Czarnik. XML and Applications 2016/2017 Lecture Presentation of XML Patryk Czarnik XML and Applications 2016/2017 Lecture 11 26.05.2017 Separation of content and formatting According to best XML practices: Documents consist of content / data. Tags are

More information

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating

More information

Word 2016: Using Section Breaks

Word 2016: Using Section Breaks Word 2016: Using Section Breaks Section formatting allows you to apply different page layout settings within the same document. For example, you can change the following formats for each section: Margins

More information

Chapter 3 Style Sheets: CSS

Chapter 3 Style Sheets: CSS WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE JEFFREY C. JACKSON Chapter 3 Style Sheets: CSS 1 Motivation HTML markup can be used to represent Semantics: h1 means that an element is a top-level heading

More information

Page 1 of 11 Units: - All - Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Introduction to the World of Web Standards Why do web development standards play a key role in the proliferation

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

With Relax NG and Schematron. Tony Graham XML Division Antenna House, Inc. @tgraham_antenna

With Relax NG and Schematron. Tony Graham XML Division Antenna House, Inc.  @tgraham_antenna With Relax NG and Schematron Tony Graham XML Division Antenna House, Inc. tgraham@antenna.co.jp tony@antennahouse.com @tgraham_antenna 28 MB FO file 198,995 elements 711,185 attributes Most attributes

More information

1 of 7 8/27/2014 2:26 PM Units: Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Designing & Planning Web Pages This unit will give students a basic understanding of core design principles

More information

Oxygen PDF Chemistry XML + CSS = PDF

Oxygen PDF Chemistry XML + CSS = PDF Oxygen PDF Chemistry XML + CSS = PDF Presenter: Radu Coravu radu_coravu@oxygenxml.com @radu_coravu CSS-based PDF publishing Advantages: Lots more people are comfortable with CSS Use CSS both for XHTML

More information

CSS for Page Layout Robert K. Moniot 1

CSS for Page Layout Robert K. Moniot 1 CSS for Page Layout 2015 Robert K. Moniot 1 OBJECTIVES In this unit, you will learn: How to use style sheets for layout Controlling text flow, margins, borders, and padding Controlling visibility of elements

More information

How to Develop Stylesheets for XML to XSL-FO Transformation

How to Develop Stylesheets for XML to XSL-FO Transformation How to Develop Stylesheets for XML to XSL-FO Transformation June, 2001 Minor revised version May, 2002 Antenna House, Inc. Copyright 2001-2002 Antenna House, Inc. Table of Contents Preface...1 Step for

More information

Chapter 1 True/False Instructions: Circle T if the statement is true or F if the statement is false.

Chapter 1 True/False Instructions: Circle T if the statement is true or F if the statement is false. Name Date Chapter 1 True/False Instructions: Circle T if the statement is true or F if the statement is false. T F 1. WYSIWYG stands for What You See Is What You Get. T F 2. The menu bar shows the application

More information

Extreme Java G Session 3 - Sub-Topic 5 XML Information Rendering. Dr. Jean-Claude Franchitti

Extreme Java G Session 3 - Sub-Topic 5 XML Information Rendering. Dr. Jean-Claude Franchitti Extreme Java G22.3033-007 Session 3 - Sub-Topic 5 XML Information Rendering Dr. Jean-Claude Franchitti New York University Computer Science Department Courant Institute of Mathematical Sciences 1 Agenda

More information

Using CSS to style the PDF output

Using CSS to style the PDF output Using CSS to style the PDF output Presenter: Radu Coravu radu_coravu@oxygenxml.com @radu_coravu Problems with XSL-FO PDF generation You need: Good XSLT knowledge to make customizations Know how to create

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development INFS 2150 Introduction to Web Development 3. Page Layout Design Objectives Create a reset style sheet Explore page layout designs Center a block element Create a floating element Clear a floating layout

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development Objectives INFS 2150 Introduction to Web Development 3. Page Layout Design Create a reset style sheet Explore page layout designs Center a block element Create a floating element Clear a floating layout

More information

UNIT -II. Language-History and Versions Introduction JavaScript in Perspective-

UNIT -II. Language-History and Versions Introduction JavaScript in Perspective- UNIT -II Style Sheets: CSS-Introduction to Cascading Style Sheets-Features- Core Syntax-Style Sheets and HTML Style Rle Cascading and Inheritance-Text Properties-Box Model Normal Flow Box Layout- Beyond

More information

Overview 14 Table Definitions and Style Definitions 16 Output Objects and Output Destinations 18 ODS References and Resources 20

Overview 14 Table Definitions and Style Definitions 16 Output Objects and Output Destinations 18 ODS References and Resources 20 Contents Acknowledgments xiii About This Book xv Part 1 Introduction 1 Chapter 1 Why Use ODS? 3 Limitations of SAS Listing Output 4 Difficulties with Importing Standard Listing Output into a Word Processor

More information

Creating Layouts Using CSS. Lesson 9

Creating Layouts Using CSS. Lesson 9 Creating Layouts Using CSS Lesson 9 CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

XML. Objectives. Duration. Audience. Pre-Requisites

XML. Objectives. Duration. Audience. Pre-Requisites XML XML - extensible Markup Language is a family of standardized data formats. XML is used for data transmission and storage. Common applications of XML include business to business transactions, web services

More information

Structured documents

Structured documents Structured documents An overview of XML Structured documents Michael Houghton 15/11/2000 Unstructured documents Broadly speaking, text and multimedia document formats can be structured or unstructured.

More information

IBM. XML and Related Technologies Dumps Braindumps Real Questions Practice Test dumps free

IBM. XML and Related Technologies Dumps Braindumps Real Questions Practice Test dumps free 000-141 Dumps 000-141 Braindumps 000-141 Real Questions 000-141 Practice Test 000-141 dumps free IBM 000-141 XML and Related Technologies http://killexams.com/pass4sure/exam-detail/000-141 collections

More information

Semantic Web. XSL and XQuery. N. Henze IVS Semantic Web Group

Semantic Web. XSL and XQuery. N. Henze IVS Semantic Web Group Semantic Web XSL and XQuery N. Henze IVS Semantic Web Group 01.11.2007 Outline 1 XSL Extensible Stylesheet Language XSLT XML to result tree Understanding A Template Applying Style Procedurally Conditional

More information

Appendix A Microsoft Office Specialist exam objectives

Appendix A Microsoft Office Specialist exam objectives A 1 Appendix A Microsoft Office Specialist exam objectives This appendix covers these additional topics: A Word 2010 Specialist exam objectives, with references to corresponding coverage in ILT Series

More information

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use

More information

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.

More information

XF Rendering Server 2008

XF Rendering Server 2008 XF Rendering Server 2008 Using XSL Formatting Objects for Producing and Publishing Business Documents Abstract IT organizations are under increasing pressure to meet the business goals of their companies.

More information

Cascading Style Sheets for XML

Cascading Style Sheets for XML Cascading Style Sheets for XML Cascading Style Sheets for XML xml-css Author and version Daniel K. Schneider Email: Daniel.Schneider@tecfa.unige.ch Version: 0.9 (modified 31/10/10 by DKS) Prerequisites

More information

3. Formatting Documents

3. Formatting Documents 69 3. Formatting Documents The document format is the (highest) level of formatting for a Word document. It is important to select an attractive font and arrange the text in a balanced manner. A good page

More information

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand

More information

Bixby Public Schools Course Essential Elements Grade: Desktop Publishing

Bixby Public Schools Course Essential Elements Grade: Desktop Publishing Content Objective) applicable) Desktop Publishing Weeks 1-6 10-12 1. Create and edit a publication. 2. Design a newsletter. 3. Publish a tri-fold brochure 1-1 Start and quit Publisher 1-2 Describe the

More information

Latex Manually Set Font Size For Tables

Latex Manually Set Font Size For Tables Latex Manually Set Font Size For Tables I would like to set my table to font 10pt. Here is my coding /begin(table)(h) /resizebox(/textwidth)(!)(% /begin(tabular)(/l/l/l/l/l/) /hline & A & B & C & D //

More information

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web

More information

Microsoft Office Word 2010

Microsoft Office Word 2010 A Microsoft Office Word 2010 Selected Element K courseware addresses Microsoft Office Specialist (MOS) and MOS Expert certification skills for Microsoft Word 2010. The following table indicates where Word

More information

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery. HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

DIGIFORMS Document Designer v3.0 User Guide

DIGIFORMS Document Designer v3.0 User Guide DIGIFORMS Document Designer v3.0 User Guide By Metafocus AS Metafocus AS Address: Martin Lingesvei 17-25, N-1367 Snarøya, Norway Phone: +47 45 48 50 20 E-mail: support@metafocus.no Web: http://www.metafocus.no

More information

Module 2 (VII): CSS [Part 4]

Module 2 (VII): CSS [Part 4] INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (VII): CSS [Part 4] Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals

More information

CSLDSSSL - An Annotatable DSSSL Stylesheet

CSLDSSSL - An Annotatable DSSSL Stylesheet Table of Contents CSLDSSSL - An Annotatable DSSSL Stylesheet 1. Introduction... 1 1.1. Assumptions... 2 1.1.1. Print Rendering... 2 1.1.2. HTML Rendering... 2 1.2. Sample Windows Environment... 2 1.2.1.

More information

Web Systems & Technologies: An Introduction

Web Systems & Technologies: An Introduction Web Systems & Technologies: An Introduction Prof. Ing. Andrea Omicini Ingegneria Due, Università di Bologna a Cesena andrea.omicini@unibo.it 2005-2006 Web Systems Architecture Basic architecture information

More information

Quark XML Author for FileNet 2.8 with BusDocs Guide

Quark XML Author for FileNet 2.8 with BusDocs Guide Quark XML Author for FileNet.8 with BusDocs Guide Contents Getting started... About Quark XML Author... System setup and preferences... Logging on to the repository... Specifying the location of checked-out

More information

Easing into DITA Publishing with TopLeaf

Easing into DITA Publishing with TopLeaf Easing into DITA Publishing with TopLeaf DITA allows authors to quickly start creating topic-based documents. It provides a great deal of out of the box functionality for managing and re-using content.

More information

Product Page PDF Magento Extension

Product Page PDF Magento Extension Product Page PDF Magento Extension User Manual This is the user manual of Magento Product Page PDF v2.0.2 and was last updated on 26-11-2017. To see what this extension can do, go to the Magento Product

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

Quark XML Author October 2017 Update with Business Documents

Quark XML Author October 2017 Update with Business Documents Quark XML Author 05 - October 07 Update with Business Documents Contents Getting started... About Quark XML Author... Working with documents... Basic document features... What is a business document...

More information

Quark XML Author for FileNet 2.5 with BusDocs Guide

Quark XML Author for FileNet 2.5 with BusDocs Guide Quark XML Author for FileNet 2.5 with BusDocs Guide CONTENTS Contents Getting started...6 About Quark XML Author...6 System setup and preferences...8 Logging in to the repository...8 Specifying the location

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review CSS Layout Preview Review Introducting CSS What is CSS? CSS Syntax Location of CSS The Cascade Box Model Box Structure Box Properties Review Style is cascading

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

INDEX. Drop-down List object, 60, 99, 211 dynamic forms, definition of, 4 dynamic XML forms (.pdf), 80, 89

INDEX. Drop-down List object, 60, 99, 211 dynamic forms, definition of, 4 dynamic XML forms (.pdf), 80, 89 A absolute binding expressions, definition of, 185 absolute URL, 243 accessibility definition of, 47 guidelines for designing accessible forms, 47 Accessibility palette definition of, 16 specifying options

More information

Introducing LaTeX users to xsl-fo

Introducing LaTeX users to xsl-fo Introducing LaTeX users to xsl-fo Jean-Michel Hufflen To cite this version: Jean-Michel Hufflen. Introducing LaTeX users to xsl-fo. TUGB, 2007, pp.118 124. HAL Id: hal-00644466 https://hal.archives-ouvertes.fr/hal-00644466

More information

Developing Web Applications

Developing Web Applications Developing Web Applications Ralph Moseley Middlesex University IIICENTCNNIAL 1807 ewiley 2007 13ICCNTENNIAL John Wiley & Sons, Ltd Preface Introduction Features Additional Materials Trademarks Acknowledgments

More information

Page Layout. 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning

Page Layout. 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning Page Layout contents of this presentation are Copyright 2009 Marty Stepp and Jessica Miller 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning 2 1 4.1

More information

Index LICENSED PRODUCT NOT FOR RESALE

Index LICENSED PRODUCT NOT FOR RESALE Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using

More information

Master's Theses and Graduate Research

Master's Theses and Graduate Research San Jose State University SJSU ScholarWorks Master's Projects Master's Theses and Graduate Research 2010 Thien Tran San Jose State University Follow this and additional works at: http://scholarworks.sjsu.edu/etd_projects

More information

Web Systems & Technologies: An Introduction

Web Systems & Technologies: An Introduction Web Systems & Technologies: An Introduction Prof. Ing. Andrea Omicini Ingegneria Due, Università di Bologna a Cesena andrea.omicini@unibo.it 2006-2007 Web Systems Architecture Basic architecture information

More information

The Benefits of CSS. Less work: Change look of the whole site with one edit

The Benefits of CSS. Less work: Change look of the whole site with one edit 11 INTRODUCING CSS OVERVIEW The benefits of CSS Inheritance Understanding document structure Writing style rules Attaching styles to the HTML document The cascade The box model CSS units of measurement

More information

Intro History Version 2 Problems Software Future. Dr. StrangeBook. or: How I Learned to Stop Worrying and Love XML. Nigel Stanger

Intro History Version 2 Problems Software Future. Dr. StrangeBook. or: How I Learned to Stop Worrying and Love XML. Nigel Stanger Dr. StrangeBook or: How I Learned to Stop Worrying and Love XML Nigel Stanger Department of Information Science May 7, 2004 Dr. StrangeBook CIS Seminar 2004 1 What am I going to talk about? Document publication

More information

Microsoft Excel 2013 Table of content

Microsoft Excel 2013 Table of content Microsoft Excel 2013 Table of content Chapter 1. New features in Excel 2013 New Excel Templates New Flash Fill New Pivot Table, Timeline, Slicer and etc New Quick Analysis Chapter 2. Start Working with

More information

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 [AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course

More information

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6 CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r

More information

Quark XML Author September 2016 Update for Platform with Business Documents

Quark XML Author September 2016 Update for Platform with Business Documents Quark XML Author 05 - September 06 Update for Platform with Business Documents Contents Getting started... About Quark XML Author... Working with the Platform repository... Creating a new document from

More information

The What of XSL- FO. Somewhere out there, I guess, somebody still believes the paperless office C HAPTER 9

The What of XSL- FO. Somewhere out there, I guess, somebody still believes the paperless office C HAPTER 9 C HAPTER 9 The What of XSL- FO Somewhere out there, I guess, somebody still believes the paperless office is right around the corner. I don t know where, exactly, this person is certainly nowhere within

More information

Word 2010 Skills Checklist

Word 2010 Skills Checklist S1 S2 Sharing and Maintaining Documents 1.1 Apply different views to a document Select zoom options Split windows Arrange windows Arrange document views Switch between windows Open a document in a new

More information

Table of Contents Introduction to Word Processors... B Formatting Levels... I Sections... III Styles... VIII Miscellaneous... XI

Table of Contents Introduction to Word Processors... B Formatting Levels... I Sections... III Styles... VIII Miscellaneous... XI Table of Contents Introduction to Word Processors... B Formatting Levels... I Sections... III Styles... VIII Miscellaneous... XI Introduction to Word Processors W ord processor programs are basically tools

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

Proposals for a New Workflow for Level-4 Content

Proposals for a New Workflow for Level-4 Content University of Michigan Deep Blue deepblue.lib.umich.edu 2006-02-13 Proposals for a New Workflow for Level-4 Content Hawkins, Kevin http://hdl.handle.net/2027.42/78536 Hawkins 8/12/2008 10:15:40 AM Page

More information

Quark XML Author October 2017 Update for Platform with Business Documents

Quark XML Author October 2017 Update for Platform with Business Documents Quark XML Author 05 - October 07 Update for Platform with Business Documents Contents Getting started... About Quark XML Author... Working with the Platform repository...3 Creating a new document from

More information

COMSC-031 Web Site Development- Part 2

COMSC-031 Web Site Development- Part 2 COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal December 5, 2013 Chapter 13 13 Designing a Web Site with CSS In addition to creating styles for text, you can use CSS to create

More information

Apache FOP: Known Issues

Apache FOP: Known Issues $Revision: 494595 $ Table of contents 1 Known issues... 2 1.1 FO Tree...2 1.2 Layout Engine... 2 1.3 Other known issues...7 1. Known issues This page lists currently known issues in the current release.

More information

CSS: formatting webpages

CSS: formatting webpages CSS: formatting webpages Why CSS? separate content from formatting (style) style can be changed easily without rewriting webpages keep formatting consistent across website allows more advanced formatting

More information

HIERARCHICAL ORGANIZATION

HIERARCHICAL ORGANIZATION A clearly defined home page Navigation links to major site sections HIERARCHICAL ORGANIZATION Often used for commercial and corporate websites 1 Repetition DESIGN PRINCIPLES Repeat visual elements throughout

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review CSS Preview Review Transparent GIF headline Review JPG buttons button1.jpg button.psd button2.jpg Review Next Step Tables CSS Introducing CSS What is CSS? Cascading

More information

Taking Fireworks Template and Applying it to Dreamweaver

Taking Fireworks Template and Applying it to Dreamweaver Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate

More information

CSS: Cascading Style Sheets

CSS: Cascading Style Sheets CSS: Cascading Style Sheets Computer Science and Engineering College of Engineering The Ohio State University Lecture 13 Evolution of CSS MIME type: text/css CSS 1 ('96): early recognition of value CSS

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Mobile Site Development

Mobile Site Development Mobile Site Development HTML Basics What is HTML? Editors Elements Block Elements Attributes Make a new line using HTML Headers & Paragraphs Creating hyperlinks Using images Text Formatting Inline styling

More information

Quark XML Author 2015 October Update with Business Documents

Quark XML Author 2015 October Update with Business Documents Quark XML Author 2015 October Update with Business Documents CONTENTS Contents Getting started...6 About Quark XML Author...6 Working with documents...8 Basic document features...8 What is a business document...8

More information

Web Design and Development Tutorial 03

Web Design and Development Tutorial 03 Table of Contents Web Design & Development - Tutorial 03... 2 Using and Applying CSS to XHTML... 2 Conventions... 2 What you need for this tutorial... 2 Common Terminology... 3 Parent / Child Elements...

More information

XML: Introduction. !important Declaration... 9:11 #FIXED... 7:5 #IMPLIED... 7:5 #REQUIRED... Directive... 9:11

XML: Introduction. !important Declaration... 9:11 #FIXED... 7:5 #IMPLIED... 7:5 #REQUIRED... Directive... 9:11 !important Declaration... 9:11 #FIXED... 7:5 #IMPLIED... 7:5 #REQUIRED... 7:4 @import Directive... 9:11 A Absolute Units of Length... 9:14 Addressing the First Line... 9:6 Assigning Meaning to XML Tags...

More information

Copyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Chapter 7 XML

Copyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Chapter 7 XML Chapter 7 XML 7.1 Introduction extensible Markup Language Developed from SGML A meta-markup language Deficiencies of HTML and SGML Lax syntactical rules Many complex features that are rarely used HTML

More information

SDPL : XML Basics 2. SDPL : XML Basics 1. SDPL : XML Basics 4. SDPL : XML Basics 3. SDPL : XML Basics 5

SDPL : XML Basics 2. SDPL : XML Basics 1. SDPL : XML Basics 4. SDPL : XML Basics 3. SDPL : XML Basics 5 2 Basics of XML and XML documents 2.1 XML and XML documents Survivor's Guide to XML, or XML for Computer Scientists / Dummies 2.1 XML and XML documents 2.2 Basics of XML DTDs 2.3 XML Namespaces XML 1.0

More information