Your Ad Here

Displaying a Navigation Menu Within a Web Page Frame


You use HTML frames when you want to display more than one Web page in a single application
window. Because the Web browser maintains a separate URL for each frame, the browser can load
a new Web page into any of the frames without changing the contents of the others. One of the most
common uses of a framed Web page is to display a Web site’s navigation menu while the visitor moves
from page to page on the site. A typical navigation menu consists of graphics in the form of buttons
or simply hypertext links that connect to all the pages in a Web site. A well-designed navigation menu
guides the user through the twists and turns of a site like a road map.
An important consideration when designing a navigation menu is where on the Web page to place the
menu. Most Web pages place the navigation menu horizontally across the top, or vertically down the left
side of the application window. Whatever placement you choose, be consistent. If you place the navigation
menu vertically down the left side of the site’s index page (that is, the site’s homepage), place the menu
in the same place on the site’s remaining pages. Consistent placement helps the user feel comfortable
with navigation, and comfortable visitors will spend more time exploring your site. On a marketing
site, increased visitor comfort with the site’s navigation translates into increased sales, and on information
sites, visitors will remember more and be more likely to return to the site for more information.
Frames give you way of keeping a navigation menu in view at all times while the visitor travels
around the pages on your Web site. Suppose, for example, that you create a Web page with two frames

Place the navigation menu in the thin, 100-pixel rectangular frame along the left-hand
side of the page and display new Web pages in the larger frame on the right. Because the
frame with the navigation bar remains in place along the left side of the browser application window
as the browser loads selected Web pages into the frame on the right, the visitor never loses sight of
the road map of your site. The following code creates the framed Web page

<html>
<head>
<title>Welcome to Product Review</title>
</head>
<frameset cols="100,400,*">
<frame src="n_nav.html" name="left">
<frame src="h_main.html" name="right">
</frameset>
</html>
As you can see from the code in this example, the frameset page does not include the HTML from
all the Web pages displayed onscreen together. The frameset Web page simply instructs the Web browser
to display Web pages in the frames defined by the start frameset tag (<frameset>).
In this example, the frameset page instructs the Web browser to display the HTML documents
n_nav.html, and h_main.html (the site’s navigation menu and index page, respectively) within two
frames onscreen. The Web browser loads the n_nav.html document into the first frame of 100 pixels

in width and the h_main.html document into the second frame of 400 pixels in width. HTML tags
used to define Web pages loaded into frames perform exactly as they do when a Web browser displays
one of the pages at a time. Frames simply arrange multiple Web pages within a single document window.



0 comments:

Post a Comment

Popular Posts

Recent posts