Top-level navigation

Top-level navigation is a frequent pattern in web pages where a top-level menu allows access to different areas of the site. The example in Figure 12.50 illustrates top-level navigation being defined by a set of landmark areas, each containing one page (they could contain more pages if needed).

FIGURE 12.46

Summarized viewpoint.

FIGURE 12.47

Complete information viewpoint.

For the example, only the third area was partially defined. A rendering of that model is shown in Figure 12.51 where the third area, “Catalog,” is selected from the top menu showing the default page Books.

A variation of this pattern is menu-based top level navigation. This may be accomplished by adding a set of landmark pages to each of the top landmark areas, as shown in Figure 12.52.

Figure 12.53 shows the rendering when the mouse is positioned over the menu item “Catalog.”

FIGURE 12.48

Specification of an overview plus detail pattern.

FIGURE 12.49

Example of rendering of a page using the overview plus detail pattern.

FIGURE 12.50

Example of specification of top-level navigation.

FIGURE 12.51

Example of rendering of a page using top-level navigation.

< Prev   CONTENTS   Source   Next >