Tell a Friend About Our Cool Software
Chapter 3: Review and Practice
In Chapter 2 we started creating a Website for a photographer. At that
point we were limited to using the HTML tags that were covered so far,
and the resulting site was pretty basic--not really ready to publish, to be
honest. With what you have learned in this chapter you are ready to take
that site to the next level. To remind you of what that page looked like,
refer to Figure 3.6.
Figure 3.7. The original Web page as created in Chapter 2.
What would this page benefit from? There are quite a few things, but as for the changes we can accomplish with the tags you learned about in this chapter let's focus on these:
- Displaying a page background.
- Changing the appearance and alignment of some of the text.
- Using headings in the resume.
- Using a horizontal rule to separate parts of the page.
- Addition of the background attribute to the <body> tag to use the image paper1.gif as the page background. This imager provides the appearance of high quality stationery, and while it may not be visible in the figure it really is a professional touch.
- Use of the <font> tag to display the page's main heading in a different font.
- Use of the <font> tag to display the first bulleted list in a different font.
- Use of the <hr>; tag to create a horizontal rule to separate the resume from the rest of the page.
- Use of <h2> and <h3> tags for the headings in the resume.
Listing 3.1. HTML source for the modified Web page.
<html>
<head>
<title>Dave Davison Photographer</title>
<meta name="keywords" content="photography,
photographer" />
</head>
<body background="paper1.gif"><p align="center">
<font size="7" face="Calligrapher" color="#0000FF">Dave Davidson, Photographer</font></p>
<p><a href="#resume">View my resume</a></p>
<img src="image01.jpg" />
<img src="image02.jpg" />
<img src="image03.jpg" />
<img src="image04.jpg" />
<font size="4" face="Cornerstone"><ul>
<li>Fine Art</li>
<li>Landscapes</li>
<li>Architecture</li>
</ul></font>
<hr>
<h2><a name="resume">Resume</a></h2>
<p>Dave Davidson has been an active photographer since 1992. He specializes in
portraits and fine art prints.</p>
<h3>Education</h3>
<ul>
<li>BS, Art History, University of Pennsylvania, 1988</li>
<li>MS, Photography, Chicago School of Design, 1991</li>
</ul>
<h3>Exhibitions</h3>
<ul>
<li>Images From Nature, Smith Gallery, Los Angeles, 1994</li>
<li>Dave Davidson, Photographer in Nature, Oak Creek Center, Houston, 1996</li>
<li>Architecture of Manhattan, Bowles Museum, New York, 1999</li>
</ul>
</body>
</html>
Figure 3.8. The modified Web page looks a lot nicer than the original.
CoffeeCup Software started in a real Coffee House 1996. Our first program was the HTML Editor. Over the last 10 years we have created a lot more Web Design & Flash Software. Our philosophy has always been to create software and services so you can make better Websites. We are dedicated to helping you by offering extraordinary support so we can succeed together. Consider us a partner and a friend, because we really are about Fresh Software and Warm People.
