Figures from Chapter 5

• Figure 5.4 -- Example page from a linear document collection. This example is taken from my online HTML tutorial, found at www.utoronto.ca/webdocs/HTMLdocs/NewHTML/.
• Figure 5.5A (top), and Figure 5.5A (bottom) -- Two example pages from a seven page article on character sets in HTML documents, found at webreference.com/html/tutorial17/. The "page" being displayed is indicated by the small image icons near the top of the page. The hierarchical location of the page within this site is shown at the top of the page.
• Figure 5.5B (scroll to bottom), and Figure 5.5B (scroll to bottom) -- Two example pages from a seven page article on character sets in HTML documents, found at webreference.com/html/tutorial17/. The "page" being displayed is indicated by the small image icons near the top of the page. The hierarchical location of the page within this site is shown at the top of the page.
• Figure 5.7 -- Example page from the Yahoo! hierarchical catalog of Web sites. This shows the page in the "Asthma" section, which is below the "Diseases and Conditions" section, which is in turn in the "Health" section. Note how links to other category pages are in boldface. The "@" after link indicates that the target lies in a different "branch" of the hierarchy. For example, selecting the link "Companies@" produces the page shown in Figure 5.8.
• Figure 5.8 -- The Yahoo! category page produced upon selecting the "Companies@" link in Figure 5.7. Note how this page is in a different branch of the hierarchy, as discussed in the text.
• Figure 5.10 -- The home page (www.sgi.com) of Silicon Surf, the electronic publication of Silicon Graphics Inc. For discussion see the text, and also the caption for Figure 5.11.
• Figure 5.11A -- The home page (www.nando.net) for The Nando Times, an electronic newspaper. Both this design and that shown in Figure 5.10 are graphically oriented, with links to the main site areas. Note that the Silicon Surf home page has a prominent link to a text-only version, while the Nando Times has a link to a "no frames" alternative: Both sites were carefully designed to support a wide range of users.
• Figure 5.11B -- The home page (www.cnet.com) for CNET, a computer and technology news and information source. Note how the top bar provides quick shortcut links to the most popular sections of the site.
• Figure 5.11C -- A subsection page from CNET, a computer and technology news and information source.
• Figure 5.12 -- Examples from Snap.com illustrating tab-bar navigation for indicating the main sections of the site. Note how the highlighted tab-bar denotes the section of the site.
• Figure 5.13 -- The home page for Mp3.com. Note how the home page provides direct links to community building services such as "Message Boards" and "Stations."
• Figure 5.14 -- The home page for slashdot.org. Every news article on this page is authored by one of the Slashdot community members (this does include some of the principal staff members at slashdot.org).