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