框架實現(xiàn)多窗口頁面

《框架實現(xiàn)多窗口頁面》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第6章框架實現(xiàn)多窗口網(wǎng)頁第六章框架實現(xiàn)多窗口網(wǎng)頁內(nèi)容提要框架與框架集框架的基本操作框架的屬性框架布局網(wǎng)頁實例制作浮動框架6.1框架與框架集框架集也是一個網(wǎng)頁布局工具，使用框架集可以把瀏覽器窗口劃分成若干區(qū)域，分別在不同的區(qū)域顯示不同的網(wǎng)頁文檔。一個框架是一個獨立的HTML頁面，就是瀏覽器窗口中的一個區(qū)域?？蚣芡ㄟ^框架集的使用能夠很好的在一起運作；框架集是由多個框架嵌套組合而成的，它包含同一網(wǎng)頁上多個框架的布局、鏈接和屬性信息?？蚣芗臋n本身不包含要在瀏覽器中顯示的HTML內(nèi)容，但noframes部分除外。要在瀏覽器中查看一組框架，必須打開框架集文檔。6.1框架與框架集6.2框架的基本操

2、作6.2.1在HTML代碼中創(chuàng)建框架1.創(chuàng)建基本框架基本HTML中使用，和標簽來定義框架。（1）<frameset>框架集標簽<frameset>標簽用于定義一個框架集，成對出現(xiàn)?？蚣芗淖饔檬菍⒁粋€窗口劃分成多個子窗口，即框架，每個框架都是一個獨立的頁面，又叫框架頁面。<frameset>通過cols屬性和rows屬性來將一個窗口劃分為多個框架。（2）<frame>框架標簽<frame>框架標簽用于設(shè)定單個框架頁面，單個出現(xiàn)。<frame>也可以通過屬性設(shè)置框架的外觀6.2框架的基本操作（3）<noframes>標簽使用該標簽可以</p><p>3、在用戶瀏覽器不支持框架顯示時告之用戶一些相關(guān)信息，以免瀏覽者對空白窗口畫面感覺莫名其妙。<noframes>標簽是成對使用的，首尾標簽之間的內(nèi)容就是告之瀏覽者的信息。（4）基本結(jié)構(gòu)<frameset>標簽是可以嵌套使用的，也就是說，可以將其中某一個或幾個子窗口劃分為若干個更小的窗口。6.2框架的基本操作6.2.2在Dreamweaver中創(chuàng)建框架Dreamweaver提供了兩種創(chuàng)建框架結(jié)構(gòu)網(wǎng)頁的方法，即：可以從若干預定義的框架集中選擇，也可以自己設(shè)計框架集。1.創(chuàng)建預定義的框架集（1）選擇預定義框架集（2）為各個框架設(shè)置標題2.自定義框架集自定義框架集是指由網(wǎng)頁設(shè)計者根據(jù)需要，自己設(shè)置</p><p>4、框架集中框架的數(shù)量、布局等屬性，適合于創(chuàng)建復雜框架結(jié)構(gòu)頁面。6.2框架的基本操作6.2.3框架頁的選擇1．在“框架”面板中選擇框架和框架集選擇主菜單的【窗口】—【框架】或者按下Ctrl+F10，打開框架面板。在“框架”面板中點擊框架則可選取框架，若要在“框架”面板中選取框架頁，則需在“框架”面板中點擊環(huán)繞著框架的邊框。2．在“文檔”窗口中選擇框架和框架集按住Alt鍵的同時單擊框架內(nèi)部；要選擇一個框架集，則需單擊框架內(nèi)部的分隔線。通過單擊窗口左下角的標簽選擇器來選擇相應(yīng)的框架或框架集。6.2框架的基本操作6.2.4框架頁的保存框架網(wǎng)頁由框架頁（也叫框架集）和（子）框架兩部分組成?？蚣茼摱?/p><p>5、義框架的結(jié)構(gòu)、數(shù)量、尺寸及裝入框架的網(wǎng)頁文件?？蚣茼撌且环N特殊的網(wǎng)頁文件。其中，保存描述子框架數(shù)量，以及在各個子窗口中顯示網(wǎng)頁的文件名（路徑）等信息。子框架是子窗口、框架。每個子框架中打開一個獨立的網(wǎng)頁文件。一個包含三個框架（子）窗口的網(wǎng)頁，由四個網(wǎng)頁文件組成。6.2框架的基本操作6.2.5指定框架網(wǎng)頁文件當完成框架集的創(chuàng)建后，還需要為每個框架指定一個網(wǎng)頁文件，該操作的實質(zhì)就是把網(wǎng)頁文件放到相應(yīng)的框架中。當這個框架中被保存后，所指定的文檔就成為在瀏覽器中打開框架頁時該框架顯示的默認網(wǎng)頁文檔。這些被放入框架中的網(wǎng)頁可以是空白網(wǎng)頁，也可以是事先編輯好的網(wǎng)頁文件。實際上，當創(chuàng)建一個框架頁文件</p><p>6、時，就已經(jīng)創(chuàng)建了框架所對應(yīng)的空白網(wǎng)頁文件。操作方法是：1.將插入點放在需要插入網(wǎng)頁的框架中；2.選擇【文件】—【在框架中打開】菜單命令，打開“選擇HTML文件”對話框。3.在“選擇HTML文件”對話框中選擇要打開的網(wǎng)頁文件，單擊“確定”，即可完成網(wǎng)頁的插入。6.2框架的基本操作6.2.7設(shè)置框架中的鏈接在框架中可以使用超鏈接，并且可以通過一個框架中的超鏈接改變另一個框架中的內(nèi)容，這種方法通常用于創(chuàng)建導航頁面。要在一個框架匯總使用超鏈接打開另一個框架中的文檔，必須設(shè)置鏈接目標。鏈接目標用于確定鏈接內(nèi)容在哪里打開。為框架網(wǎng)頁設(shè)置超鏈接的操作步驟如下：1.在網(wǎng)頁文件中選擇要設(shè)置鏈接的對象（如</p><p>7、具體的文字、圖片等）；2.在屬性面板的“鏈接”選項中設(shè)置鏈接的網(wǎng)頁文件。3.在屬性面板的“目標”下拉列表中選擇打開鏈接文件的窗口6.3框架的屬性設(shè)置框架集的屬性（1）使用框架集屬性面板（2）設(shè)置框架集標題首先選中要設(shè)置標題的框架集，然后再在“文檔”工具欄的“標題”框中鍵入框架集文檔的名稱即可。6.3框架的屬性2.設(shè)置框架屬性6.4框架布局網(wǎng)頁實例6.4框架布局網(wǎng)頁實例6.5制作浮動框架1.浮動框架基礎(chǔ)浮動框架又叫嵌入式框架，就是在HTML文檔中</p> </div> <div id="yussyws" class="mt-3 bg-white"> <div id="mu8wy6a" class="d-lg-block d-none px-3 px-lg-4 py-3 border-bottom text-center font-18"> 當前文檔最多預覽五頁，下載文檔查看全文 </div> <div id="gkwecey" class="detail-fixed-feature d-none d-lg-block" id="detailFixedFeatureBox"> <div id="cc2euys" class="px-3 px-lg-4 py-3 d-flex align-items-center justify-content-between fixed-feature-box" id="detailFixedFeature"> <div id="euia2sc" class="d-lg-flex d-none align-items-center"> <div> <a class="btn btn-outline-danger article-state" href="javascript:;" data-id="39744547" data-code="438274" data-title="框架實現(xiàn)多窗口頁面"> <span>侵權(quán)申訴</span> </a> <button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="39744547"><span>舉報</span></button> </div> <nav class="d-flex align-items-center ml-4" id="anchorPoint"> <a href="javascript:;" class="btn btn-light anchor-pre px-2"><i class="iconfont text-muted">&#xe60b;</i></a> <div id="mowy4uy" class="text-muted mb-0 pre-point-list" id="prePointList"> <a class="px-2 active nav-link" href="#anchorImg0">1</a> <a class="px-2 nav-link" href="#anchorImg1">1</a> <a class="px-2 nav-link" href="#anchorImg2">2</a> <a class="px-2 nav-link" href="#anchorImg3">3</a> <a class="px-2 nav-link" href="#anchorImg4">4</a> <a class="px-2 nav-link" href="#anchorImg5">5</a> / <span id="mug4iao" class="px-2" id="prePageNums">20</span> </div> <a href="javascript:;" class="btn btn-light anchor-next px-2"><i class="iconfont text-muted">&#xe618;</i></a> </nav> </div> <div id="4ykiukc" class="d-flex align-items-center"> <p class="d-lg-block d-none font-14 text-black-50 mb-0 mr-2">此文檔下載收益歸作者所有</p> <button class="btn btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" style="width:128px;height:40px;" data-id="39744547" data-price="1500" data-size="1.96 MB" data-page="20頁" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="框架實現(xiàn)多窗口頁面">下載文檔</button> </div> </div> </div> </div> <div id="mumay8u" class="d-block d-lg-none px-3 px-lg-4 py-3 border-bottom text-center font-14" style="color:#999">當前文檔最多預覽五頁，下載文檔查看全文</div> <button class="btn d-block w-100 d-lg-none btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" data-id="39744547" data-price="1500" data-size="1.96 MB" data-page="20頁" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="框架實現(xiàn)多窗口頁面">點擊下載本文檔 </button> </div> <div id="kw6i22w" class="px-3 px-lg-4 py-3 bg-white mt-3"> <ul class="nav custom-tab border-bottom" id="myTab" role="tablist"> <li id="kue4wu4" class="nav-item" role="presentation"> <a class="nav-link active px-0 mr-4 font-16 font-weight-light pb-3" id="tips-tab" data-toggle="tab" href="#showTips" role="tab" aria-controls="showTips" aria-selected="true">版權(quán)提示</a> </li> <li id="osc0ykk" class="nav-item" role="presentation"> <a class="nav-link px-0 pb-3 font-16 font-weight-light text-black-50" href="/d-39744547.html" >下載文檔</a> </li> <dl class="flex-grow-1 mb-0 d-lg-none"> <li id="kscgegm" class="ml-3 float-right d-lg-none"> <button type="button" class="btn btn-light" data-toggle="modal" data-target="#reportModal" data-id="39744547"><span>舉報</span></button> </li> </dl> </ul> <div id="0ya402g" class="tab-content with-content pt-3" id="myTabContent"> <div id="semmma6" class="tab-pane fade show active font-14" id="showTips" role="tabpanel" aria-labelledby="showTips-tab"> 溫馨提示： <br> 1. 部分包含數(shù)學公式或PPT動畫的文件，查看預覽時可能會顯示錯亂或異常，文件下載后無此問題，請放心下載。<br> 2. 本文檔由用戶上傳，版權(quán)歸屬用戶，天天文庫負責整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。<br> 3. 下載前請仔細閱讀文檔內(nèi)容，確認文檔內(nèi)容符合您的需求后進行下載，若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。<br> 4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤，付費完成后未能成功下載的用戶請聯(lián)系客服處理。 <br> </div> </div> </div> </div> <div id="8w4wyce" class="detail-sidebar d-none d-lg-block"> <div class="oqage0o" id="columnDetailSiderRight"> <div id="ssaqmes" class="detail-yourlike mt-0 pb-2" id="relativeArticle"> <div id="aecmywk" class="border-bottom py-2 d-flex align-items-center justify-content-between"> <h5 class="font-16">相關(guān)文章</h5> <a class="font-14 hover-letter-spacing" href="/ucenter/search/index.html?text=框架實現(xiàn)多窗口頁面" target="_blank" rel="nofollow">更多<i class="iconfont font-12 pl-1">&#xe7c3;</i></a> </div> <ul class="font-14 like-list"> <li id="ikuiwk8" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-9996153.html" title="《html 多窗口頁面設(shè)計》" target="_blank">《html<span id="0ygyqqk" class="text-danger">多</span><span id="qm6c42c" class="text-danger">窗</span><span id="w4y6msc" class="text-danger">口</span><span id="6yksi0k" class="text-danger">頁</span><span id="yqse0e4" class="text-danger">面</span>設(shè)計》</a> </li> <li id="yyuw2ws" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-12047063.html" title="《html 多窗口頁面設(shè)計》" target="_blank">《html<span id="ewiswym" class="text-danger">多</span><span id="84a24ig" class="text-danger">窗</span><span id="gkc42om" class="text-danger">口</span><span id="qkauy86" class="text-danger">頁</span><span id="ua8ecu4" class="text-danger">面</span>設(shè)計》</a> </li> <li id="iwscuog" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-15506314.html" title="使用框架布局頁面" target="_blank">使用<span id="o4m6geq" class="text-danger">框</span><span id="ks6cqmi" class="text-danger">架</span>布局<span id="4wiia64" class="text-danger">頁</span><span id="s0ie2sk" class="text-danger">面</span></a> </li> <li id="oe0qggq" class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-27874475.html" title="css實現(xiàn)頁面布局" target="_blank">css<span id="cc20ykw" class="text-danger">實</span><span id="s62y4qw" class="text-danger">現(xiàn)</span><span id="a6auug8" class="text-danger">頁</span><span id="og6cwsi" class="text-danger">面</span>布局</a> </li> <li id="w80ii24" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-34263564.html" title="《頁面大體框架》doc版" target="_blank">《<span id="amwckuy" class="text-danger">頁</span><span id="cg4ai8w" class="text-danger">面</span>大體<span id="g4yqc2c" class="text-danger">框</span><span id="k2wasss" class="text-danger">架</span>》doc版</a> </li> <li id="wigyikq" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-34726321.html" title="struts框架下實現(xiàn)從頁面?zhèn)浞葸€原數(shù)據(jù)庫" target="_blank">struts<span id="maqw8m0" class="text-danger">框</span><span id="gumgm2o" class="text-danger">架</span>下<span id="8yiseq4" class="text-danger">實</span><span id="yqmsi6s" class="text-danger">現(xiàn)</span>從<span id="g4664k6" class="text-danger">頁</span><span id="46a06oi" class="text-danger">面</span>備份還原數(shù)據(jù)庫</a> </li> <li id="k6k8ce6" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-46462931.html" title="用Dreamweaver建立框架頁面" target="_blank">用Dreamweaver建立<span id="co4gsik" class="text-danger">框</span><span id="uimyice" class="text-danger">架</span><span id="ocmk6mu" class="text-danger">頁</span><span id="oeeykcs" class="text-danger">面</span></a> </li> <li id="mgsqoi2" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-50709050.html" title="《HTML多窗口頁面設(shè)計》.doc" target="_blank">《HTML<span id="2o0asg2" class="text-danger">多</span><span id="usaqwac" class="text-danger">窗</span><span id="cg442ao" class="text-danger">口</span><span id="qekegae" class="text-danger">頁</span><span id="qc6wk8y" class="text-danger">面</span>設(shè)計》.doc</a> </li> <li id="masgs4k" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-50830679.html" title="Struts框架下實現(xiàn)從頁面?zhèn)浞葸€原數(shù)據(jù)庫.doc" target="_blank">Struts<span id="q8owwmy" class="text-danger">框</span><span id="284kasu" class="text-danger">架</span>下<span id="ge8kgqa" class="text-danger">實</span><span id="00qweak" class="text-danger">現(xiàn)</span>從<span id="iugckgk" class="text-danger">頁</span><span id="e40gkak" class="text-danger">面</span>備份還原數(shù)據(jù)庫.doc</a> </li> <li id="4omeg6m" class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-59006873.html" title="Dreamweaver框架和框架頁面教學設(shè)計.doc" target="_blank">Dreamweaver<span id="k06g4cm" class="text-danger">框</span><span id="mciicei" class="text-danger">架</span>和<span id="4ymkkag" class="text-danger">框</span><span id="yegcyoa" class="text-danger">架</span><span id="oke02m8" class="text-danger">頁</span><span id="2iyaiw0" class="text-danger">面</span>教學設(shè)計.doc</a> </li> </ul> </div> <div id="ucq4qk2" class="detail-yourlike pb-2"> <div id="60y6eye" class="border-bottom py-2"> <h5 class="font-16">相關(guān)標簽</h5> </div> <ul class="font-14 like-list d-flex flex-wrap"> <a class="search-tag" href="/tags/742338/" target="_blank">頁面</a> <a class="search-tag" href="/tags/540240/" target="_blank">框架</a> <a class="search-tag" href="/tags/1456203/" target="_blank">實現(xiàn)</a> </ul> </div> <script src="/d/js/acmsd/thea1.js"></script> </div> </div> </div> <footer> <div id="wsi60yc" class="container d-none d-lg-block mb-4"> <div id="g6ssoqq" class="d-flex justify-content-between footer-nav"> <ul class="d-flex foot-nav"> <li> <h5>常見問題</h5> <a class=text-decoration-none href=/help/wenti/upload/ target=_blank> 關(guān)于上傳 </a><a class=text-decoration-none href=/help/wenti/xiazai/ target=_blank> 關(guān)于下載 </a><a class=text-decoration-none href=/help/wenti/qinquan/ target=_blank> 關(guān)于侵權(quán) </a><a class=text-decoration-none href=/help/wenti/fenxaing/ target=_blank> 分享文檔賺錢教程 </a> </li> <li> <h5>關(guān)于我們</h5> <a class=text-decoration-none href=/help/about/wzjs/ target=_blank> 網(wǎng)站介紹 </a><a class=text-decoration-none href=/help/about/gywm/ target=_blank> 關(guān)于我們 </a><a class=text-decoration-none href=/help/about/lxwm/ target=_blank> 聯(lián)系我們 </a> </li> <li> <h5>版權(quán)問題</h5> <a class=text-decoration-none href=/help/banquan/bqsm/ target=_blank> 版權(quán)聲明 </a><a class=text-decoration-none href=/help/banquan/qqcl/ target=_blank> 侵權(quán)處理 </a><a class=text-decoration-none href=/help/banquan/mzsm/ target=_blank> 免責聲明 </a> </li> <li> <h5>協(xié)議條款</h5> <a class=text-decoration-none href=/help/xieyi/yhxy/ target=_blank> 用戶協(xié)議 </a><a class=text-decoration-none href=/help/xieyi/fwtk/ target=_blank> 用戶服務(wù)條款 </a><a class=text-decoration-none href=/help/xieyi/ysbh/ target=_blank> 用戶隱私保護 </a> </li> <li> <h5>網(wǎng)站導航</h5> <a class="text-decoration-none help-nav-item" href="/sitemaps.xml" data-name="網(wǎng)站地圖" target="_blank">網(wǎng)站地圖</a> <a class="text-decoration-none help-nav-item" href="/list.html" data-name="全部分類" target="_blank">全部分類</a> <a class="text-decoration-none help-nav-item" href="/sitemaps/index.html" data-name="資源地圖" target="_blank">資源地圖</a> </li> </ul> <div id="ygmkgka" class="foot-qrcode d-flex"> <div> <div id="k6oga4g" class="subsitute-bg"><img src="http://ezsto.com/d/file/2022/07-08/f23df57d987ef7ad9acb33fe5abf9854.jpg"></div> <p>關(guān)注公眾號<br></p> </div> </div> </div> </div> <div id="ym60uyo" class="footer-copyright"> <p><a href="/" target="_blank">天天文庫</a>站為“文檔C2C交易模式”，即用戶上傳的文檔直接賣給(下載)用戶，本站只是中間服務(wù)平臺，本站所有文檔下載所得的收益歸上傳人(含作者)所有【成交的100%(原創(chuàng))】。</p> <p>本站是網(wǎng)絡(luò)服務(wù)平臺方，若您的權(quán)利被侵害，侵權(quán)客服QQ：3074922707 歡迎舉報。</p> <p>Copyright 2004-2021 <a href="http://ezsto.com/" target="_blank">wenku365.com</a> All Rights Reserved <a rel="nofollow" target="_blank">閩ICP備15016911號-5 </a></p> <p>閩公網(wǎng)安備 <a rel="nofollow" target="_blank">35052402000320</a></p> <p> <a href="http://ezsto.com/zt.html" target="_blank">專題文集</a> <a href="http://ezsto.com/zt-90007.html" target="_blank">丨職業(yè)培訓</a> <a href="http://ezsto.com/zt-90005.html" target="_blank">丨實用范文</a> <a href="http://ezsto.com/zt-90010.html" target="_blank">丨商業(yè)材料</a> <a href="http://ezsto.com/zt-90013.html" target="_blank">丨合同協(xié)議</a> <a href="http://ezsto.com/zt-90009.html" target="_blank">丨PPT專題</a></p> </div> </footer> <script src="http://static.wenku365.com/wenku365/js/global.min.js?"></script> <script src="http://static.wenku365.com/wenku365/js/clipboard.min.js?"></script> <script src="http://static.wenku365.com/wenku365/js/jquery.treeview.js?"></script> <script src="http://static.wenku365.com/wenku365/js/jquery.share.min.js?"></script> <script src="http://static.wenku365.com/wenku365/js/common.min.js?"></script> <script src="http://static.wenku365.com/wenku365/js/downloadFile.js?"></script> <script src="http://static.wenku365.com/wenku365/js/loginWindow.js?"></script> <script src="http://static.wenku365.com/wenku365/js/windowRecharge.js?"></script> <script src="http://static.wenku365.com/wenku365/js/viewer.min.js?"></script> <script src="http://static.wenku365.com/wenku365/js/detail.js?"></script> <!-- 2023-05-07 08:36:31 --> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://ezsto.com/" title="&#x4E45;&#x4E45;&#x4E45;&#x4E45;&#x4E45;&#x56FD;&#x4EA7;&#x7CBE;&#x54C1;&#x7F51;&#x7AD9;">&#x4E45;&#x4E45;&#x4E45;&#x4E45;&#x4E45;&#x56FD;&#x4EA7;&#x7CBE;&#x54C1;&#x7F51;&#x7AD9;</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="sasgg" class="pl_css_ganrao" style="display: none;"><blockquote id="sasgg"></blockquote><delect id="sasgg"></delect><rt id="sasgg"></rt><delect id="sasgg"></delect><abbr id="sasgg"></abbr><noframes id="sasgg">