1. Extensible Stylesheet Language (XSL) By Example Tony Wat 9 October 2002

2. Outline XSL Basics Real-life Example Simple Example Conclusion

3. XSL Basics XSL is a language for expressing style sheets Styling requires a source XML document, containing the information that the style sheet will display and the style sheet itself which describes how to display a document of a given type

4. Flow Diagram XML store data XSL store layout information XSL Processor

5. Real-life Example i-view web client

6. Based on XML data Browser perform the XSL translation and display the result Can use different XSL files for different layouts

7. Simple Example Data can be expressed in structural form. XSL perform the generation of layout based on the data This example only applies to XSL Transformation by Internet Explorer

8. Starting with Simple XML Current Ph.D. Students

9. A simple XSL <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> My Fellow Students

10. The Result

11. XML Data Current Ph.D. Students AAAA BBBB CCCC abc.jpg http://www.cse.cuhk.edu.hk/~abc/ Presentation This is a topic ……

12. Second XSL........ My Fellow Students.... #....

13. Second Result

14. Third XSL My Fellow Students.....

15. Third XSL (2) #

16. Third XSL (3)

17. Third Result

18. Fourth XSL

19. Fourth Result

20. Final Result By completing the XML file The browser will use the XSL to generate the tables, images, text according to the XML data

21. Conclusion This example may not be a good situation to apply XSL There are user-friendly web page editing tools for managing such information However, website of large amount of heterogeneous data requiring a consistent layout maybe of advantage e.g. i-view web client

22. The End