1. Computing & Technology
About.com
Web Design / HTML

Discuss in my forum

How To Create a Frames Page in Homesite

By , About.com Guide

Adobe Homesite+

Adobe Homesite+

Image courtesy Adobe

Frames are a popular way to make navigation easier to maintain on a Web site. Homesite makes it easy to build a framed Web page.

Difficulty: Average
Time Required: 5 minutes

Here's How:

  1. Open Homesite and select "New" from the "File" menu.
  2. Double click on the "Frames wizard".
  3. Create the framed page you would like by removing and adding rows and columns. You can also change the height and width of the frames.
  4. Click on each frame to give them a name and a "Source URL". The source URL can be an existing file or a new file name.
  5. Change any attributes of the frames that you would like.
  6. Click "Finish".
  7. Position your cursor just before the tag.
  8. In the "Frames" menubar, click on "no".
  9. Create a area that indicates that this is a framed site. It is a good idea to include a link to your main page in the noframes area.</li><li>For each frame named in step 4, make sure that the frame exists, by either creating the Web page or editing it.</li><li>Click on "F12" to preview the framed page.</li></ol><h3>Tips:</h3><ol><li>Always include a <a href="http://webdesign.about.com/od/frames/a/aa091406.htm"><noframes></a> area. This is the section of the page that <a href="http://webdesign.about.com/cs/promotion/a/aaframesseo.htm">search engines will see</a>, and it should have information so that they can view it.</li><li>While it's not required, it's a good idea to add in the <a href="http://webdesign.about.com/od/htmltags/p/bltags_html.htm"><html></a> and </html> tags at the beginning and end of the document.</li><li>Frames require that you create additional HTML pages. Learn more about creating HTML frames in my <a href="http://webdesign.about.com/od/beginningframes/a/aa010598.htm">Introduction to HTML Frames</a> article.</li></ol><h3>What You Need</h3><ul><li>Homesite</li></ul><!--/gc--> </div> <div id="coda"> <div id="resources"> <div class="lkbx"><h5>Suggested Reading</h5><ul><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthsgraphic.htm" zT="18/1Pp">How to Add an Image with Homesite</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthshyperlink.htm" zT="18/1Pp">How to Add a Link in Homesite</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthssnippet.htm" zT="18/1Pp">How to Create a Homesite Code Snippet</a></li></ul></div><div class="lkbx"><h5>Suggested Reading</h5><ul><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthscodesweeper.htm" zT="18/1Pp">How to Use the Homesite CodeSweeper</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/" zT="18/1Pp">Homesite How Tos</a></li></ul></div> <div id="rel"><div class="h5">Related Articles</div><ul><li><a href="http://webdesign.about.com/od/golivehowtos/ht/htglframes.htm" zT="18/1YL/Zn">Create a Framed Page in GoLive</a></li><li><a href="http://webdesign.about.com/od/frontpagehowtos/ht/htfpframes.htm" zT="18/1YL/Zn">How to Create a Framed HTML Page in FrontPage</a></li><li><a href="http://historymedren.about.com/library/blframed.htm" zT="18/1YL/Zn">About Frames- Medieval History</a></li><li><a href="http://webdesign.about.com/cs/dreamweaver/ht/htdwframes.htm" zT="18/1YL/Zn">Create a Framed Page in Dreamweaver</a></li><li><a href="http://python.about.com/od/cgiformswithpython/ss/RSSRdr1_4.htm" zT="18/1YL/Zn">RSS Reader in Python - Building an RSS Reader With Python - Three Frames of...</a></li></ul></div></div> <div id="gi"><div class="cr"><div class="img"><a href="/bio/Jennifer-Kyrnin-5105.htm" zT="18/1YK"><img src="http://0.tqn.com/d/g/5105.jpg" alt="Jennifer Kyrnin"></a></div><p><a href="/bio/Jennifer-Kyrnin-5105.htm" zT="18/1YO">Jennifer Kyrnin</a><br>Web Design / HTML Guide</p><ul><li><a href="/gi/pages/stay.htm" zT="18/1YS"><b>Sign up</b> for My Newsletter</a></li></ul><ul class="so"><li><a href="/b/" zT="18/1YM">Headlines</a></li><li><a href="http://forums.about.com/n/pfx/forum.aspx?nav=messages&webtag=ab-webdesign" zT="18/1YN">Forum</a></li></ul></div></div> </div> </div> <div id="aba"><script type="text/javascript">if(z336>0){w('<div id="adB"><p>Advertisement</p>');adunit('','','about.com',ch,gs,336,280,'1','bb',3);w('</div>')}if(z155>0){w('<div id="adP"><p>Advertisement</p>');adunit('','','about.com',ch,gs,336,155,'1','ps',4);w('</div>')}</script><script>if(zp[7].d)Dsp(zp[7],'ip')</script><script>if(zp[11].d)Dsp(zp[11],'ip')</script></div> <script>if(zSbL<1)zSbL=3;zSB(2);zSbL=0</script> </div> <div id="rs"><span id="n5">Related Searches</span> <a href="http://search.about.com/r.htm?q=document frames" zT="18/1lu">document frames</a> <a href="http://search.about.com/r.htm?q=html frames" zT="18/1lu">html frames</a> <a href="http://search.about.com/r.htm?q=source url" zT="18/1lu">source url</a> <a href="http://search.about.com/r.htm?q=homesite" zT="18/1lu">homesite</a> <a href="http://search.about.com/r.htm?q=f12" zT="18/1lu">f12</a> <a href="http://search.about.com/r.htm?q=html pages" zT="18/1lu">html pages</a></div><div id="abf"><div id="browse" class="pane clear"><div class="h3">Explore Web Design / HTML</div><div id="bc1"><div class="h4">Must Reads</div><ul><li><a href="/od/htmleditors/a/aa121304.htm" zT='18/1fG/1'>Find the Perfect Web Page Editor</a></li><li><a href="/od/htmlxhtmltutorials/p/learnhtml.htm" zT='18/1fG/2'>Learn HTML</a></li><li><a href="/od/beginningcss/p/learncss.htm" zT='18/1fG/3'>Learn CSS</a></li><li><a href="/od/htmltags/a/bl_index.htm" zT='18/1fG/4'>HTML Tags</a></li><li><a href="/od/beforeyoustartawebsite/p/build_website.htm" zT='18/1fG/5'>How to Build a Website</a></li> </ul><div class="h4">Most Popular</div><ul><li><a href="http://webdesign.about.com/library/bl_htmlcodes.htm" zT="18/yV/O3">HTML Codes - Special Characters - ASCII Table</a></li><li><a href="http://webdesign.about.com/od/windowshtmleditors/tp/free-windows-editors.htm" zT="18/yV/O3">Free HTML Editors for Windows</a></li><li><a href="http://webdesign.about.com/od/javascriptandcgi/a/aa092200a.htm" zT="18/yV/O3">Installing a Guestbook</a></li><li><a href="http://webdesign.about.com/od/beforeyoustartawebsite/p/build_website.htm" zT="18/yV/O3">How to Build a Website</a></li><li><a href="http://webdesign.about.com/od/css3/f/blfaqbgsize.htm" zT="18/yV/O3">Stretch a Background Image</a></li> </ul></div><div id="bc2"><form class="nl" name="subscription" action="http://clk.about.com/" method="get" alert="Please enter a valid email address."><label for="nTxt">Free Web Design / HTML Newsletter!</label><input type="hidden" name="zi" value="18/1a9"><input type="hidden" name="surl" value="http://webdesign.about.com/gi/pages/mmail.htm"><input type="hidden" name="eurl" value="http://webdesign.about.com/gi/pages/mmail.htm"><input type="hidden" name="cmd_webdesign" value="+:gs::webdesign"><input type="hidden" name="gs" value="1"><input type="hidden" name="sdn" value="webdesign"><input type="hidden" name="tt" value="7"><input type="hidden" name="bts" value="0"><span><input id="nTxt" type="email" name="email" placeholder="Enter email address" validate="email"></span><button type="submit" name="newsub">Sign Up</button></form><div class="h4">By Category</div><ul id="bcl"><li><a href="/od/beforeyoustartawebsite/Before_You_Start_a_Website.htm" zT='18/1hZ/1'>Before You Start a Website</a></li><li><a href="/od/webdesign/Web_Design.htm" zT='18/1hZ/2'>Web Design</a></li><li><a href="/od/editors/HTML_Editors_and_Software_for_Web_Development.htm" zT='18/1hZ/3'>HTML Editors and Software</a></li><li><a href="/od/htmlxhtmltutorials/HTML_Tutorials_XHTML_Tutorials.htm" zT='18/1hZ/4'>HTML and XHTML</a></li><li><a href="/od/css/Cascading_Style_Sheets.htm" zT='18/1hZ/5'>CSS</a></li><li><a href="/od/javascript/JavaScript_and_Ajax.htm" zT='18/1hZ/6'>Javascript and Ajax</a></li><li><a href="/od/xml/XML.htm" zT='18/1hZ/7'>XML</a></li><li><a href="/od/testing/Testing_Your_Web_Pages.htm" zT='18/1hZ/8'>Testing Your Web Pages</a></li><li><a href="/od/servers/Web_Server_Management_.htm" zT='18/1hZ/9'>Web Server Management</a></li><li><a href="/od/webprogramming/Web_Programming_PHP_ASP_CGI_Databases.htm" zT='18/1hZ/10'>Web Programming</a></li><li><a href="/od/strategy/Web_Strategy.htm" zT='18/1hZ/11'>Web Strategy</a></li><li><a href="/od/webmarketing/Web_Marketing_Marketing_and_Promoting_Web_Pages.htm" zT='18/1hZ/12'>Web Marketing</a></li><li><a href="/od/jobs/Jobs_in_Web_Design_HTML_Web_Development_Professional_Web_Careers.htm" zT='18/1hZ/13'>Working in Web Design</a></li><li><a href="/od/webdesignhtmlatoz/About_com_Web_Design_HTML_A_to_Z.htm" zT='18/1hZ/14'>About.com Web Design A to Z</a></li> </ul></div></div><script>splitList(gEI('bcl'));</script><script>zau(256,'341px','230px','fp','http://z.about.com/6/ip/284/29.htm?s=webdesign','','');</script><div class="ma"><div class="lg"><a href="http://www.about.com/" zT="18/1Yb/Zv"><img src="http://0.tqn.com/f/lg/a148.png" alt="About.com"></a></div><div class="h2"><a href="/" zT="18/1Yc/Zx" title="Web Design / HTML">Web Design / HTML</a></div></div><ol class="ct"><li class="h"><a href="http://www.about.com/" zT="18/1Yd/Zz">About.com</a></li><li><a href="http://www.about.com/compute/" zT="18/1Yd/Zz">Computing & Technology</a></li><li><a href="/" zT="18/1Yd/Zz">Web Design / HTML</a></li><li><a href="http://webdesign.about.com/od/editors" zT="18/1Yd/Zz">HTML Editors and Software</a></li><li><a href="http://webdesign.about.com/od/htmleditors" zT="18/1Yd/Zz">HTML Editors</a></li><li><a href="http://webdesign.about.com/od/windowshtmleditors" zT="18/1Yd/Zz">Windows HTML Editors</a></li><li><a href="http://webdesign.about.com/od/homesite" zT="18/1Yd/Zz">Homesite</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos" zT="18/1Yd/Zz">Homesite How Tos</a></li><li>Create a Frames Page in Homesite</li></ol><div id="lks" class="hl"><ul><li class="f"><a href="/popular.htm" zT="18/1YY">Most Popular</a></li><li><a href="/updated.htm" zT="18/1]c">Latest Articles</a></li><li class="rss"><a href="/gi/pages/stay.htm#rs" zT="18/1YZ/Zt">RSS</a></li></ul></div></div></div><div id="abi" class="hl"><div id="lftr"><ul id="si"><li class="f"><a href="http://www.advertiseonabout.com/" zT="18/1YX/Zr" rel="nofollow">Advertise on About.com</a></li><li><a href="http://www.advertiseonabout.com/about-us/" zT="18/1YX/Zr" rel="nofollow">Our Story</a></li><li><a href="http://www.advertiseonabout.com/category/press-releases/" zT="18/1YX/Zr" rel="nofollow">News &amp; Events</a></li><li><a href="http://jobs.about.com/" zT="18/1YX/Zr" rel="nofollow">Work at About</a></li><li><a href="http://spiderbites.about.com/sitemap.htm" zT="18/1YX/Zr">SiteMap</a></li><li><a href="http://azlist.about.com/a.htm" zT="18/1]]">All Topics</a></li><li><a href="http://www.about.com/gi/pages/printrequests.html" zT="18/1YX/Zr" rel="nofollow">Reprints</a></li><li><a href="http://www.about.com/gi/pages/hc.htm" zT="18/1YX/Zr" rel="nofollow">Help</a></li></ul><ul id="li"><li class="f"><a href="http://beaguide.about.com/" zT="18/1YX/Zr" rel="nofollow">Write for About</a></li><li><a href="http://www.about.com/gi/pages/uagree.htm" zT="18/1YX/Zr" rel="nofollow">User Agreement</a></li><li><a href="http://www.about.com/gi/pages/ethics.htm" zT="18/1YX/Zr" rel="nofollow">Ethics Policy</a></li><li><a href="http://www.about.com/gi/pages/patent.htm" zT="18/1YX/Zr" rel="nofollow">Patent Info.</a></li><li><a href="http://www.about.com/gi/pages/mprivacy.htm" zT="18/1YX/Zr" rel="nofollow">Privacy Policy</a></li><li><a href="http://www.about.com/gi/pages/mprivacy.htm#adchoices" zT="18/1YX/Zr" rel="nofollow">Your Ad Choices</a></li></ul></div><div id="di"><p>&copy;2012 About.com. All rights reserved. </p><p>A part of <a href="http://www.nytco.com/" zT="1/1JK">The New York Times Company</a>.</p></div></div><script>check_modal();zCi();validateForms();splitLists();</script> </div> <script>if(this.zKW&&gEI('sv'))gEI('sv').value=zE(zE(zKW,1),1).replace(new RegExp('\\+','g'),' '); zPxA[zPxC]=new Image();zPxA[zPxC++].src="http://b.scorecardresearch.com/p?c1=2&c2=6036459&c7=http%3a%2f%2fwebdesign%2eabout%2ecom%2fod%2fhomesitehowtos%2fht%2fhthsframes%2ehtm&c8=How%20To%20Create%20a%20Frames%20Page%20in%20Homesite&c9=&cv=2.0&cj=1";adclose() </script> <noscript><img src="http://b.scorecardresearch.com/p?c1=2&c2=6036459&c7=http%3a%2f%2fwebdesign%2eabout%2ecom%2fod%2fhomesitehowtos%2fht%2fhthsframes%2ehtm&c8=How%20To%20Create%20a%20Frames%20Page%20in%20Homesite&c9=&cv=2.0&cj=1" class="hide"/></noscript> </body></html>