Designing a Web Site with Frames Tutorial 5 Using Frames to Display Multiple Web Pages Objectives Describe uses of frames in a Web site Layout frames within a browser window Display a document within a frame
Designing a Web Site with Frames
Using Frames to Display Multiple Web Pages
A common use of frames: displaying a table of contents in one frame, while showing individual pages from the site on the another.
A list of hyperlinks that remain on the screen while the user navigates through the contents of the site.
Frames laid out in columns
Frames laid out in rows
<frame src=“url” />
Because this is the first <frame> tag, the browser displays head.htm in the first frame row.
Note that using the comment tag and indenting the <frame> tag a few spaces helps make your HTML code easier to follow and interpret.
two columns of frames nested in the second frame row
set the scrolling attribute to “no” to remove the scroll bars
height of the margin text for the logo frame will be 0 pixels
height of the margin for the home page will be 0 pixels and the width of the margin will be 10 pixels
the frame name
the Web page will appear in the pages frame
Web site will contain no frames
setting the width of the frame border to zero has the effect of removing the border
Some Web designers prefer not to show frame borders in order to give the illusion of having a single Web page rather than three separate ones, while other Web designers believe that hiding frame borders can confuse users as they navigate the Web site.
HTML code to create an inline frame