Web Design / HTML

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

Create a Frames Page in Homesite

By Jennifer Kyrnin, About.com

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 obS"><h5>Suggested Reading</h5><ul><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthsgraphic.htm" onClick="zIlb(this,1,0)">How to Add an Image with Homesite</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthshyperlink.htm" onClick="zIlb(this,1,0)">How to Add a Link in Homesite</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthssnippet.htm" onClick="zIlb(this,1,0)">How to Create a Homesite Code Snippet</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/ht/hthscodesweeper.htm" onClick="zIlb(this,1,0)">How to Use the Homesite CodeSweeper</a></li><li><a href="http://webdesign.about.com/od/homesitehowtos/" onClick="zIlb(this,1,0)">Homesite How Tos</a></li></ul></div> <div id="related"><h5> Related Articles</h5><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="/mbiopage.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="/mbiopage.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"><h3>Explore Web Design / HTML</h3><div id="bc1"><h5>Must Reads</h5><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"><h5>Most Popular</h5><p><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/library/bl_htmlcodes.htm" onClick="zT(this,'18/yV/O3')">HTML Codes - Special Characters - ASCII Table</a><a href="http://webdesign.about.com/od/intermediatetutorials/qt/tiphtmltab.htm" onClick="zT(this,'18/yV/O3')">Tabs in HTML</a><a href="http://webdesign.about.com/od/beforeyoustartawebsite/p/build_website.htm" onClick="zT(this,'18/yV/O3')">How to Build a Website</a><a href="http://webdesign.about.com/od/htmltags/a/aa011000a.htm" onClick="zT(this,'18/yV/O3')">span and div</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><h5>By Category</h5><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><style type="text/css">#fpromo .moref a{float:right;margin-top:1em;padding-left:11px;}#fpromo .fpni{float:left;height:auto;margin:0 0 1em 10px;width:300px;}#fpromo .fpni h4{font:14px Georgia;font-weight:bold;margin-bottom:0;}</style><div id="fpromo" class="pane"><h3>About.com Special Features</h3><ul><li><h4><a href="http://my.about.com/mealplanner" zT="18/1][">Make Meals Easy</a></h4>An easy way to put delicious meals together.</li><li><h4><a href="http://smallbusiness.specials.about.com/" zT="18/1][">Build Your Business</a></h4>Get tips on starting up and staying competitive.</li><li><h4><a href="http://inspiredhome.specials.about.com/" zT="18/1][">Love Your Living Space</a></h4>Achieve your dream home with advice from the pros.</li><li><h4><a href="http://finances.about.com/" zT="18/1][">Financial Planning</a></h4>Stay on top with our smart financial tips.</li></ul><div class="more"><a href="http://azlist.about.com/a.htm" zT="18/1]]"><Strong>Browse All</strong> About.com</a></div></div><script type="text/javascript">prepareTools();zCi();validateForms();</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><h2><a href="/" zT="18/1Yc/Zx" title="Web Design / HTML">Web Design / HTML</a></h2><script type="text/javascript">var h2=document.getElementsByTagName("h2")[0];if(h2.getElementsByTagName("a")[0].firstChild.nodeValue.length>28)h2.className="long";</script></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</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"><h6>Add to: </h6><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=97BCF40AOkWA0634&hs=97BCF40AOkWA0634&t=7&r=&u=http%3A%2F%2Fwebdesign%2eabout%2ecom%2fod%2fhomesitehowtos%2fht%2fhthsframes%2ehtm" width="3" height="1" border="0" alt=""> </body></html>