. OJ Home Juicer

1
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
2
HTML Help
This HTML
ltulgt ltligtAlphalt/ligt ltligtBetalt/ligt
ltligtOmegalt/ligt lt/ulgt
Is displayed in a browser as .
Alpha . Beta . Omega
3
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
4
Part 3 Create a third HTML document which
contains a table of juicers and costs (USD only),
e.g.,
Juicer
Cost
OJ 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 63
9.00
5
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)
6
Juicer
Cost
OJ 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 63
9.00
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.
OJ Home Juicer
Champion Juicer
...
7
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
Juicer
Cost
OJ 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 63
9.00
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.
OJ Home Juicer
Champion Juicer
...
9
HTML Hint
ltA hrefmighty-oj-DESCRIPTION
namemighty-oj-COSTgt OJ Home Juicer lt/Agt
ltA hrefmighty-oj-COST namemighty-oj-DESCRIPT
IONgt OJ Home Juicer lt/Agt
10
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 ltimg
src"URL to binary image file" height"integer"
width"integer"gt
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 created in parts 1-6.