WebDeveloper.com �: Where Web Developers and Designers Learn How to Build Web Sites, Program in Java and JavaScript, and More!   
Web Developer Resource Directory WebDev Jobs
Animated GIFs
CSS Properties
HTML 4.01 Tags
Site Management
WD Forums

    Web Video
    Expression Web



    Forum, Blog, Wiki & CMS

 Site Management
    Domain Names
    Search Engines
    Website Reviews

 Web Development
  Business Issues

    Business Matters

    The Coffee Lounge
    Computer Issues

I've Been Framed!
Part 2

by Scott Clark

Fun With Frames

If you can get through the building of the non-framed page, the framed page is really a simple matter. I again used a table for all the hyperlinks in the left frame and a simple page layout for the right frame. The simplicity of this site lies in the consistent style used throughout.

 <html> <head> <title>WELCOME TO JAMAICA</title> </head> <frameset cols="50,150" frameborder="no"> <frame src="Frjampan.htm" name="left" scrolling=auto marginwidth=0> <frame src="Frjam.htm" name="right"> </frameset> <noframes> <body background="bg.gif" bgcolor="#80ffff" text="#004080" vlink="#004000"> <center><table><td width=180> <center><table><td width=180> <b><center>THE HISTORY OF JAMAICA </center><p><font size=-2> <img src="BULLET.GIF" hspace=3 align=middle> <a href="disco.html">"Discovery"</a> <p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="spanish.html">the Spanish</a> <p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="slavery.html">Slavery</a> <p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="independence.html">Independence </a><p> </font> <b><center>TOURIST SITES</center> </font><p> <font size=-2> <img src="BULLET.GIF" hspace=3 align=middle> <a href="montegobay.html"> Montego Bay</a><p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="ocho.html">Ocho Rios</a> <p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="negril.html">Negril</a> <p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="antonio.html"> Port Antonio</a><p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="kingston.html">Kingston</a> <p> <img src="BULLET.GIF" hspace=3 align=middle> <a href="bharbor.html">Blue Harbor</a> <p> <center><b><a href="fjamaica.htm"> frames</a></b></center> </b> </font> </table> </center> <td width=6><img src = "DOT_DARK.GIF" width=2 height=345> <td><center><img src="head.gif" alt="Welcome to Jamaica"></center> <p> <center><h2><i><font color="#ba413a"> Jamaica, independent since 1962 </font></i></h2></center> <p> <center><img src="jamaica.jpg" hspace=5 alt="jamaica" width="500" height="300"></center> </table> </center> </body> </noframes> </html> 

I made sure that even though this page has to be clicked on from the non-framed page to get to it, those with frame-challenged browsers will still be able to enjoy it. The use of the non-frames tag is so easy you have no excuse not to use it.

A framed page has a distinct advantage in at least seeming to be faster. I say "seeming" because the page takes almost as long to download, but because the left frame never changes, it only seems to take seconds to load. The framed page features links to the same pages that the non-framed page does, but the framed pages just contain the actual articles, without the hyperlinks on the left side. At the bottom of the left frame is a hyperlink to the non-framed version.

When using the new version of Netscape Navigator or Internet Explorer, you can specify that no frame borders be used, creating a seamless page with no separate frames, at least at first glance. Close examination of the "Welcome to Jamaica" framed page reveals the double-lined brick, indicating where the first frame ends and the second one begins. This is only possible if you are using a page that will not have so many hyperlinks that the user needs to be able to scroll the left frame down to see all the hyperlinks.

A Little Customer Service

The "Welcome to Jamaica" site is not a particularly spectacular Web site, but it is a fine example of how a Web site can offer a framed page as well as a non-framed page. Remember the saying "The customer is always right"? It still applies in the Web site business, and it translates to mean that all surfers have their own preferences for how Web sites should be set up. If your version doesn't conform to their standards, and they don't have a way to navigate to their preferred version, they'll just go somewhere else. The Web is all about choices, and that's what your Web site should be offering. . . a choice. Frames, anyone?

[ < I've Been Framed!:
Part 1 ]

HTML5 Development Center

Recent Articles