More on Links, Lists, and Layout - Web Development and Design Foundations with XHTML - page 305

<li><a href="fall.html">Fall</a></li>
<li><a href="winter.html">Winter</a></li>
</ul>
</div>
<div id="maincontent">
<h1>Trillium Media Design</h1>
<p>Our professional staff takes pride in its working
relationship with our clients by offering personalized services
that listen to their needs, develop their target areas, and
incorporate these items into a well presented web site that
works.</p>
</div>
</body>
</html>

Hands-On Exercises

1. Write the XHTML to create a fragment identifier at the beginning of a Web page
designated by “top”.

2. Write the XHTML to create a hyperlink to the named fragment designated by “top”.

3. Write the XHTML to associate a Web page with an external style sheet named
myprint.css to configure a printout.

4. Write the XHTML to associate a Web page with an external style sheet named
mobile.css to configure display for handheld devices.

5. Write the CSS to configure an image file named myimage.gif as the “bullet” in an
unordered list.

6. Write the CSS to configure an unordered list not to display a “bullet”.

7. Extending Hands-On Practice 7.3. In Hands-On Practice 7.3 you created files for a
version of the Door County Wildflowers Web site. These files are also available in
the Chapter7 folder in the student files. In this exercise, you will create two addi-
tional content pages for the Door County Wildflowers site, called spring.html and
summer.html. Be sure that all CSS is placed in an external style sheet, called
mywildflower.css. (Modify pre-existing pages to use this style sheet). Rename
threecolumn.html as appropriate. The following is some content to include on the
new pages:

Spring Page (spring.html):

Use the trillium.jpg image (see the Chapter7 folder in the student files).

●

Trillium facts: 8-18 inches tall, perennial, native plant, grows in rich moist
deciduous woodlands, white flowers turn pink with age, fruit is a single red
berry, protected flower species.

●

Summer Page (summer.html):

Use the yls.jpg image (see the Chapter7 folder in the student files).

●

Yellow Lady's Slipper facts: 4-24 inches tall, perennial, native plant, grows in
wet shaded deciduous woods, swamps, and bogs, an orchid, official flower of
Door County.

●