Blog

Teacher is very picky, document must have all of these things Rafael Garcia has worked with the stock report you generated and has made a few modi?cations to the source document. Rafael has added a few more elements providing information on each stock’s high and low value over the previous year, the stock’s P/E ratio, earnings per share (EPS), dividend, and yield. He’s also included the URL to the company’s website. Rafael wants to try a new design, in which these new stock values appear in a table alongside a description of the stock. He also wants to show the current stock value and whether it’s rising, falling, or remaining level, which is to be prominently displayed below the company name. Figure 5-38 shows a preview of the revised content and layout of the report. Rafael has already created the CSS style sheet for this web page, but he needs you to create the XSLT style sheet, which will generate the HTML code used in the report. Because creating a style sheet can be complicated, it is strongly recommended that you save your changes and generate the result document as you complete eac

h step below to check on your progress and detect any problems early. Complete the following: 1. Using your text editor, open the portfoliotxt.xml and portfoliotxt.xsl files. Enter your name and the date in the comment section of each ?le, and save them as portfolio.xml and portfolio.xsl , respectively. 2. Go to the portfolio.xml file in your text editor. Take some time to review the content of the ?le and its structure. Add a processing instruction after the comment section that attaches the portfolio.xsl style sheet to this XML document. Close the file, saving your changes. 3. Go to the portfolio.xsl file in your text editor. Below the comment section, set up this document as an XSLT style sheet by adding a stylesheet root element and declaring the XSLT namespace using the namespace prefix xsl. 4. Add an output element to indicate to the XSLT processor that the transformed ?le should be in HTML5 format. 5. Create a root template and, within that template, enter the following HTML code: Portfolio Stocks 6. Directly after the opening tag in the root template, insert the following code: