# VirtualMV/HTML/Basic/Layout/Frames

## Use

Frames are discouraged in web design as they are not well supported in many web browsers. iFrames (inline Frames) allow for inserting of other documents such as XML into the HTML.

### The Pros

• Can be used to hide the URL to some extent
• Hidden frames can contain scripts or images that only need to be loaded once
• Can be easier to maintain as the links page is all that needs editing when links change

### The Cons

• Difficult for some search engines to navigate
• Book-marking can be a problem
• There are significant accessibility issues
• If a page does not load the layout can be spoilt
• Can use a lot of pages so care needed for page names
• One small error in the frameset can create havoc on the site
• Links need to be targeted or you can wind up with frames in frames
• It can be difficult to build a seamless page look

## A frame and no-frame navigation map - Quick Tours of Hawkes Bay

The two navigation maps (following) show how frames can be added to a no-frame based web site.

• Note
• the information pages are the same.
• visually menu.htm and fmenu.htm are the same. But there is a minor addition in fmenu page, to allow it to link to the correct window. If you have this in the no-frame version each page will pop-up in a new window!

No-frame version of Hawke's Bay Quick Tours

Frame version of Hawke's Bay Quick Tours

## Expression Web Examples

File > New > Page (tab) | Frames Pages

This will give the initial layout as

When you save the html pages, Expression will indicate which page as:

Notes

• The right frame is Not saved as it was already in existance and set as the initial page
• The Frames page is shown as a wrapper page for the other pages.

Once created the basic design is as follows:

## XHTML code

frames.htm

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hawkes Bay Quick Tours</title>
<frameset cols="150,*">
<frame name="main" src="intro.htm">
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Language" content="en-nz" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
</html>