SE 5145 – eXtensible Markup Language (XML )

XSLT - (Extensible Stylesheet Language Transformations)

2011-12/Spring, Bahçeşehir University, Istanbul

2nd Assignment: CV Preparing an XML/XSLT Resume

Redesign your own resume as an XML document including at least five sections («education», «employment history», «social skills», «technical skills», «accomplishments», etc.) As you design your XML file, think about items that would be of more interest to a management reader and other items that would be of more interest to a technical reader. For example, a management reader might be more interested in your «social skills» while a technical reader would be more interested in «technical skills».

Create a Document Type Definition (DTD) file resume.dtd specifying the content of your resume.

Now create two stylesheets, manager.xsl and technical.xsl, which display the manager and technical "views" respectively. There will be some overlap (both classes of reader would want to know your name!) but there should be several differences as well.

How to Submit

Pay attention to naming your files: Keep your files under /Name.Surname/Assignment2 and send me one unique archived RAR file: Name.Surname.Assignment2.rar

Submit only SOFT COPY by uploading to asilkan.net till due date: Next lesson (2 weeks later)

Randomly selected students will be asked to present the solutions on the due date2

3

Remember the Styling..

Your first XML file Associating an XML file with a CSS stylesheet Styling XML tags with CSS Working with XML and CSS2

4

Associating an XML file with a CSS stylesheet

CSS:

FirstTag

{

display : block;

font-family : Arial;

font-size : large;

color : Blue;

}

XML Updated:

<?xml version="1.0" encoding="utf-8"?>

<?xml-stylesheet type="text/css" href="FirstXMLFile.css"?>

<FirstTag>

This is our first XML file

<!-- This is a comment -->

</FirstTag>

5

Styling XML tags with CSS

businesscard_nostyle.xml

businesscard.css

businesscard_style.xml(<?xml-stylesheet type="text/css" href="businesscard.css"?>)

CSS does not allow to display labels, but CSS2 does.

6

Working with XML and CSS2

businesscard_CSS2.css email:before {content: "e-mail: "}

phone:before {content: attr(type) ": "}

phone[primary]:after {content: " (" attr(primary) ")"}

businesscard_style_CSS2.xml<?xml-stylesheet type="text/css" href="businesscard_CSS2.css"?>

7

Using XSLT

8

Creating XSLT Stylesheets

9

How XSLT Works

10

How XSLT Works

11

An Example XSLT Template

Simple XSLT Styling

2011-12/Spring, Bahçeşehir University, Istanbul

13

Simple XSLT Styling

14

Simple XSLT Styling

15

Simple XSLT Styling

16

Using XSLT with CSS

17

Using XSLT with CSS

18

Repeating Items

19

Repeating Items

20

Repeating Items

21

Repeating Items

repeating_items.xslt

22

Conditional Logic - 1a

23

Conditional Logic – 1b

24

Conditional Logic – 1c

25

Conditional Logic – 2a

26

Conditional Logic – 2b

27

Conditional Logic – 2c

28

Conditional Logic – 2d

29

Sorting & Rearranging XML Data

30

Sorting & Rearranging XML Data

31

Sorting & Rearranging XML Data

Then try changing: • order (asc > des..)• sort select (name >

available)