eHow launches Android app: Get the best of eHow on the go.

How To

How to Create a Web Site That Uses Frames

Contributor
By eHow Contributing Writer
(10 Ratings)

Frames are an easy way to display data on a page without using cumbersome tables. They also allow you to keep certain parts of a page, such as the menu or logo, in view at all times.

From Quick Guide: Start a Website
Difficulty: Easy
Instructions
  1. Step 1

    Make sure your web page host allows you to use frames. Determine how you want the frames to look (vertical or horizontal, how many and what will go into each frame).

  2. Step 2

    Open a web editing program, such as Notepad or EditPad. Create a new webpage with the opening tags.

  3. Step 3

    After the tag, type the following:

  4. Step 4

    Enter the type of frames for your site. For horizontal frames (frames that go left to right), type the following after frameset: rows="25%,75%">. This tag, which also closes the beginning frameset tag, indicates two rows which take up 25% and 75% of the page, respectively.

  5. Step 5

    Enter the following for vertical frames (frames that go up and down): col="25%,75%">. This tag indicates two columns, the first of which takes up 25% of the page and the second 75%.

  6. Step 6

    Insert the page that will be in the first frame by typing the following: . Change the page name as needed.

  7. Step 7

    Add the second page: .

  8. Step 8

    Close the frameset tag by typing: . Insert the closing tags in the page and save it.

  9. Step 9

    Open your browser and view the new page.

Tips & Warnings
  • You can add as many columns or rows as you like, as long as the percentage sizes add up to 99% (3 columns or rows, each 33%) or 100%.
  • You can also use pixel size to determine the width or length of the frame.
  • Scroll bars will appear automatically, unless you use the scrolling="yes" or scrolling="no" tags.
  • Make your page accessible for all users by using the tag to direct them to a page that doesn't have frames.</div></li> <li class="FLC"><div class="IconFlag1"></div><div class="text">This tutorial requires Netscape 2.0 or Internet Explorer 3.0 or above.</div></li> </ul> </div> <div class="resources"> <div class="sectionTitle Heading3a">Who Can Help <span class="sponsored Title5a">Sponsored</span></div> <ul class="BulletList"> <li><a href="http://secure1.m57media.com/clients/p2c/u/?caid=17555&misc3=9" target="_blank" rel="nofollow">How To Make Big Money With Low-Budget Postcard Projects. PostcardProfits.com</a></li> </ul> </div> <div id="OldComments"> <form name="aspnetForm" method="post" action="/articles/steps.aspx?id=8186&amp;OriginalURL=%2fhow_8186_create-web-site.html" id="aspnetForm"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3MzUzNzI5NzVkZA==" /> </div> <div class="Main PostComment Section"> <h2 class="SubHeader">Post a Comment</h2> <!-- Submit Comment Form - Input Box --> <textarea id="MemberComment" name="MemberComment" rows="5" cols="80"></textarea> <!-- Submit Comment Form - Submit Buttom --> <div class="FacebookLink"> <input type="checkbox" id="postToFacebook" name="postToFacebook"/> <p>Post this comment to my Facebook Profile</p> </div> <div id="WordVerification" class="Captcha InputBox FLC" style="display:none"> <div id="Captcha" class="captchaImage"> <img id="captchaImage" src="http://i.ehow.com/ui/images/misc/pixel.gif" alt="" /> <input type="hidden" name="captchaText" id="captchaText" value="" /> </div> <label>Word Verification*</label><br/> <input type="text" name="captchaInput" id="captchaInput" value="" class="txtbox" /> </div> <a href="/account/simple_login.aspx" class="SubmitButton Button2a" rel="thinbox" style="width: 150px"><span class="text">Post a Comment</span></a> </div> <script type="text/javascript">jToggleBgColor("#MemberComment","#DDE2E6")</script> <script type="text/javascript">jToggleBgColor("#MemberComment","#DDE2E6");</script> <!-- clear floats --> <div class="clr"></div> </form> </div> <div class="request"> <p>eHow Article: <a href="http://www.ehow.com/how_8186_create-web-site.html">How to Create a Web Site That Uses Frames</a></p> </div> </div> <!-- Column2 : end --> <!-- Column3 : start --> <div class="Column3"> <div class="Box3 iDidThis"> <div class="DidThis" id="iDidThis"> <ul class="Nav3 FLC"> <li class="selected"><span class="text">See How Others Did It</span></li> </ul> <ul class="Faceroll" id="didThisFaceroll"> <li class="default"> Have you done this? Click <a href="http://www.ehow.com/IDidThisSolutionEdit.aspx?article_id=8186">here</a> to let us know. </li> </ul> </div> <script type="text/javascript"> function buildDidThisMembersFaceroll($){ dlabs.objects.didThisMembersFaceroll = new Faceroll('#iDidThis #didThisFaceroll', dlabs.settings.urls.webServices + 'ididthis.aspx?list=solutions&page=0&article_id=8186').start(); return; var currentPage = 1; var lastPage = Math.ceil(0); if(lastPage <= 1) return; var $container = $('#iDidThis #didThisFaceroll'); var $pager = $('<div class="Paging"><a class="PreviousButton">Previous</a><a class="NextButton">Next</a></div><div class="clr"></div>'); var $pagePrevious = $pager.find('.PreviousButton').disableTextSelect(); var $pageNext = $pager.find('.NextButton').disableTextSelect(); function updatePageCounts(e, response){ currentPage = parseInt(response.pager.currentPage, Limit); lastPage = parseInt(response.pager.pageCount, Limit); } $pageNext.bind('click', function(){ return currentPage == lastPage ? false : dlabs.objects.didThisMembersFaceroll.getPage(currentPage+1, updatePageCounts); }); $pagePrevious.bind('click', function(){ return currentPage == 1 ? false : dlabs.objects.didThisMembersFaceroll.getPage(currentPage-1, updatePageCounts); }); $pager.insertAfter($container); } if(jQuery.browser.msie) jQuery(buildDidThisMembersFaceroll); else buildDidThisMembersFaceroll(jQuery); </script> <div class="FLC"> <a class="Button3a DidThisButton" href="/account/simple_login.aspx" rel="thinbox"><span class="text">I Did This</span></a> <script type="text/javascript"> (function($){ dlabs.objects.didThisToolTip = $('<a class="toolTip">What&rsquo;s&nbsp;this?</a>') .insertAfter('.DidThisButton') .tooltip('Share your experiences and connect with others who&rsquo;ve actually done what&rsquo;s described in this article. If that&rsquo;s YOU, click the &ldquo;I Did This&rdquo; button.'); })(jQuery); </script> </div> </div> <div id="ctl00_cphContent_RelatedAdsPanel"> <div id="DMINSTR" type="rlimpression" onclick="_JT.DM_Click(this)" name="&amp;adunit_id=ca-ehow-radlinks_js&amp;ad_unit_type=LNK&amp;ad_unit_network=GAP&amp;revenue_basis=CPC&amp;ad_position=R1&amp;revenue_tag=int_running_a_website,fuel"> <div class="RelatedAds"> <h3 class="Heading5b">Related Ads</h3> <script type="text/javascript"> <!-- if (typeof(google_page_channel) == 'undefined') { var google_page_channel = Math.random(); google_page_channel = ''; } //function google_ad_request_done(ads) { // // This function may be left blank if no ads are required. //} function google_radlink_request_done(radlinks) { var apostrophe1 = /'/ig; var apostrophe2 = /&#39;/ig; var s = ''; var rad_keywords = ''; if (radlinks.length == 0) { return; } try { if (typeof(google_page_url) == 'undefined') { var google_page_url = window.location.toString(); } else { google_page_url = window.location.toString(); } google_page_url = window.location.protocol + "//www." + google_page_url.substring(google_page_url.indexOf('.')+1); } catch (e) {} for(i = 0; i < radlinks.length; i++) { try { rad_keywords = rad_keywords + radlinks[i].term; if (i < (radlinks.length - 1)) { rad_keywords = rad_keywords + "|"; } } catch (e) {continue;} } var rad_rts = ""; for(i = 0; i < radlinks.length; i++) { try { rad_rts = rad_rts + radlinks[i].radlink_token.replace(apostrophe2,""); if (i < (radlinks.length - 1)) { rad_rts = rad_rts + "|"; } } catch (e) {continue;} } for (i = 0; i < radlinks.length; i++) { try { s += '<li>'; s += '<a rel="nofollow" href=\"/ehow_radlinks_ads.html?term='; s += encodeURIComponent(radlinks[i].term.replace(apostrophe2,"")); s += '&channel=int_running_a_website,fuel,Channel_A,text'; s += '&amp;google_kw_type=radlinks'; s += '&amp;google_rt='; s += encodeURIComponent(radlinks[i].radlink_token.replace(apostrophe2,"")); s += '&amp;google_rts=' + rad_rts; s += '&amp;google_page_url=' + encodeURIComponent(google_page_url); s += '&amp;radkws=' + encodeURIComponent(rad_keywords.replace(apostrophe2,"")); s += '&amp;contentid=8186'; s += '&amp;studioid=1d8ce62b-f21e-48d8-b747-edbe5628781e'; s += '&amp;category=Internet'; s += '&amp;subcategory=Running+a+Website'; s += '\">\n\n'; s += radlinks[i].term.replace(apostrophe2,""); s += '\n\n\n'; s += '</a>'; s += '</li>'; } catch (e) {continue;} } document.write('<ul>\n' + s + '</ul>\n'); } google_page_url = 'http://www.ehow.com/how_8186_create-web-site.html'; google_max_num_ads = '0'; google_num_radlinks = '6'; google_max_radlink_len = '27'; google_ad_client = 'ca-ehow-radlinks_js'; google_ad_channel = 'int_running_a_website,fuel,Channel_A,text'; google_ad_output = 'js'; google_safe = 'high'; google_adtest = 'off'; google_language = 'en'; try { if (google_page_url == null || google_page_url == '') { google_page_url = window.location.toString(); } } catch (e) {} try { window.google_page_channel = google_ad_channel; } catch (e) {} // --> </script> <script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> </div> </div> <div class="AdUnit300"> <div id="promobox300x250"> <script type="text/javascript"> /*\<![CDATA[\*/ if(typeof dlabs.objects.adUnits !== Array.type) dlabs.objects.adUnits = new Array(); dlabs.objects.adUnits.push({ outputAsJavascriptVariable: Boolean.parse('False'), width: 300, height: 250, section: '444216', vecookie: { age: '', gender: ('').toUpperCase() }, url: 'http://ad.yieldmanager.com/st?ad_type=iframe&amp;ad_size=300x250&amp;section=444216&amp;age=&amp;gender=&amp;registered=N', element: '<iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="300" height="250" src="http://ad.yieldmanager.com/st?ad_type=iframe&amp;ad_size=300x250&amp;section=444216&amp;age=&amp;gender=&amp;registered=N"><\/iframe>', type: 'iframe' }); if (dlabs.objects.adUnits[dlabs.objects.adUnits.length - 1].outputAsJavascriptVariable) var adaptvCompanionAdTag = dlabs.objects.adUnits[dlabs.objects.adUnits.length - 1].element; else if(dlabs.objects.adUnits[dlabs.objects.adUnits.length - 1].type == 'iframe') jQuery(window).ready(function($){ var adUnit = dlabs.objects.adUnits[dlabs.objects.adUnits.length - 1]; setTimeout(function(){ adUnit.element = jQuery('#promobox300x250').eq(dlabs.objects.adUnits.length - 1).html(adUnit.element); }, 100); }); else document.write(dlabs.objects.adUnits[dlabs.objects.adUnits.length - 1].element); /*\]]>/*\<[[\*/ </script> </div> </div> <div class="Box3 RelatedContent" id="relatedContent"> <div class="box3Header"> <ul class="Nav3 TabNavigation FLC"> <li><a class="text">Related Videos</a></li> <li class="selected"><a class="text">Related Articles</a></li> </ul> </div> <div class="box3Content"> <ul class="ThumbList Text TabContent"> <li > <a href="http://www.ehow.com/video_4983959_create-framebased-web-page-frontpage.html" class="itemAvatar"><img alt="How to Create a Frame-Based Web Page With FrontPage" src="http://cdn-viper.demandvideo.com/media/f9b83e6d-9490-426f-bc49-081918e27488/jpeg/0184fb2f-5b55-4bd7-bb4f-e6ccadcfb0b2_6.jpg?width=274&height=205" /></a> <a href="http://www.ehow.com/video_4983959_create-framebased-web-page-frontpage.html" class="itemContent">How to Create a Frame-Based Web Page With FrontPage</a> </li> <li > <a href="http://www.ehow.com/video_4751880_create-framesbased-web-page-dreamweaver.html" class="itemAvatar"><img alt="How to Create a Frames-Based Web Page With Dreamweaver" src="http://cdn-viper.demandvideo.com/media/e78aa59a-9ee5-4915-abeb-639623570867/jpeg/7be471dd-b9d3-4399-8a2a-b6273a9afa86_2.jpg?width=274&height=205" /></a> <a href="http://www.ehow.com/video_4751880_create-framesbased-web-page-dreamweaver.html" class="itemContent">How to Create a Frames-Based Web Page With Dreamweaver</a> </li> <li > <a href="http://www.ehow.com/video_4871697_put-flash-web-site.html" class="itemAvatar"><img alt="How to Put Flash in a Web Site" src="http://cdn-viper.demandvideo.com/media/c0056c11-8fc8-4eef-98f2-cc46dd02f539/jpeg/bf18d350-d8c4-4fae-b0ec-2c9dd3c8e036_8.jpg?width=274&height=205" /></a> <a href="http://www.ehow.com/video_4871697_put-flash-web-site.html" class="itemContent">How to Put Flash in a Web Site</a> </li> <li > <a href="http://www.ehow.com/video_4767621_create-password-web-site.html" class="itemAvatar"><img alt="How to Create a Password on a Web Site" src="http://cdn-viper.demandvideo.com/media/29452fb9-301d-467c-aceb-fc32045615c6/jpeg/b22b3622-c29d-4fee-a29d-8a7e899475cc_3.jpg?width=274&height=205" /></a> <a href="http://www.ehow.com/video_4767621_create-password-web-site.html" class="itemContent">How to Create a Password on a Web Site</a> </li> <li class='last'> <a href="http://www.ehow.com/video_4774583_create-web-site-software.html" class="itemAvatar"><img alt="How to Create a Web Site With Software" src="http://cdn-viper.demandvideo.com/media/fcdf4c34-a8fe-4c66-913e-19d66c1b73d8/jpeg/87f16929-3994-42a0-9365-9c0e06841c8a_2.jpg?width=274&height=205" /></a> <a href="http://www.ehow.com/video_4774583_create-web-site-software.html" class="itemContent">How to Create a Web Site With Software</a> </li> </ul> <ul class="ThumbList Video TabContent Selected"> <li > <a href="http://www.ehow.com/how_5370_learn-html.html" class="itemAvatar"><img alt="How to Learn HTML" src="http://i.ehow.com/images/GlobalPhoto/Articles/5370/laptopcouplegirlsmilingautumn800x500-main_Full.jpg" /></a> <a href="http://www.ehow.com/how_5370_learn-html.html" class="itemContent">How to Learn HTML</a> </li> <li > <a href="http://www.ehow.com/how_6224_optimize-web-page.html" class="itemAvatar"><img alt="How to Optimize a Web Page for Different Browsers" src="http://i.ehow.com/images/ehow/cat/internet/internet.jpg" /></a> <a href="http://www.ehow.com/how_6224_optimize-web-page.html" class="itemContent">How to Optimize a Web Page for Different Browsers</a> </li> <li > <a href="http://www.ehow.com/how_9038_create-simple-form.html" class="itemAvatar"><img alt="How to Create a Simple Form for a Web Page" src="http://i.ehow.com/images/ehow/cat/internet/internet.jpg" /></a> <a href="http://www.ehow.com/how_9038_create-simple-form.html" class="itemContent">How to Create a Simple Form for a Web Page</a> </li> <li > <a href="http://www.ehow.com/how_9201_create-simple-table.html" class="itemAvatar"><img alt="How to Create a Simple Table in Microsoft Word" src="http://i.ehow.com/images/ehow/cat/computers/computers.jpg" /></a> <a href="http://www.ehow.com/how_9201_create-simple-table.html" class="itemContent">How to Create a Simple Table in Microsoft Word</a> </li> <li class='last'> <a href="http://www.ehow.com/how_4488744_create-frames-html.html" class="itemAvatar"><img alt="How to Create Frames in HTML" src="http://i.ehow.com/images/ehow/cat/computers/computers.jpg" /></a> <a href="http://www.ehow.com/how_4488744_create-frames-html.html" class="itemContent">How to Create Frames in HTML</a> </li> </ul> </div> </div> <script type="text/javascript">switchTab("#relatedContent");</script> <script type="text/javascript"> jQuery('#relatedContent .Video li .itemAvatar img').one('error',function(){ this.src = 'http://i.ehow.com/images/thumbnail_unavail_video.gif'; }); jQuery('#relatedContent .Text li .itemAvatar img').one('error',function(){ this.src = 'http://i.ehow.com/images/thumbnail_unavailable_article.gif'; }); </script> <div class="tags"> </div> <div class="ExpertModule FLC"> <a class="title Title4c" href="http://www.ehow.com/internet">Internet</a> <a class="userAvatar avatarSmall" title="Veesites" href="http://www.ehow.com/members/veesites.html" rel="nofollow"></a> <div class="itemContent"> <a href="http://www.ehow.com/members/veesites.html">Virginia DeBolt,</a> <p>Meet Virginia DeBolt eHow's <a href="http://www.ehow.com/internet">Internet</a> Expert.</p> </div> </div> <a href="http://www.ehow.com/MailingList.html?category=Internet" class="NewsletterSignup" rel="nofollow"><span class="inner Heading5a"><span class="IconNewsletter">Get Free Internet Newsletters</span> </span></a> </div> <!-- Column3 : end --> <script type="text/javascript" id="GoogleAd_336x280" src="http://i.ehow.com/adsense/google_ad_request_callback.js"></script> <script type="text/javascript"> <!-- var adunit_id = 'ctl00_cphContent_Ad336x280'; var google_ad_channel = 'int_running_a_website,fuel,Channel_A,text'; var google_ad_client = 'ca-ehow_336x280'; var google_ad_output = 'js'; var google_ad_section = 'default'; var google_ad_type = 'text_image_flash'; var google_adtest = 'off'; var google_abtest = 'false'; var google_image_size = '336x280'; var google_encoding = 'utf8'; var google_language = 'en'; var google_max_num_ads = '4'; var google_page_url = 'http://www.ehow.com/how_8186_create-web-site.html'; var google_safe = 'high'; var google_ad_div = '336x280'; try { if (window.google_ad_skip > 0 ) { var google_skip = window.google_ad_skip; } } catch (e) {} try { if (typeof(google_page_url) == 'undefined') { var google_page_url = window.location.toString(); window.google_page_url = window.location.toString(); } } catch (e) {window.google_page_url = window.location.toString();} try { if ((google_page_url.toLowerCase().indexOf('how__') != -1) || (google_page_url.toLowerCase().indexOf('buy__') != -1)) { google_page_url = window.location.toString(); } } catch (e) {} try { if (google_page_url.toLowerCase().indexOf('local3.') != -1) { google_page_url = google_page_url.replace(/local3./i, "www."); } } catch (e) {} try { if (google_page_url.toLowerCase().indexOf('staging.') != -1) { google_page_url = google_page_url.replace(/staging./i, "www."); } } catch (e) {} try { if (google_page_url.toLowerCase().indexOf('beta.') != -1) { google_page_url = google_page_url.replace(/beta./i, "www."); } } catch (e) {} try { window.google_page_location = google_page_url; } catch (e) {} try { window.google_page_channel = google_ad_channel; } catch (e) {} try { if (typeof(adsense_GoogleAd_336x280) == 'undefined') { var adsense_GoogleAd_336x280 = new Object(); } } catch (e) {} try { adsense_GoogleAd_336x280.adunit_id = 'ctl00_cphContent_Ad336x280'; adsense_GoogleAd_336x280.google_ad_channel = 'int_running_a_website,fuel,Channel_A,text'; adsense_GoogleAd_336x280.google_ad_client = 'ca-ehow_336x280'; adsense_GoogleAd_336x280.google_ad_output = 'js'; adsense_GoogleAd_336x280.google_ad_section = 'default'; adsense_GoogleAd_336x280.google_ad_type = 'text_image_flash'; adsense_GoogleAd_336x280.google_adtest = 'off'; adsense_GoogleAd_336x280.google_abtest = 'false'; adsense_GoogleAd_336x280.google_abtest_channel = ''; adsense_GoogleAd_336x280.google_contents = ''; adsense_GoogleAd_336x280.google_hints = ''; adsense_GoogleAd_336x280.google_image_size = '336x280'; adsense_GoogleAd_336x280.google_encoding = 'utf8'; adsense_GoogleAd_336x280.google_kw = ''; adsense_GoogleAd_336x280.google_kw_type = ''; adsense_GoogleAd_336x280.google_language = 'en'; adsense_GoogleAd_336x280.google_max_num_ads = '4'; adsense_GoogleAd_336x280.google_page_url = 'http://www.ehow.com/how_8186_create-web-site.html'; adsense_GoogleAd_336x280.google_safe = 'high'; adsense_GoogleAd_336x280.google_ad_div = '336x280'; adsense_GoogleAd_336x280.articleid = '8186'; } catch (e) {} try { AdInput.push(adsense_GoogleAd_336x280); } catch (e) {} // --> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <script type="text/javascript" src="http://i.ehow.com/adsense/google_ad_request_callback.js"></script> <script type="text/javascript"> <!-- var adunit_id = 'ctl00_cphContent_Ad160x600'; var google_ad_channel = 'int_running_a_website,fuel,Channel_A,text'; var google_ad_client = 'ca-ehow_160x600'; var google_ad_output = 'js'; var google_ad_section = 'default'; var google_ad_type = 'text_image_flash'; var google_adtest = 'off'; var google_abtest = 'false'; var google_image_size = '160x600'; var google_encoding = 'utf8'; var google_language = 'en'; var google_max_num_ads = '5'; var google_page_url = 'http://www.ehow.com/how_8186_create-web-site.html'; var google_safe = 'high'; var google_ad_div = '160x600'; try { if (window.google_ad_skip > 0 ) { var google_skip = window.google_ad_skip; } } catch (e) {} try { if (typeof(google_page_url) == 'undefined') { var google_page_url = window.location.toString(); window.google_page_url = window.location.toString(); } } catch (e) {window.google_page_url = window.location.toString();} try { if ((google_page_url.toLowerCase().indexOf('how__') != -1) || (google_page_url.toLowerCase().indexOf('buy__') != -1)) { google_page_url = window.location.toString(); } } catch (e) {} try { if (google_page_url.toLowerCase().indexOf('local3.') != -1) { google_page_url = google_page_url.replace(/local3./i, "www."); } } catch (e) {} try { if (google_page_url.toLowerCase().indexOf('staging.') != -1) { google_page_url = google_page_url.replace(/staging./i, "www."); } } catch (e) {} try { if (google_page_url.toLowerCase().indexOf('beta.') != -1) { google_page_url = google_page_url.replace(/beta./i, "www."); } } catch (e) {} try { window.google_page_location = google_page_url; } catch (e) {} try { window.google_page_channel = google_ad_channel; } catch (e) {} try { if (typeof(adsense_GoogleAd_160x600) == 'undefined') { var adsense_GoogleAd_160x600 = new Object(); } } catch (e) {} try { adsense_GoogleAd_160x600.adunit_id = 'ctl00_cphContent_Ad160x600'; adsense_GoogleAd_160x600.google_ad_channel = 'int_running_a_website,fuel,Channel_A,text'; adsense_GoogleAd_160x600.google_ad_client = 'ca-ehow_160x600'; adsense_GoogleAd_160x600.google_ad_output = 'js'; adsense_GoogleAd_160x600.google_ad_section = 'default'; adsense_GoogleAd_160x600.google_ad_type = 'text_image_flash'; adsense_GoogleAd_160x600.google_adtest = 'off'; adsense_GoogleAd_160x600.google_abtest = 'false'; adsense_GoogleAd_160x600.google_abtest_channel = ''; adsense_GoogleAd_160x600.google_contents = ''; adsense_GoogleAd_160x600.google_hints = ''; adsense_GoogleAd_160x600.google_image_size = '160x600'; adsense_GoogleAd_160x600.google_encoding = 'utf8'; adsense_GoogleAd_160x600.google_kw = ''; adsense_GoogleAd_160x600.google_kw_type = ''; adsense_GoogleAd_160x600.google_language = 'en'; adsense_GoogleAd_160x600.google_max_num_ads = '5'; adsense_GoogleAd_160x600.google_page_url = 'http://www.ehow.com/how_8186_create-web-site.html'; adsense_GoogleAd_160x600.google_safe = 'high'; adsense_GoogleAd_160x600.google_ad_div = '160x600'; adsense_GoogleAd_160x600.articleid = '8186'; } catch (e) {} try { AdInput.push(adsense_GoogleAd_160x600); } catch (e) {} // --> </script> <script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <script language="javascript" type="text/javascript"> try { var OriginalURL = '/how_8186_create-web-site.html'; } catch (e) { OriginalURL = ''; } try { if ((typeof(OriginalURL) == 'undefined') || (OriginalURL == null) || (OriginalURL == '')) { window.OriginalURL = '/how_8186_create-web-site.html'; } } catch (e) { window.OriginalURL = ''; } try { OriginalURL = OriginalURL.replace(/.aspx/gi, ".html"); window.OriginalURL = window.OriginalURL.replace(/.aspx/gi, ".html"); } catch (e) {} </script> <script type="text/javascript"> (function(){ var scrollWindowOptions = { itemList: $("#quickGuidesWindow").children(".articles"), marginWidth: 0, itemsPerView: 1, pageDisplay: $(".guideShowing"), navLeft: $(".moveLeft"), navRight: $(".moveRight"), shadedOpacity: '.3' }; dlabs.objects.scrollWindow = new scrollWindow(scrollWindowOptions).goToWidget(3); })(); function PublishToFaceBook() { var title = "How to Create a Web Site That Uses Frames"; var url = "http://www.ehow.com/how_8186_create-web-site.html"; var excerpt = "Frames are an easy way to display data on a page without using cumbersome tables. They also allow you to keep certain parts of a page, such as the menu or logo, in view at all times."; var images = []; var variables = { 'Title' : title, 'URL' : url, 'Excerpt' : excerpt, 'images' : images }; FB.Connect.showFeedDialog("64942437906", variables, null, null, FB.FeedStorySize.shortStory, FB.RequireConnect.promptConnect); } </script> <!-- Start Quantcast tag w/ Media Title and Channel and Subchannel --> <script type="text/javascript"> _qoptions={ qacct:"p-4dIM5nVs2rFio", labels:"eHow.eHow Technology and Electronics" }; </script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <noscript><img src="http://pixel.quantserve.com/pixel/p-4dIM5nVs2rFio.gif?labels=eHow" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></noscript> <!-- End Quantcast tag --> <!-- <PageMap> <DataObject type="meta"> <Attribute name="articlethumbnail"><![CDATA[]]></Attribute> </DataObject> </PageMap> --> </div> </div> <div class="Footer1"> <div class="Frame"> <div id="SearchFooter" class="Box7 Search"> <div class="box7tl"><div class="box7tr"></div></div> <div class="box7Content FLC"> <form method="get" action="http://www.ehow.com/search.aspx"> <input type="text" class="textInput" name="s" value="" maxlength="200"/> <input class="searchType" name="Options" type="hidden" value="0" /> <select class="options"> <option class="Tab Articles" value="0" selected="selected">Articles</option> <option class="Tab Videos" value="4" >Videos</option> <option class="Tab Members" value="3" >Members</option> <option class="Tab Web" value="5" >Web</option> </select> <a href="#" class="Button3a"><span class="text">Search</span></a> </form> <script type="text/javascript"> (function($){ var options = { form : $('#SearchFooter form')[0], selectedTab : $('#SearchFooter .Articles')[0], input : $('#SearchFooter .textInput')[0], button : $('#SearchFooter .Button3a')[0], altTabClassName : 'Members', typeInput : $('#SearchFooter .searchType')[0] }; dlabs.objects.headerSearch = new SearchBox(options); })(jQuery); </script> </div> <div class="box7bl"><div class="box7br"></div></div> </div> </div> </div> <div class="Footer2"> <div class="Frame"> <ul class="HorizontalList"> <li><a href="http://www.ehow.com/">Home</a></li> <li><a href="http://www.ehow.com/sitemap.html">Article Sitemap</a></li> <li><a href="http://www.ehow.com/video-sitemap.html">Video Sitemap</a></li> <li><a href="http://www.ehow.com/guides-sitemap.html">Quick Guides Sitemap</a></li> <li><a href="http://www.ehow.com/videos.html">How To Videos</a></li> <li><a href="http://www.ehow.com/about_us/about_us.aspx">About eHow</a></li> <li><a href="http://www.ehow.com/about_us/contact_us.aspx">Contact Us</a></li> <li><a href="http://www.ehow.com/about_us/faq_ehow.aspx">FAQ</a></li> <li><a href="http://www.ehow.com/about_us/link_to_us.aspx">Link to eHow</a></li> <li><a href="http://blog.ehow.com/">Blog</a></li> <li><a href="http://www.ehow.co.uk">UK</a></li> </ul> </div> </div> <div class="Footer3"> <div class="Frame"> <p> Copyright &copy; 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow <a href="http://www.ehow.com/terms_use.aspx">Terms of Use</a> and <a href="http://www.ehow.com/privacy.aspx">Privacy Policy</a>. &nbsp; en-US <span style="display: block; font-size: 11px;">Portions of this page are modifications based on work created and <a href="http://code.google.com/policies.html">shared by Google</a> and used according to terms described in the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons 3.0 Attribution License</a>.</span> </p> <div class="partnerSites"> Partner Sites <ul class="HorizontalList"> <li><a href="http://www.answerbag.com/">Answerbag</a></li> <li><a href="http://www.airliners.net/">Airliners</a></li> <li><a href="http://www.livestrong.com/">Livestrong</a></li> </ul> </div> <img src="http://i.ehow.com/ui/images/comscore/DemandMedia.gif" alt="Demand Media" /> </div> </div> <div id="flashProxy"></div> <span id="CategoryTrackingTag">eHow_eHow Technology and Electronics</span> <script type="text/javascript"> document.write(unescape('%3Cscript src="' + ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js" type="text/javascript"%3E%3C/script%3E')); </script> <script type="text/javascript"> /*\<![CDATA[\*/ dlabs.objects.analytics = _gat._getTracker('UA-709906-67'); dlabs.objects.analytics._trackPageview(); dlabs.objects.sitelifeSWFObject = new SWFObject(dlabs.settings.urls.siteLifeBase+'/content/swf/PluckFlashDAPIService.swf', RequestBatch.proxyId, '0', '0', '9', 'transparent'); dlabs.objects.sitelifeSWFObject.addParam('autostart', 'true'); dlabs.objects.sitelifeSWFObject.addParam('allowscriptaccess', 'always'); dlabs.objects.sitelifeSWFObject.addParam('allowfullscreen', 'false'); dlabs.objects.sitelifeSWFObject.addVariable('onLoadCallbackName', 'slFlashReady'); dlabs.objects.sitelifeSWFObject.addVariable('onStatusCallbackName', 'slFlashStatus'); dlabs.objects.sitelifeSWFObject.write('flashProxy'); if(dlabs.user.isLoggedIn) { var _tmpA = []; _tmpA.push('friendRequestHref'); if(((dlabs.settings.queryArgs.un === undefined || dlabs.settings.queryArgs.un === null) && (dlabs.settings.queryArgs.uid === undefined || dlabs.settings.queryArgs.uid === null)) || (dlabs.user.name == dlabs.settings.queryArgs.un || dlabs.user.name == dlabs.settings.queryArgs.uid)==false){ _tmpA.push('navTabFriends'); } _tmpA.push('inboxHref'); if(((dlabs.settings.queryArgs.un === undefined || dlabs.settings.queryArgs.un === null) && (dlabs.settings.queryArgs.uid === undefined || dlabs.settings.queryArgs.uid === null)) || (dlabs.user.name == dlabs.settings.queryArgs.un || dlabs.user.name == dlabs.settings.queryArgs.uid)==false){ _tmpA.push('navTabInbox'); } SiteLifeCounts.Request(dlabs.user.name, _tmpA); } SiteLifeAvatars.Request(); /*\]]>/*\<[[\*/ </script> <!-- OPTIMOST GLOBAL MODULE AND COUNTER CODE --> <script type="text/javascript"> if (opContentUrls.length>0 && opModulesArray.length>0) { for(var i=0;i<opModulesArray.length;i++){ optimost.displayModule(opModulesArray[i]); } } if(typeof opRunCounters=='function'){ opRunCounters(); } </script> <!-- END OPTIMOST GLOBAL MODULE AND COUNTER CODE --> <noscript><img src="http://vs.dmtracker.com/images/zig.gif?Log=1" alt="zig" /></noscript> <script type="text/javascript" src="http://vs.dmtracker.com/tags/vs.js"></script> <script type="text/javascript" src="http://js.revsci.net/gateway/gw.js?csid=F08747"></script> <script type="text/javascript">DM_tag();</script> <script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script> <script type="text/javascript"> /*\<![CDATA[\*/ jQuery(function($){ initTopicGuideMenu(); FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("855f874997417aace441d7eba2a70359", "/xd_receiver.htm"); }); bindPostCommentLink("8186"); $(".NewArticle .overlay a.close").bind("click",function(){ $(".NewArticle .overlay").fadeOut("normal"); $(".NewArticle .interface").fadeOut("normal",function(){ $(".NewArticle").remove(); }); }); }); /*\]]>/*\<[[\*/ </script> <script type="text/javascript" src="http://ehow.us.intellitxt.com/intellitxt/front.asp?ipid=9281"></script> <!-- BEGIN STANDARD TAG - 1 x 1 - eHow: Run-of-site - DO NOT MODIFY --> <IFRAME FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=1 HEIGHT=1 SRC="http://ad.thewheelof.com/st?ad_type=iframe&ad_size=1x1&section=193172"></IFRAME> <!-- END TAG --> <!-- Begin comScore Tag --> <script> document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E")); </script> <script> COMSCORE.beacon({ c1:2, c2:6036385, c3:"", c4:"", c5:"", c6:"", c15:"" }); </script> <noscript> <img src="http://b.scorecardresearch.com/b?c1=2&c2=6036385&c3=&c4=&c5=&c6=&c15=&cv=1.3&cj=1" style="display:none" width="0" height="0" alt="" /> </noscript> <!-- End comScore Tag --> <!-- Start Quantcast tag w/ Media Title and Channel and Subchannel --> <script type="text/javascript"> _qoptions={ qacct:"p-4dIM5nVs2rFio", labels:"eHow.eHow Technology and Electronics" }; </script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <noscript><img src="http://pixel.quantserve.com/pixel/p-4dIM5nVs2rFio.gif?labels=eHow" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></noscript> <!-- End Quantcast tag --> </body> </html>