中文版Dreamweaver8實(shí)用教程1421框架的基本概念課件

第14章使用框架和框架集

在網(wǎng)頁(yè)制作中，除了使用表格和層定位外，還可以使用框架進(jìn)行定位。使用框架可以把網(wǎng)頁(yè)分成幾個(gè)部分(稱為框架)，每個(gè)框架都是一個(gè)獨(dú)立的HTML頁(yè)，它們都共同聚集在一起，形成一個(gè)框架集?？蚣芗彩且粋€(gè)HTML頁(yè)，它定義了網(wǎng)頁(yè)的結(jié)構(gòu)和屬性，包括頁(yè)面中顯示的框架數(shù)量、框架尺寸、調(diào)用到框架中的源頁(yè)面以及其他可定義的屬性，但是框架集頁(yè)不能顯示在瀏覽器中。第14章使用框架和框架集在網(wǎng)頁(yè)制作中，除了14.1教學(xué)目標(biāo)

掌握知識(shí)：通過對(duì)本章的學(xué)習(xí)，讀者應(yīng)了解并掌握使用框架的基本方法，并能夠在文檔中使用框架和框架集。

重點(diǎn)學(xué)習(xí)：本章重點(diǎn)講解了使用框架，設(shè)置框架和框架集屬性的方法，并能夠使用鏈接控制框架內(nèi)容。課后讀者應(yīng)結(jié)合上機(jī)操作進(jìn)行強(qiáng)化練習(xí)。14.1教學(xué)目標(biāo)掌握知識(shí)：通過對(duì)本章的學(xué)習(xí)，讀者14.2理論指導(dǎo)框架的基本概念

使用框架

設(shè)置框架和框架集的屬性

使用鏈接控制框架內(nèi)容處理瀏覽器不能顯示的框架

14.2理論指導(dǎo)框架的基本概念 14.2.1框架的基本概念

簡(jiǎn)單的說，將多個(gè)網(wǎng)頁(yè)集中在同一個(gè)網(wǎng)頁(yè)實(shí)現(xiàn)，該網(wǎng)頁(yè)被稱為框架集網(wǎng)頁(yè)?？蚣芗W(wǎng)頁(yè)用于記錄與框架相關(guān)的信息，讓同一個(gè)頁(yè)面能分門別類顯示不同的內(nèi)容，而在框架集網(wǎng)頁(yè)中并沒有實(shí)際的網(wǎng)頁(yè)內(nèi)容。

認(rèn)識(shí)框架與框架集

使用框架結(jié)構(gòu)的優(yōu)點(diǎn)和缺點(diǎn)

14.2.1框架的基本概念簡(jiǎn)單的說，將多個(gè)14.2.2使用框架

用戶使用框架可以方便地實(shí)際網(wǎng)頁(yè)的定位，與其他定位方式不同的是，使用框架可以將一個(gè)瀏覽器窗口劃分為多個(gè)區(qū)域，在每個(gè)區(qū)域都可以顯示不同的HTML文檔。一個(gè)框架顯示包含導(dǎo)航控件的文檔，而另一個(gè)框架顯示含有內(nèi)容的文檔，這是使用框架的一個(gè)極其典型的例子。

創(chuàng)建預(yù)定義的框架集

創(chuàng)建和編輯框架集

創(chuàng)建嵌套框架集選擇框架或框架集保存框架和框架集文件

14.2.2使用框架用戶使用框架可以方便地實(shí)際網(wǎng)頁(yè)的

要使用預(yù)定義的框架集，可以選擇“插入”欄中的“布局”選項(xiàng)卡，切換到布局插入欄。然后單擊框架按鈕組，在彈出的菜單中選擇一種需要的框架集即可.要使用預(yù)定義的框架集，可以選擇“插入”欄中的“布用戶可對(duì)已經(jīng)創(chuàng)建好的框架集進(jìn)行編輯和修改，例如將一個(gè)框架拆分成幾個(gè)更小的框架，或是移動(dòng)框架的邊框來改變框架顯示的范圍大小。如果要編輯和修改框架集，可以使用以下兩種方法。要拆分插入點(diǎn)所在的框架，選擇“修改”|“框架集”命令的子命令。

要以垂直或水平方式拆分一個(gè)框架或一組框架，可以將框架邊框從“設(shè)計(jì)”視圖的邊緣拖入“設(shè)計(jì)”視圖的中間。反之，將框架的邊框從“設(shè)計(jì)”視圖的中間拖至“設(shè)計(jì)”視圖的邊緣可以刪除框架。用戶可對(duì)已經(jīng)創(chuàng)建好的框架集進(jìn)行編輯和修改，例如將在一個(gè)框架中存在的框架集稱作嵌套框架集，一個(gè)框架集文件可以包含多個(gè)嵌套框架集，大多數(shù)使用框架的Web頁(yè)實(shí)際上都使用了嵌套的框架，并且在Dreamweaver中的多數(shù)預(yù)定義的框架集也使用嵌套。如果在一組框架里，不同行或不同列中有不同數(shù)目的框架，則要求使用嵌套框架集。要?jiǎng)?chuàng)建嵌套框架集，將光標(biāo)置于相應(yīng)的框架中，用通常創(chuàng)建框架集的方法創(chuàng)建即可。在一個(gè)框架中存在的框架集稱作嵌套框架集，一個(gè)框架要改變框架或框架集，首先必須選中該框架或框架集，最好的方法是使用“框架”面板。選擇“窗口”|“框架”命令，顯示“框架”面板。在“框架”面板中選中某個(gè)框架或框架集時(shí)，在“框架”面板和文檔窗口的同一個(gè)框架中都將顯示框架選擇線，。在文檔窗口中，當(dāng)框架被選中時(shí)，邊框線顯示為點(diǎn)劃線。當(dāng)框架集被選中時(shí)，所有包含在該框架集中的框架邊線都顯示為點(diǎn)劃線。要改變框架或框架集，首先必須選中該框架或框架集，最框架及框架集都是HTML文件，因此，在保存文件時(shí)這些文件都必須一起保存。在Dreamweaver8中，用戶可以單獨(dú)保存一個(gè)框架集文件，或一個(gè)框架文件，或保存所有打開的框架文件和框架集文件。要保存框架集文檔窗口中的某個(gè)框架，可以將插入點(diǎn)置于需要保存的框架中，選擇“文件”|“保存框架”命令，保存該框架文檔。如果該框架文檔是新建的，這時(shí)將打開“保存為”對(duì)話框，在對(duì)話框中選擇存儲(chǔ)路徑并輸入文件名，然后保存該框架文檔。要保存框架集，可以在文檔中單擊并選中需要保存的框架集，選擇“文件”|“保存框架頁(yè)”命令，保存框架集。如果該框架集是新建的，這時(shí)將打開“保存為”對(duì)話框，在對(duì)話框中選擇存儲(chǔ)路徑并輸入文件名，然后保存該框架集。要保存所有框架(包括框架集)，可選擇“文件”|“保存全部”命令，這時(shí)Dreamweaver將逐個(gè)保存頁(yè)面中的所有框架。框架及框架集都是HTML文件，因此，在保存文件14.2.3設(shè)置框架和框架集的屬性

用戶在制作網(wǎng)頁(yè)的過程中，使用框架的屬性檢查器可以定義框架名稱、源文件、頁(yè)邊距等屬性，使用“框架集屬性檢查器”可以定義框架集邊線顏色、寬度等屬性。設(shè)置框架屬性

設(shè)置框架集屬性

14.2.3設(shè)置框架和框架集的屬性用戶在制要設(shè)置框架的屬性，可在網(wǎng)頁(yè)文檔中選擇一個(gè)框架，然后選擇“窗口”|“屬性”命令以顯示“框架屬性檢查器”

.要設(shè)置框架的屬性，可在網(wǎng)頁(yè)文檔中選擇一個(gè)框架，要設(shè)置框架集的屬性，可在網(wǎng)頁(yè)文檔中選擇一個(gè)框架集，然后選擇“窗口”|“屬性”命令，以顯示“框架集屬性檢查器”

。要設(shè)置框架集的屬性，可在網(wǎng)頁(yè)文檔中選擇一個(gè)框架集14.2.4使用鏈接控制框架內(nèi)容

使用鏈接控制框架內(nèi)容，也就是在一個(gè)框架中用鏈接來控制另一個(gè)框架中的顯示內(nèi)容，這才是使用框架的主要作用。要實(shí)現(xiàn)這樣的功能，在使用鏈接時(shí)，必須指定鏈接的目標(biāo)位置，也就是指明要操作的框架對(duì)象?？蚣艿奈恢檬峭ㄟ^框架的名稱來確定和標(biāo)示的。

14.2.4使用鏈接控制框架內(nèi)容使用鏈接控制14.2.5處理瀏覽器不能顯示的框架

如果瀏覽器不支持框架，則無法顯示框架集和框架文檔內(nèi)容。Dreamweaver允許用戶在框架集文件中創(chuàng)建位于<noframes>和</noframes>標(biāo)記之間的提示信息，告訴用戶如何訪問基于框架的網(wǎng)頁(yè)。例如:<noframes><bodybgcolor="#FFFFFF">

14.2.5處理瀏覽器不能顯示的框架如果瀏14.3上機(jī)實(shí)驗(yàn)

本章的上機(jī)實(shí)驗(yàn)主要練習(xí)在網(wǎng)頁(yè)中使用框架和框架集的操作，其中對(duì)框架屬性的設(shè)置是重點(diǎn)，用