框架是什么，框架就好比我們的骨骼，支撐著整個(gè)網(wǎng)頁(yè)，如果一個(gè)網(wǎng)頁(yè)沒了框架，那么就感覺像一盤散沙，因此為了更好的實(shí)現(xiàn)網(wǎng)頁(yè)的效果，我們就要學(xué)會(huì)給網(wǎng)頁(yè)制作一個(gè)框架，為了更好的理解什么是框架。我們畫一張示意圖來進(jìn)行討論。WIftSSHKSMindex-htmABBihtmWIftSSHKSMindex-htmABBihtm真別基本剪動(dòng)巻頁(yè)稅鶴頁(yè)M-tecss徉式表fli架集炎面設(shè)計(jì)Css>亜西很計(jì)頁(yè)面設(shè)討￡有抽助功能的；□DDDBDDDD上方固足上肖固定?下方固宦上蘇真別基本剪動(dòng)巻頁(yè)稅鶴頁(yè)M-tecss徉式表fli架集炎面設(shè)計(jì)Css>亜西很計(jì)頁(yè)面設(shè)討￡有抽助功能的；□DDDBDDDD上方固足上肖固定?下方固宦上蘇因定，右惻嵌尊上方固足，左側(cè)骰#下方因定下才S）定，右惻嵌牽下方固足，左側(cè)嵌暮右協(xié)固定右兇因定，上才戰(zhàn)罷右刪固定，下方嵌奩垂總拆分左制因定□□□左惻因定，上亦嵌套左刪固走，下方險(xiǎn)春小固定的左啊需槃岳直折分的醬■WKtiSMKSM這是一個(gè)左右型的框架，由三個(gè)網(wǎng)頁(yè)文件組成的。首先外部的框架是一個(gè)文件，圖中我們用index.htm命名?？蚣苤凶筮吤麨锳，指向的是一個(gè)網(wǎng)頁(yè)A.htm。右邊命名為B，指向的是一個(gè)網(wǎng)頁(yè)B.htm。下面我們就來從頭開始制作一個(gè)框架。1、點(diǎn)“文件”菜單〉新建，彈出“新建文檔”對(duì)話框如下圖：新薙文檔或在插入欄〉布局〉選"框架：左框架"如下圖:DreamweaverMX2004生成一個(gè)空白的框架頁(yè)面，如下圖:2、選擇「窗口」菜單〉“框架”，彈出“框架”面板如下圖。從框架面板可知，系統(tǒng)對(duì)左右框架生成命名。左框架名為：leftFrame，右框架名為：mainFrame，當(dāng)然您可以通過框架屬性面板對(duì)框架重新命名，了解這一點(diǎn)非常重要。創(chuàng)建超級(jí)鏈接時(shí)，要依據(jù)它正確控制指向的頁(yè)面。

3、保存框架。選擇“文件”菜單點(diǎn)擊“保存全部”。系統(tǒng)彈出對(duì)話框。這時(shí)，保存的是個(gè)框架結(jié)構(gòu)文件。我們按照慣例都命名為index.htm。保存的時(shí)候如果虛線框籠罩的是周圍一圈就是保存框架結(jié)構(gòu)。（下圖）虛線籠罩在右邊就是保存框架中右邊網(wǎng)頁(yè)。（如下圖）

虛線籠罩在左邊就是保存框架中左邊的網(wǎng)頁(yè)：（如下圖）三個(gè)頁(yè)面保存完畢。

4、下面我們要實(shí)現(xiàn)按左邊的超級(jí)鏈接，對(duì)應(yīng)的頁(yè)面出現(xiàn)在右邊。在左邊的頁(yè)面中做上超級(jí)鏈接。指向一個(gè)已經(jīng)存在的頁(yè)面。注意做好鏈接以后，要在目標(biāo)欄中設(shè)置為mainFrame。（如下圖）6、 設(shè)置完畢，保存全部，按F12預(yù)覽網(wǎng)頁(yè)。鏈接指向的頁(yè)面出現(xiàn)在右邊框架中。7、 重復(fù)以上步驟，把左框架所有的鏈接做完，一個(gè)簡(jiǎn)單的網(wǎng)站導(dǎo)航結(jié)構(gòu)創(chuàng)建完成。更多Dreamweaver教程請(qǐng)繼續(xù)訪問建站學(xué)的Dreamweaver教程專區(qū)。實(shí)驗(yàn)七框架結(jié)構(gòu)實(shí)驗(yàn)?zāi)康摹浚和ㄟ^本實(shí)驗(yàn)，使學(xué)生熟悉創(chuàng)建、編輯框架網(wǎng)頁(yè)和利用框架來布局頁(yè)面的基本方法實(shí)驗(yàn)要求】：掌握應(yīng)用框架設(shè)計(jì)網(wǎng)頁(yè)布局的方法；掌握創(chuàng)建、編輯框架網(wǎng)頁(yè)及設(shè)置框架屬性的方法；掌握鏈接框架網(wǎng)頁(yè)的方法。

基本操作】創(chuàng)建框架結(jié)構(gòu)：在插入面板中找到布局選項(xiàng)，在其中選擇下圖所示的圖標(biāo)，并選擇相應(yīng)的框架結(jié)構(gòu)選擇框架1)首先從“窗口”菜單中打開“框架”面板2)然后在“框架”面板中選擇某一個(gè)框架，如下圖所示

添加網(wǎng)頁(yè)內(nèi)容選擇某一框架后，點(diǎn)擊“屬性”－“源文件”以設(shè)定框架的網(wǎng)頁(yè)實(shí)驗(yàn)內(nèi)容】：I創(chuàng)建一個(gè)左側(cè)框架頁(yè)，并在相應(yīng)的框架中添加FrameA和FrameB兩個(gè)網(wǎng)頁(yè)，構(gòu)成如下圖所示的網(wǎng)頁(yè)要求：設(shè)定LeftFrame的寬為400像素設(shè)定兩個(gè)框架均出現(xiàn)滾動(dòng)條II創(chuàng)建一個(gè)如下圖所示的三欄框架頁(yè)，并在相應(yīng)的框架中添加FrameA、FrameB和

FrameC三個(gè)網(wǎng)頁(yè)，構(gòu)成如下圖所示的網(wǎng)頁(yè)。1）三欄分別命名為L(zhǎng)eftFrameMidFrame、RightFrame2）三欄的寬度為200像素、300像素、504像素操作步驟：1） 創(chuàng)建一個(gè)左側(cè)框架網(wǎng)頁(yè)，選定整個(gè)框架之后（選定整個(gè)框架參見P110），點(diǎn)擊切換到拆分視圖，將Frameset標(biāo)記符中的Cols屬性修改為：200，300，*（請(qǐng)注意切換到英文狀態(tài)下輸入）〈framesetrows二"*"cols二"200,300,*">2） 分別在“框架”面板中選擇相應(yīng)的框架，插入相應(yīng)的網(wǎng)頁(yè)III框架網(wǎng)頁(yè)中的超級(jí)鏈接要求：1）創(chuàng)建左側(cè)框架網(wǎng)頁(yè)

2）在左側(cè)框架中設(shè)定三個(gè)超級(jí)鏈接，并鏈接對(duì)應(yīng)的網(wǎng)頁(yè)文件。網(wǎng)頁(yè)將在MainFrame顯示。默認(rèn)顯示“2004年經(jīng)典對(duì)白”3）左側(cè)框架背景為灰色4）框架集需要顯示邊框，寬度為3象素IV利用已有網(wǎng)頁(yè)制作框架網(wǎng)頁(yè)11斟I紳州出押L胖口出艸軸112）在左側(cè)框架中設(shè)定三個(gè)超級(jí)鏈接，并鏈接對(duì)應(yīng)的網(wǎng)頁(yè)文件。網(wǎng)頁(yè)將在MainFrame顯示。默認(rèn)顯示“2004年經(jīng)典對(duì)白”3）左側(cè)框架背景為灰色4）框架集需要顯示邊框，寬度為3象素IV利用已有網(wǎng)頁(yè)制作框架網(wǎng)頁(yè)11斟I紳州出押L胖口出艸軸11」川出申1出腳川叩川川|f|111IWIL山川畀出評(píng)|川川11川UUII坤刪111曲4聊電娜鬭卿幅品制心.Tn右邊網(wǎng)頁(yè)客戶服務(wù)中心論壇日志管理初始信息設(shè)達(dá)論壇版面添加|管理

論壇權(quán)限管理

合并論壇數(shù)據(jù)

更新論壇數(shù)據(jù)聯(lián)盟論壇添加丨管理

發(fā)布論壇公甘|管理

論壇門派管理隱私保護(hù)版權(quán)所有。Copyright2003吉林伍陸桀捌股份有限公司要求：按照樣張所示，利用index文件夾中提供的四個(gè)網(wǎng)頁(yè)，組成如圖所示的框架網(wǎng)頁(yè)參考習(xí)題】1、創(chuàng)建一個(gè)頂部框架，TopFrame中顯示新浪的首頁(yè)，MainFrame顯示163的首頁(yè)。兩個(gè)框架需要顯示滾動(dòng)條，顯示框架邊框。效果如下圖注冊(cè)通行證登錄名［密碼［I免費(fèi)郵箱創(chuàng)登錄|忘記密碼免費(fèi)郵箱VIF郵箱企業(yè)郵箱茴設(shè)為首頁(yè)創(chuàng)cj常我新浪冽9jn&.成都曹陣雨首頁(yè)丨新聞財(cái)經(jīng)I娛樂丨寬頻I玄性丨房產(chǎn)I旅游丨游戲I軍事I論壇丨企業(yè)丨短信愛問丨體育科技I音樂ITV|育兒丨家居|法治丨星座|上海丨圈子丨城市丨卷韜”郵箱丨博客手機(jī)I樂庫(kù)丨理財(cái)I飲骨丨汽車I名品丨教育I廣東I高爾夫丨苗頁(yè)丨鏗信天氣丨播客丨數(shù)碼I讀書丨家電I健鹿|F1|商城|UC|搜索|iGame|分類丨聊天公園環(huán)抱麗郡東萌褐石封頂了! 萬科複樓刊萬起售半山別墅犬耳中華御杲■盛世國(guó)宅獨(dú)棟總部集群 萬城華府典藏公開望京公寓的新交通銀行iA般專欄I注冊(cè)通行證I郵箱用戶名密碼|網(wǎng)易通行證 登錄免費(fèi)郵VIF郵箱188財(cái)富郵一卡通：充值中心網(wǎng)易NETEASE 新聞I體育IWBAI娛樂|明星|財(cái)經(jīng)|科技|汽車|手機(jī)|女人丨旅游|游戲|探索|閤片|www-1C3-comJ 3G郵箱軍事|奧運(yùn)|英超丨電影丨商業(yè)丨證券|基金|車型|數(shù)碼丨時(shí)尚丨情愛|招聘|拍賣|雜志|www-1C3-com±lIA±l2、利用素材中的163、sinal的圖片制作如下的框架網(wǎng)頁(yè)。登錄網(wǎng)易NetEasewww?4冷3登錄網(wǎng)易NetEasewww?4冷3?com翳丸新嗣■ctfm^cnBai靳百度新聞麗頁(yè)memimp3圖上空間I更多》》把百度設(shè)肯首頁(yè)百度搜索框架本身就是一個(gè)網(wǎng)頁(yè)文件，而所謂的導(dǎo)航（目錄）和正文也都是另外獨(dú)立的網(wǎng)頁(yè)文件——也就是說，一個(gè)框架一般至少需要3個(gè)網(wǎng)頁(yè)文件組成。你用什么軟件編寫的？注意退出時(shí)的保存提示。比如一個(gè)簡(jiǎn)單的目錄框架網(wǎng)頁(yè)名為INDEX.HTM，—般都包含left.ht（左邊導(dǎo)航目錄）和MAIL.HTM （右邊主體內(nèi)容）部分INDEX.HTM網(wǎng)頁(yè)關(guān)鍵代碼應(yīng)為<framesetcols="150,*"><framename="contents"target="main"src="left.htm"><framename="main"src="main.htm"><noframes><body>框架是網(wǎng)頁(yè)中經(jīng)常使用的頁(yè)面設(shè)計(jì)方式，框架的作用就是把網(wǎng)頁(yè)在—個(gè)瀏覽器窗口下分割成幾個(gè)不同的區(qū)域，實(shí)現(xiàn)在—個(gè)瀏覽器窗口中顯示多個(gè)HTML頁(yè)面。使用框架可以非常方便的完成導(dǎo)航工作，讓網(wǎng)站的結(jié)構(gòu)更加清晰，而且各個(gè)框架之間決不存在干擾問題。利用框架最大的特點(diǎn)就是使網(wǎng)站的風(fēng)格—致。通常把—個(gè)網(wǎng)站中頁(yè)面相同的部分單獨(dú)制作成—個(gè)頁(yè)面，作為框架結(jié)構(gòu)的—個(gè)子框架的內(nèi)容給整個(gè)網(wǎng)站公用?！獋€(gè)框架結(jié)構(gòu)有兩部分網(wǎng)頁(yè)文件構(gòu)成：

框架（Frame）:框架是瀏覽器窗□中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗□的其余部分中所顯示內(nèi)容無關(guān)的網(wǎng)頁(yè)文件?？蚣芗‵rameset）:框架集也是一個(gè)網(wǎng)頁(yè)文件，它將一個(gè)窗□通過行和列的方式分割成多個(gè)框架，框架的多少根據(jù)具體有多少網(wǎng)頁(yè)來決定，每個(gè)框架中要顯示的就是不同的網(wǎng)頁(yè)文件。一、創(chuàng)建框架在創(chuàng)建框架集或使用框架前，通過選擇“查看/可視化助理/框架邊框”命令，使框架邊框在文檔窗□的設(shè)計(jì)視圖中可見。1、使用預(yù)制框架集（1）、新建一個(gè)HTML文件，在快捷工具欄選擇“布局”，單擊“框架”按鈕，在彈出的下拉菜單中選擇“頂部和嵌套的左側(cè)框架”。標(biāo)淮擴(kuò)展布局B06.html布局▼標(biāo)淮擴(kuò)展布局B06.html布局▼ID左側(cè)框架□］右側(cè)框架□頂部框架□底部框架!LI下方和嵌套的左側(cè)框架□下方和嵌套的右側(cè)框架［口左側(cè)和嵌嘗的下方框架□右側(cè)和嵌套的下方框架口上方和下方框架［H左側(cè)和嵌套的頂部框架Eli右側(cè)和嵌喬的上方惟架頂部和戦套的左側(cè)框架DI頂部和戦套的左側(cè)框架DI上方和嵌套的右攢框架（2）、使用鼠標(biāo)直接從框架的左側(cè)邊緣河上邊緣向中間拖動(dòng)，直至合適的位置這樣頂部和嵌套的左側(cè)框架就完成了。2、鼠標(biāo)拖動(dòng)創(chuàng)建框架（1）、新建普通網(wǎng)頁(yè)，命名后將其打開。（2）、把鼠標(biāo)放到框架邊框上，出現(xiàn)雙箭頭光標(biāo)時(shí)拖拽框架邊框，可以垂直或水平分割網(wǎng)頁(yè)。二、、保存框架每一個(gè)框架都有一個(gè)框架名稱，可以用默認(rèn)的框架名稱，也可以在屬性面板修改名稱，我們采用系統(tǒng)默認(rèn)的框架名稱topFrame（上方）、leftFrame（左側(cè)）、mainFrame（右側(cè)）。選擇菜單欄〉文件〉保存全部，將框架集保存為index.html,上方框架保存為O7.html,左側(cè)框架保存為08.html,右側(cè)框架保存為O9.html。這個(gè)步驟雖然簡(jiǎn)單，但是很關(guān)鍵，只有將總框架集和各個(gè)框架保存在本地站點(diǎn)根目錄下，才能保證瀏覽頁(yè)面時(shí)顯示正常。三、 編輯框架式網(wǎng)頁(yè)雖然框架式網(wǎng)頁(yè)把屏幕分割成幾個(gè)窗口，每個(gè)框架（窗口）中放置一個(gè)普通的網(wǎng)頁(yè)，但是編輯框架式網(wǎng)頁(yè)時(shí)，要把整個(gè)編輯窗口當(dāng)作一個(gè)網(wǎng)頁(yè)來編輯，插入的網(wǎng)頁(yè)元素位于哪個(gè)框架，就保存在哪個(gè)框架的網(wǎng)頁(yè)中?？蚣艿拇笮】梢噪S意修改。1、 改變框架大小用鼠標(biāo)拖拽框架邊框可隨意改變框架大小。2、 刪除框架用鼠標(biāo)把框架邊框拖拽到父框架的邊框上，可刪除框架。3、 設(shè)置框架屬性設(shè)置框架屬性時(shí)，必須先選中框架。選擇框架方法如下：選擇菜單欄＞窗口＞框架，打開框架面板，單擊某個(gè)框架，即可選中該框架。在編輯窗□某個(gè)框架內(nèi)按住Alt鍵并單擊鼠標(biāo)，即可選擇該框架。當(dāng)一個(gè)框架被選擇時(shí)，它的邊框帶有點(diǎn)線輪廓2.設(shè)置框架屬性選中框架，在屬性面板上可以設(shè)置框架屬性：框架名稱、源文件、空白邊距、滾動(dòng)條、重置大小和邊框?qū)傩缘?。需要注意的是?、框架是不可以合并的。2、在創(chuàng)建鏈接時(shí)要用到框架名稱，所以我們要很清楚的知道每個(gè)框架對(duì)應(yīng)的框架名。四、在框架中使用超級(jí)鏈接在框架式網(wǎng)頁(yè)中制作超級(jí)鏈接時(shí)，一定要設(shè)置鏈接的目標(biāo)屬性，為鏈接的目標(biāo)文檔指定顯示窗□。鏈接目標(biāo)較遠(yuǎn)（其他網(wǎng)站）時(shí)，一般放在新窗□，在導(dǎo)航條上創(chuàng)建鏈接時(shí)，一般將目標(biāo)文檔放在另一個(gè)框架中顯示（當(dāng)頁(yè)面較小時(shí)）或全屏幕顯示（當(dāng)頁(yè)面較大時(shí)）?！澳繕?biāo)”下拉菜單中的選項(xiàng)：_blank放在新窗□中。_parent放到父框架集或包含該鏈接的框架窗□中。_self放在相同窗□中（默認(rèn)窗□無須指定）。_top放到整個(gè)瀏覽器窗□并刪除所有框架。在我們保存有框架名為mainFrame、leftFrame、topFrame的框架后，在目標(biāo)下拉菜單中，還會(huì)出現(xiàn)mainFrame、leftFrame、topFrame選項(xiàng)：mainFrame放到名為mainFrame的框架中。leftFrame放到名為leftFrame的框架中。topFrame放到名為topFrame的框架中。我做了一個(gè)HTML文件，是Frame結(jié)構(gòu)的，左邊是超鏈接，但是鏈接的是一個(gè)“網(wǎng)頁(yè)文件”，我想點(diǎn)擊該鏈接后，“網(wǎng)頁(yè)文件”打開的“網(wǎng)頁(yè)”出現(xiàn)在右邊，該怎么寫？注意：超鏈接的是一個(gè)“網(wǎng)頁(yè)文件”，并非“超鏈接地址”。（可以用Javascript能不能詳細(xì)一點(diǎn)??？我的左邊頁(yè)面寫的是：<ahref="e:\Web\1.html"target="right">aaaaa</a><ahref="e:\Web\2.html">bbbbbb</a>如果用JS怎么寫？麻煩看清楚?。∥业腶鏈接的不是一個(gè)超鏈接，實(shí)際上是一個(gè)文件，怎么還回答超鏈接，超鏈接的target你們不用說我都會(huì)。真是無語(yǔ)了！垂直分欄<html><framesetcols="25%,50%,25%"><framesrc="frame_a.htm"><framesrc="frame_b.htm"><framesrc="frame_c.htm"></frameset></html>水平分欄<html><framesetrows="25%,50%,25%"><framesrc="frame_a.htm"><framesrc="frame_b.htm"><framesrc="frame_c.htm"></frameset></html>如何使用〈noframes>標(biāo)簽：<html>〈framesetcols="25%,50%,25%">〈framesrc="frame_a.htm">〈framesrc="frame_b.htm">〈framesrc="frame_c.htm">〈noframes>〈body>Yourbrowserdoesnothandleframes!〈/body>〈/noframes>〈/frameset>〈/html>frame標(biāo)簽〈frame〉標(biāo)簽定義了每個(gè)