第9章使用框架和框架集,在網(wǎng)頁(yè)中，框架主要用于分隔多個(gè)HTML頁(yè)，每一個(gè)框架都是一個(gè)獨(dú)立的HTML頁(yè)，它們聚集在一起形成一個(gè)框架集?？蚣芗彩且粋€(gè)HTML頁(yè)，定義了網(wǎng)頁(yè)的結(jié)構(gòu)和屬性，包括頁(yè)面中顯示的框架數(shù)量、框架尺寸、調(diào)用到框架中的源頁(yè)面以及其他可定義的屬性，但是框架集頁(yè)不能顯示在瀏覽器中。本章將主要介紹在Dreamweaver8中創(chuàng)建和編輯框架和框架集的方法。,通過本章的理論學(xué)習(xí)和上機(jī)實(shí)訓(xùn)，讀者應(yīng)了解和掌握以下內(nèi)容:框架和框架集的概念創(chuàng)建和編輯框架集的方法框架或框架集的選擇方法框架和框架集的屬性設(shè)置使用鏈接控制框架內(nèi)容,本章章節(jié)內(nèi)容安排如下:9.1使用框架9.2設(shè)置框架和框架集屬性9.3使用鏈接控制框架內(nèi)容9.4處理瀏覽器不能顯示的框架9.5框架制作綜合實(shí)例9.6思考與練習(xí),9.1使用框架,使用框架可以方便地實(shí)現(xiàn)網(wǎng)頁(yè)的定位，與其他定位方式不同的是，使用框架可以將一個(gè)瀏覽器窗口劃分為多個(gè)區(qū)域，在每個(gè)區(qū)域都可以顯示不同的HTML文檔。一個(gè)框架顯示包含導(dǎo)航控件的文檔，而另一個(gè)框架顯示含有內(nèi)容的文檔，這是使用框架的一個(gè)極其典型的例子。認(rèn)識(shí)框架和框架集創(chuàng)建預(yù)定義框架集創(chuàng)建和編輯框架集創(chuàng)建嵌套框架集選擇框架和框架集保存框架和框架集文件,認(rèn)識(shí)框架和框架集,框架實(shí)際上由兩部分組成，即框架與框架集?？蚣芫褪蔷W(wǎng)頁(yè)中被分割開的各個(gè)部分，每部分都是一個(gè)完整的HTML網(wǎng)頁(yè)。網(wǎng)頁(yè)中的各個(gè)框架組成框架集，框架集實(shí)際也是一個(gè)HTML文件，用于定義文檔中框架的結(jié)構(gòu)、數(shù)量、尺寸及裝入框架的頁(yè)面文件，所以框架集并不顯示在瀏覽器中，只是存儲(chǔ)了一些框架如何顯示的信息。相應(yīng)地，框架集被稱為父框架，框架被稱為子框架。當(dāng)用戶將某個(gè)頁(yè)面劃分為若干個(gè)框架時(shí)，既可獨(dú)立地操作各個(gè)框架，既可以創(chuàng)建新文檔，也可為框架指定已制作好的文檔。通過選擇“查看”|“可視化助理”|“框架邊框”命令，可以顯示或隱藏框架邊界?？蚣茏畛Ｒ姷挠猛揪褪菍?dǎo)航，但是設(shè)計(jì)框架時(shí)的過程可能比較復(fù)雜，并且在很多情況下，創(chuàng)建沒有框架的Web頁(yè)也可以達(dá)到使用一組框架所能達(dá)到的許多同樣效果。,創(chuàng)建預(yù)定義框架集,在Dreamweaver8中，要?jiǎng)?chuàng)建框架集通常是使用系統(tǒng)預(yù)定義的框架集。使用預(yù)定義的框架集可以快速地在文檔中插入框架布局結(jié)構(gòu)，并且只有在文檔設(shè)計(jì)視圖窗口中才能創(chuàng)建框架。要?jiǎng)?chuàng)建框架集，應(yīng)先選擇“查看”|“可視化助理”|“框架邊框”命令，使框架邊框顯示出來(lái)。在Dreamweaver8中，系統(tǒng)預(yù)定義了13種框架集形式。選擇“插入”工具欄中的“布局”選項(xiàng)卡，單擊“框架”按鈕，打開包含有13種預(yù)定義框架集的菜單，從中可以選擇需要?jiǎng)?chuàng)建的類型。,創(chuàng)建和編輯框架集,可以對(duì)已經(jīng)創(chuàng)建好的框架集進(jìn)行編輯和修改，例如將一個(gè)框架拆分成幾個(gè)更小的框架，或是移動(dòng)框架的邊框來(lái)改變框架顯示的范圍大小。如果要編輯和修改框架集，可以使用以下方法：要拆分插入點(diǎn)所在的框架，可以從“修改”|“框架集”的子命令中選擇相應(yīng)拆分項(xiàng)。要以垂直或水平方式拆分一個(gè)框架或一組框架，可以將框架邊框從“設(shè)計(jì)”視圖的邊緣拖至“設(shè)計(jì)”視圖的中間。反之，將框架的邊框從“設(shè)計(jì)”視圖的中間拖至“設(shè)計(jì)”視圖的邊緣可以刪除框架。要使用不在“設(shè)計(jì)”視圖邊緣的框架邊框拆分一個(gè)框架，可以按下Alt鍵的同時(shí)拖動(dòng)框架邊框。與上面相似，反之可以刪除框架。要將一個(gè)框架拆分成4個(gè)框架，可以將框架邊框從“設(shè)計(jì)”視圖一角拖入框架的中間，反之可以刪除框架。,創(chuàng)建嵌套框架集,一個(gè)框架集文件可以包含多個(gè)嵌套框架集，大多數(shù)使用框架的Web頁(yè)實(shí)際上都使用了嵌套的框架，并且在Dreamweaver8中的多數(shù)預(yù)定義的框架集也使用嵌套。如果在一組框架里，不同行或不同列中有不同數(shù)目的框架，則要求使用嵌套框架集。要?jiǎng)?chuàng)建嵌套框架集，將光標(biāo)移動(dòng)到相應(yīng)的框架中，用通常創(chuàng)建框架集的方法創(chuàng)建框架集即可。,選擇框架和框架集,要改變框架或框架集，首先必須選中該框架或框架集。選擇框架或框架集的最好方法是使用“框架”面板。選擇“窗口”|“框架”命令，顯示“框架”面板。在其中選中某個(gè)框架或框架集時(shí)，在“框架”面板和文檔窗口的同一個(gè)框架中都將顯示框架選擇線，在文檔窗口中，當(dāng)框架被選中時(shí)，邊框線顯示為虛線。當(dāng)框架集被選中時(shí)，所有包含在該框架集中的框架邊線都顯示為虛線。,保存框架和框架集文件,框架及框架集都是HTML文件，因此，在保存文件時(shí)這些文件都必須一起保存。在Dreamweaver8中，用戶可以單獨(dú)保存一個(gè)框架集文件，或一個(gè)框架文件，或保存所有打開的框架文件和框架集文件。要保存框架集文檔窗口中的某個(gè)框架，可將插入點(diǎn)置于需要保存的框架中，選擇“文件”|“保存框架頁(yè)”命令。如果該框架文檔是新建的，這時(shí)將打開“另存為”對(duì)話框，在對(duì)話框中選擇存儲(chǔ)路徑并輸入文件名，然后保存該框架文檔。要保存框架集，可以在文檔中單擊并選中需要保存的框架集，選擇“文件”|“保存框架頁(yè)”命令。如果該框架集是新建的，這時(shí)將打開“另存為”對(duì)話框，在對(duì)話框中選擇存儲(chǔ)路徑并輸入文件名，然后保存該框架集。另外，選擇“文件”|“保存全部”命令，這時(shí)Dreamweaver8將逐個(gè)保存頁(yè)面中的所有框架。在保存的過程中，在為文件命名時(shí)必須要注意以下規(guī)則?？蚣艿拿Q必須是一個(gè)單詞，其中可以出現(xiàn)下劃線符號(hào)(_)，但是不能出現(xiàn)連字符號(hào)(-)、句號(hào)(.)以及空格?？蚣艿拿Q可以以字母開頭，但不能用數(shù)字開頭。不要使用JavaScript的保留關(guān)鍵字，如top或navigator之類。,9.2設(shè)置框架和框架集屬性,在Dreamweaver8中，使用“框架”屬性檢查器可以定義框架名稱、源文件、頁(yè)邊距等屬性，使用“框架集”屬性檢查器可以定義框架集邊線顏色、寬度等屬性。設(shè)置框架屬性設(shè)置框架集屬性,設(shè)置框架屬性,要設(shè)置框架的屬性，可在網(wǎng)頁(yè)文檔中選擇一個(gè)框架，然后選擇“窗口”|“屬性”命令打開“框架”屬性檢查器，如圖所示。,設(shè)置框架集屬性,要設(shè)置框架集的屬性，可在網(wǎng)頁(yè)文檔中選擇一個(gè)框架集，然后選擇“窗口”|“屬性”命令，打開“框架集”屬性檢查器，如圖所示。,9.3使用鏈接控制框架內(nèi)容,使用鏈接控制框架內(nèi)容，也就是在一個(gè)框架中用鏈接來(lái)控制另一個(gè)框架中的顯示內(nèi)容，這才是使用框架的主要作用。要實(shí)現(xiàn)這樣的功能，在使用鏈接時(shí)，必須指定鏈接的目標(biāo)位置，也就是指明要操作的框架對(duì)象?？蚣艿奈恢檬峭ㄟ^框架的名稱來(lái)確定和標(biāo)示的。,9.4處理瀏覽器不能顯示的框架,如果瀏覽器不支持框架，則無(wú)法顯示框架集和框架文檔內(nèi)容。在框架集文件中可以創(chuàng)建位于和標(biāo)記之間的提示信息，告訴用戶如何訪問基于框架的網(wǎng)頁(yè)。要定義瀏覽器不能顯示的框架內(nèi)容，可以選擇“修改”|“框架頁(yè)”|“編輯無(wú)框架內(nèi)容”命令，這時(shí)將打開一個(gè)普通文檔窗口。在文檔窗口中可以輸入非框架內(nèi)容，如文本、圖像以及鏈接等，,9.5框架制作綜合實(shí)例,本節(jié)通過使用Dreamwerver8中的框架和框架集來(lái)創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)頁(yè)，通過該綜合示例來(lái)復(fù)習(xí)使用框架和框架集布局頁(yè)面的相關(guān)內(nèi)容。,9.6思考與練習(xí),填空題1.在Dreamweaver8中，框架實(shí)際上是由和兩部分組成的。2.在Dreamweaver8中，要顯示框架的邊框線，應(yīng)選擇命令。3.對(duì)“使用鏈接控制框架內(nèi)容”起著重要作用的一個(gè)操作是。4.在另一個(gè)框架集之內(nèi)的框架集稱作框架集。5.在網(wǎng)頁(yè)中，框架主要用于分隔，每一個(gè)框架都是一個(gè)獨(dú)立的，它們聚集在一起形成一個(gè)框架集，框架集也是。6.“框架”面板除了用于選擇框架和框架集外，還可以顯示，這在文檔窗口中是無(wú)法看到的。,9.6思考與練習(xí),選擇題7.在Dreamweaver8中，在設(shè)置各分框架屬性時(shí)，“滾動(dòng)”參數(shù)是用來(lái)設(shè)置()屬性的。A.是否進(jìn)行顏色設(shè)置B.是否出現(xiàn)滾動(dòng)條C.是否設(shè)置邊框?qū)挾菵.是否使用默認(rèn)邊框?qū)挾取?.以下不可以用作網(wǎng)頁(yè)定位的是()。A.表格B.層C.框架D.庫(kù),9.6思考與練習(xí),選擇題9.一個(gè)“頂部框架”類型的框架，應(yīng)該包括()個(gè)HTML文件。A.1B.2C.3D.410.在處理瀏覽器不能顯示的框架內(nèi)容時(shí)，可在網(wǎng)頁(yè)的()標(biāo)記間插入提示信息。A.和B.和C.和D.和,9.6思考與練習(xí),簡(jiǎn)答題11.在保存框架文檔的過程中，在