Lesson 1.4: Create and edit an XSL style sheet

1. Select File > New > Other. In the New window, select XML > XSL. Click Next.
2. Select the MyProject directory.
3. In the File name field, type CDTitle.xsl and click Next.
4. In the Select XML file page, select the CDTitle.xml file. This associates the CDTitle.xml file with the CDTitle.xsl file.
5. Click Finish.

1. To create an HTML document, you will add a template to generate HTML header information and define the output method for the document.
   1. In the XSL editor, position the cursor on an empty line after the <xsl:stylesheet> element in the CDTitle.xsl file.
   2. Click the Snippets tab and open the XSL drawer.
   3. Double-click Default HTML header. This creates an <xsl:output> element that will output the results of the transformation (that is, applying CDTitle.xsl to CDTitle.xml) in HTML, and a template that will produce an HTML header with an <xsl:apply templates> rule to process all of the immediate children in the CDTitle.xml file.
2. Create a template that will produce an HTML table:
   1. Position the cursor on an empty line after the <xsl:template> element that was generated in Step 1 above.
   2. In the XSL drawer, double-click HTML table in XSL.
   3. Select the first CD element as the context node for building the HTML table.
   4. Click the Wrap table in a template check box. This indicates that you want to wrap this table in a new template.
   5. Click the Include header check box to indicate that you want to include a header in this table. Click Next.
   6. In the Cell spacing field, type 20. This will help the table look better by increasing the amount of space between the cells in your table.
   7. Click Finish. This creates a new template that will produce an HTML table in your CDTitle.xsl file.
3. Click File > Save to save your file.

1. In the Navigator view, hold down the Ctrl key and select CDTitle.xml and CDTitle.xsl.
2. Right-click and select Run > XSL Transformation.
3. The result file name is _CDTitle_transform.html. It automatically opens in the Page Designer, and contains the contents of your XML file in a table.
4. To see the table as it will look in a Web browser, close the _CDTitle_transform.html file, right-click it in the Navigator view and select Open With > Web Browser.

It should appear as shown below:

The XSL editor provides a number of wizards to help you create a content filled style sheet. It also provides a method to create an HTML table based on that style sheet.