SE 5145 – eXtensible Markup Language (XML ) XSLT - (Extensible Stylesheet Language...
-
Upload
bryan-hunter -
Category
Documents
-
view
231 -
download
3
Transcript of SE 5145 – eXtensible Markup Language (XML ) XSLT - (Extensible Stylesheet Language...
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)