8/3/2019 Lab - xml

1/11

. OJ Home Juicer

. Champion Juicer

. Green Power Gold Juice Extractor

. Juiceman Jr.

. Omega Juicer

. Wheateena Wheatgrass Juicer

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 thestylesheets 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.,

8/3/2019 Lab - xml

2/11

HTML Help

Alpha

Beta

Omega

This HTML:

Is displayed in a browser as:

. Alpha

. Beta

. Omega

8/3/2019 Lab - xml

3/11

Juicers

OJ Home Juicer

Champion Juicer

Green Power Gold

Juice Extractor

Juiceman Jr.

Omega Juicer

Wheateena WheatgrassJuicer

Part 2

Create a second HTML document which is just like part one exceptyou are to put the list of juicers into an HTML table, e.g.,

8/3/2019 Lab - xml

4/11

Juicer Cost

OJ Home Juicer

Champion Juicer

Green Power Gold

Juice Extractor

Juiceman Jr.

Omega Juicer

Wheateena WheatgrassJuicer

$41.95

$239.00

$459.99

$82.00

$234.00

$639.00

Part 3

Create a third HTML document which contains a table of juicersand costs (USD only), e.g.,

8/3/2019 Lab - xml

5/11

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 theirdescription, e.g., (see next page)

8/3/2019 Lab - xml

6/11

Juicer CostOJ Home Juicer

Champion Juicer

Green Power Gold

Juice Extractor

Juiceman Jr.

Omega Juicer

Wheateena Wheatgrass

Juicer

$41.95

$239.00

$459.99

$82.00

$234.00

$639.00

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.

OJ Home Juicer

Champion Juicer

...

Juicer Description

8/3/2019 Lab - xml

7/11

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.

8/3/2019 Lab - xml

8/11

Juicer CostOJ Home Juicer

Champion Juicer

Green Power Gold

Juice Extractor

Juiceman Jr.

Omega Juicer

Wheateena Wheatgrass

Juicer

$41.95

$239.00

$459.99

$82.00

$234.00

$639.00

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 masticationprocess 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.

OJ Home Juicer

Champion Juicer

...

Juicer Description

8/3/2019 Lab - xml

9/11

HTML Hint

OJ Home Juicer

OJ Home Juicer

P 6

8/3/2019 Lab - xml

10/11

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:

P t 7 C t l P l f J i F t

8/3/2019 Lab - xml

11/11

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 createdin parts 1-6.