Part 1

There are 7 parts to this lab. Each part creates a more sophisticated HTML document, using XSL elements. Note: put each stylesheet that you create into a separate file. You will be needing all of the stylesheets in part 7. For this first part, create an HTML document containing a list of all the juicers in the juicers XML document, e.g., . OJ Home Juicer . Champion Juicer . Green Power Gold Juice Extractor . Juiceman Jr. . Omega Juicer . Wheateena Wheatgrass Juicer

HTML Help
This HTML: <ul> <li>Alpha</li> <li>Beta</li> <li>Omega</li> </ul> Is displayed in a browser as:

. Alpha . Beta . Omega

Part 2 Create a second HTML document which is just like part one except you are to put the list of juicers into an HTML table, e.g., Juicers
OJ Home Juicer Champion Juicer Green Power Gold Juice Extractor Juiceman Jr. Omega Juicer Wheateena Wheatgrass Juicer

Part 3 Create a third HTML document which contains a table of juicers and costs (USD only), e.g., Juicer
OJ Home Juicer Champion Juicer Green Power Gold Juice Extractor Juiceman Jr. Omega Juicer

Cost
$41.95 $239.00 $459.99

$82.00 $234.00

Wheateena Wheatgrass $639.00 Juicer

Part 4 Create a fourth HTML document which contains two tables: the first is the table of juicers and costs, the second is a table of juicers and their description, e.g., (see next page)

Juicer
OJ Home Juicer Champion Juicer Green Power Gold Juice Extractor Juiceman Jr. Omega Juicer Wheateena Wheatgrass Juicer

Cost
$41.95 $239.00 $459.99

$82.00 $234.00 $639.00

Juicer
OJ Home Juicer

Description
Theres just no substitute for a properly squeezed orange in the morning. So delicate and refreshing. The finest hotels use mechanical juicers of this type for their most discriminating guests. This is the largest selling juicer of its kind. Its a beautiful little all-metal piece in baked enamel and polished chrome; it even won the Frankfurt Fair Award for its design. Uses no electricity and produces no non-recyclable waste as do frozen juices. The Champion Juicer is the answer to every juicing problem. Because it operates on the mastication process principle, the Champion chews the fibers and breaks up the cells of vegetables and fruits. This give you more fiber, enzymes, vitamins and trace minerals. The juice will be a darker, richer color, with a sweeter, richer more full-bodied flavor.

Champion Juicer

...

Part 5
Part 5 expands upon Part 4. Create an HTML hyperlink between each juicer in the first table to the corresponding juicer in the second table, and vice versa, e.g, on the next page I show one of the bidirectional links: Note: put some vertical space between the two tables so that when you click on the links there will be a noticeable jump.

Juicer
OJ Home Juicer Champion Juicer Green Power Gold Juice Extractor Juiceman Jr. Omega Juicer Wheateena Wheatgrass Juicer

Cost
$41.95 $239.00 $459.99

$82.00 $234.00 $639.00

Juicer
OJ Home Juicer

Description
Theres just no substitute for a properly squeezed orange in the morning. So delicate and refreshing. The finest hotels use mechanical juicers of this type for their most discriminating guests. This is the largest selling juicer of its kind. Its a beautiful little all-metal piece in baked enamel and polished chrome; it even won the Frankfurt Fair Award for its design. Uses no electricity and produces no non-recyclable waste as do frozen juices. The Champion Juicer is the answer to every juicing problem. Because it operates on the mastication process principle, the Champion chews the fibers and breaks up the cells of vegetables and fruits. This give you more fiber, enzymes, vitamins and trace minerals. The juice will be a darker, richer color, with a sweeter, richer more full-bodied flavor.

Champion Juicer

...

HTML Hint
<A href=#mighty-oj-DESCRIPTION name=mighty-oj-COST> OJ Home Juicer </A>

<A href=#mighty-oj-COST name=mighty-oj-DESCRIPTION> OJ Home Juicer </A>

Part 6
Part 6 expands upon Part 5. Add a third column to the juicer cost table. In this column put the juicer image (copy the images folder in xml/lab2 into this folder). HTML Hint: <img src="URL to binary image file" height="integer" width="integer">

Part 7 Control Panel for Juicers Format Create an HTML document that allows a user to view the juicer's data in a variety of different formats - all the formats that you created in parts 1-6.