Web Design / HTML
  1. Home
  2. Computing & Technology
  3. Web Design / HTML

Create a Frames Page in Homesite

By Jennifer Kyrnin, About.com

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><div class="n3">Tips:</div><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><div class="n3">What You Need:</div><ul><li>Homesite</li></ul><!--/gc--> </div> <div id="coda"><div id="resources"> <div class="lkbx"><div class="n5">Suggested Reading</div><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><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="related"><div class="n5">Related Articles</div><ul><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://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/frames/ht/htfrmincludehtm.htm" zT="18/1YL/Zn">How to Include HTML in Many Documents Using Frames</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></ul></div> </div><div id="guideinfo"><div class="cntnr"><div id="thumb"><a href="/bio/Jennifer-Kyrnin-5105.htm" zT="18/1YK"><img src="http://z.about.com/d/g/5105.jpg" alt="Jennifer Kyrnin"></a></div><div class="est">Guide since 1997</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"><strong>Sign up</strong> for my Newsletter</a></li></ul><ul class="social"><li><a href="/b/" zT="18/1YM">My Blog</a></li><li><a href="http://forums.about.com/n/pfx/forum.aspx?nav=messages&webtag=ab-webdesign" zT="18/1YN">My Forum</a></li></ul></div></div></div><script type="text/javascript">zSbL=3;zSB(2);zSbL=0</script></div> <div id="widgets"><script type="text/javascript">if(z336>0){w('<div id="adB">'+ap[0]+at[4]+as[0]);adunit('','','about.com',ch,gs,336,280,'1','bb',3);w('</div>')}if(z155>0){w('<div id="adP">'+ap[0]+at[4]+as[0]);adunit('','','about.com',ch,gs,336,155,'1','ps',4);w('</div>')}</script><script type="text/javascript">if(zp[7].d){Dsp(zp[7],'ip')}</script><script type="text/javascript">if(zp[11].d){Dsp(zp[11],'ip')}</script></div> </div> <div id="browse" class="pane clear"><div class="n3">Explore Web Design / HTML</div><div id="bc1"><div class="n5">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 4.01 Tags / XHTML 1.0 Elements</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="lkbx"><div class="obM" id="ob/O3"><div class="n5">Most Popular</div><p><a href="http://webdesign.about.com/library/bl_htmlcodes.htm" onClick="zT(this,'18/yV/O3')">HTML Codes - Special Characters - ASCII Table</a><a href="http://webdesign.about.com/od/metataglibraries/a/aa080300a.htm" onClick="zT(this,'18/yV/O3')">Meta Refresh Tag</a><a href="http://webdesign.about.com/od/htmleditors/a/aa121304.htm" onClick="zT(this,'18/yV/O3')">Web Design Software Quiz</a><a href="http://webdesign.about.com/od/css3/f/blfaqbgsize.htm" onClick="zT(this,'18/yV/O3')">Stretch a Background Image</a><a href="http://webdesign.about.com/od/intermediatetutorials/qt/tiphtmltab.htm" onClick="zT(this,'18/yV/O3')">Tabs in HTML</a></p></div></div> </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/1gG"><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 class="cntnr"><input id="nTxt" type="text" name="email" validate="email" value="Enter email address" validate="email" autoclear="1"></span><button type="submit" name="newsub" class="signup">Sign Up</button></form><div class="n5">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/Web_Languages_HTML_XHTML_CSS_JavaScript_and_XML.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/A">Web Programming</a></li><li><a href="/od/strategy/Strategy_for_Business_Web_Sites.htm" zT="18/1hZ/B">Web Strategy</a></li><li><a href="/od/webmarketing/Web_Marketing_Marketing_and_Promoting_Web_Pages.htm" zT="18/1hZ/C">Web Marketing</a></li><li><a href="/od/jobs/Jobs_in_Web_Design_HTML_Web_Development_Professional_Web_Careers.htm" zT="18/1hZ/D">Working in Web Design</a></li><li><a href="/od/webdesignhtmlatoz/Aboutcom_Web_Design_HTML_A_to_Z.htm" zT="18/1hZ/E">About.com Web Design A to Z</a></li></ul></div></div><script type="text/javascript">splitList(gEI('bcl'));</script><div id="fpromo" class="pane"><div class="n3">About.com Special Features</div><div><div class="fpni"><div class="n4"><a href="http://familytechcenter.specials.about.com/" zT="1/1gS/os">Family Tech Center</a></div><p>Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. <a href="http://familytechcenter.specials.about.com/" zT="1/1gS/os">More ></a></p></div></div><div><div class="fpni"><div class="n4"><a href="http://compnetworking.about.com/od/homenetworking/a/connecttwocomp.htm" zT="1/1gS/ot">Connect Your Home Computers</a></div><p>Easy ways to connect two computers for networking purposes. <a href="http://compnetworking.about.com/od/homenetworking/a/connecttwocomp.htm" zT="1/1gS/ot">More ></a></p></div></div> </div><script type="text/javascript">if (typeof document.domain != "undefined") document.domain = "about.com";prepareTools();zCi();validateForms();check_modal();</script><div id="abf"><div class="mast"><div class="logo"><a href="http://www.about.com/" zT="18/1Yb/Zv"><img src="http://z.about.com/d/lg/a1.gif" alt="About.com"></a></div> <a class="n2" href="/" zT="18/1Yc/Zx" title="Web Design / HTML">Web Design / HTML</a></div><ol class="crumbtrail"><li class="home"><a href="http://www.about.com/" zT="18/1Yd/Zz">Home</a></li><li><a href="http://www.about.com/compute/" zT="18/1Yd/Zz">Computing &amp; 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/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><a>Create a Frames Page in Homesite&gt;</a></li></ol><div id="lists" class="hlist"><ul><li class="pop"><a href="/popular.htm" zT="18/1YY">Most Popular</a></li><li class="last"><a href="/updated.htm" zT="18/1]c">Latest Articles</a></li></ul></div><div class="subscribe hlist"><div class="n6">Add to: </div><ul><li><a href="http://fusion.google.com/add?feedurl=http://z.about.com/5/g/webdesign/b/index.xml?r=9F" title="Add the Web Design / HTML Blog to Google Reader" zT="18/1YZ/cz">iGoogle</a></li><li><a href="http://add.my.yahoo.com/rss?url=http://z.about.com/5/g/webdesign/b/index.xml?r=94" title="Add the Web Design / HTML Blog to My Yahoo!" zT="18/1YZ/d0">My Yahoo!</a></li><li class="rss last"><a href="/gi/pages/stay.htm#rs" zT="18/1YZ/Zt">RSS</a></li></ul></div></div><div id="aboutinfo" class="hlist"><ul id="siteinfo"><li><a href="http://advertise.about.com/" zT="18/1YX/Zr" rel="nofollow">Advertising Info</a></li><li><a href="http://advertise.about.com/newspress/index.html" 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://advertise.about.com/contact/printrequests.html" zT="18/1YX/Zr" rel="nofollow">Reprints</a></li><li class="last"><a href="http://webdesign.about.com/gi/pages/hc.htm" zT="18/1YX/Zr" rel="nofollow">Help</a></li></ul><ul id="legalinfo"><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 class="last"><a href="http://www.about.com/gi/pages/mprivacy.htm" zT="18/1YX/Zr" rel="nofollow">Privacy Policy</a></li></ul><ul id="companyinfo"><li><a href="http://ourstory.about.com/" zT="18/1YX/Zr" rel="nofollow">Our Story</a></li><li class="last"><a href="http://beaguide.about.com/" zT="18/1YX/Zr" rel="nofollow">Be a Guide</a></li></ul><div id="disclaimer"><p>&copy;2009 About.com, a part of <a href="http://www.nytco.com/" zT="1/1JK">The New York Times Company</a>.</p><p>All rights reserved.</p></div></div> </div> <img id="zIpfb" width="1" height="1" border="0" alt=""> <script type="text/javascript"><!-- adclose() //--> </script> <script type="text/javascript">var tcdacmd="dt;da";</script> <script type="text/javascript" src="http://an.tacoda.net/an/11775/slf.js"></script> <img src="http://up.nytimes.com/?d=1/&g=2&h=9BB1cS05OkWA0331&hs=9BB1cS05OkWA0331&t=7&r=&u=http%3A%2F%2Fwebdesign%2eabout%2ecom%2fod%2fhomesitehowtos%2fht%2fhthsframes%2ehtm" width="3" height="1" border="0" alt=""> </body></html>