項(xiàng)目21 框架網(wǎng)頁(yè)課件

1項(xiàng)目21框架網(wǎng)頁(yè)[知識(shí)與能力目標(biāo)]

掌握在網(wǎng)頁(yè)中創(chuàng)建框架的操作方法掌握為框架命名并導(dǎo)入框架源文件的操作方法

掌握保存框架集文件和各個(gè)框架操作文件掌握設(shè)置框架集屬性和框架屬性的操作方法掌握編輯框架內(nèi)容的操作方法了解設(shè)置超級(jí)鏈接的操作方法2[教學(xué)難點(diǎn)]框架源文件的導(dǎo)入各個(gè)框架操作文件的保存[教學(xué)重點(diǎn)]為框架命名并導(dǎo)入框架源文件設(shè)置框架集屬性和框架屬性的操作編輯框架內(nèi)容的操作如何保存各個(gè)框架的操作文件設(shè)置超級(jí)鏈接項(xiàng)目21框架網(wǎng)頁(yè)3認(rèn)識(shí)框架和框架集和表格一樣，框架集也是一個(gè)網(wǎng)頁(yè)布局工具。如圖21-1所示是一框架網(wǎng)頁(yè).圖21-1頂部框架右框架4

操作步驟如下：選擇菜單命令【文件】－>【新建】，彈出【新建文檔】對(duì)話框。在對(duì)話框中選擇【常規(guī)】－>【框架集】，選擇所需的框架樣式，如圖21-2所示。單擊【創(chuàng)建】按鈕，即可創(chuàng)建框架頁(yè)。

創(chuàng)建框架創(chuàng)建預(yù)定義的框架圖21-25

操作步驟如下：通過(guò)拖拉邊框，實(shí)現(xiàn)框架結(jié)構(gòu)的設(shè)計(jì)。也可以選擇【修改】|【框架頁(yè)】，然后從子菜單中選擇拆分項(xiàng)，如圖21-3所示。創(chuàng)建框架創(chuàng)建自定義的框架圖21-36框架命名并導(dǎo)入框架源文件框架命名在創(chuàng)建一個(gè)新的框架時(shí)，系統(tǒng)自動(dòng)為框架集名一個(gè)名字，為了便于管理和使用，所以在對(duì)框架保存時(shí)對(duì)其進(jìn)行相應(yīng)的重命名。

7框架命名并導(dǎo)入框架源文件框架源文件的導(dǎo)入操作步驟如下：打開(kāi)框架面板（按ALT鍵的同時(shí)單擊一個(gè)框架），單擊框架。在相應(yīng)的【屬性】面板，如圖21-4所示。在屬性面板的【源文件】輸入要導(dǎo)入的源文件路徑名，或直接單擊【預(yù)覽】按鈕，查找源文件的本地路徑即可，如圖21-5所示。圖21-4圖21-58保存框架集文件框架集文件的保存操作步驟如下：在框架面板中，選擇中要保存的框架集。單擊菜單欄中“文件”|“保存框架頁(yè)”命令。打開(kāi)“另存為”對(duì)話框，設(shè)置保存位置和文件名。單擊“保存”按鈕，保存了框架集網(wǎng)頁(yè)。此過(guò)程與文件的保存過(guò)程相似。9操作步驟如下：定位光標(biāo)在要保存的框架內(nèi)，或在框架面板中選擇要保存的框架。單擊菜單欄中“文件”|“保存框架”命令，打開(kāi)另存為對(duì)話框。打開(kāi)“另存為”對(duì)話框，設(shè)置保存位置和文件名，單擊“保存”按鈕，保存了框架。保存框架的操作保存框架集文件10各個(gè)框架文件的操作各個(gè)框架集文件操作

當(dāng)完成框架集的創(chuàng)建之后，還需要在框架中插入網(wǎng)頁(yè)，插入過(guò)程實(shí)質(zhì)就是把網(wǎng)頁(yè)文件放置到相應(yīng)的框架中。這些被插入的網(wǎng)頁(yè)文件可以是空白網(wǎng)頁(yè)，也可以是事先準(zhǔn)備好的網(wǎng)頁(yè)文件。對(duì)于框架文件的操作與一般的網(wǎng)頁(yè)文件的操作是一樣的。11設(shè)置框架集屬性和框架屬性設(shè)置框架集屬性操作步驟如下：首先單擊框架的邊框，選中框架集，打開(kāi)框集屬性，如圖21-6所示所示。

邊框選項(xiàng)設(shè)置框架集中框架大小設(shè)置。如圖21-7所示圖21-6圖21-712設(shè)置框架屬性步驟：打開(kāi)“框架”面板（首先選擇“窗口”|“框架”命令，或按快捷鍵“Shift+F2”）。在框架面板中選中框架，如圖21-8所示，打開(kāi)框架屬性。在框架屬性面板中設(shè)置相應(yīng)的屬性即可，如圖21-9所示。設(shè)置框架集屬性和框架屬性圖21-8圖21-913編輯框架內(nèi)容的操作方法選擇框架和框架集選擇框架集步驟:

在“框架”面板中單擊最外層的邊框，使其出現(xiàn)粗黑邊顯示，則選中了框架集，如圖21-10所示。選擇框架步驟:在“框架”面板中單擊要選擇的框架，使其出現(xiàn)細(xì)黑邊顯示，則選中了框架,如圖21-11所示。圖21-11圖21-1014編輯框架內(nèi)容的操作方法在框架中打開(kāi)文件操作步驟如下:

將插入點(diǎn)放置在框架中.選擇【文件】->【在框架中打開(kāi)】命令.選擇要在框架中打開(kāi)的文檔，該文檔即可顯示在框架中。15框架中的超鏈接如圖21-12中的網(wǎng)頁(yè)為“上下框架結(jié)構(gòu)，上方為嵌套框架設(shè)置為導(dǎo)航條，下方為鏈接打開(kāi)的目標(biāo)窗口。圖21-1216框架中的超鏈接操作步驟如下:選擇超鏈接的載體，如上方框架中的“內(nèi)廣場(chǎng)”文字。在“屬性檢查器”中，“鏈接”項(xiàng)中設(shè)置超鏈接為：06層的布局/06.html。在“屬性檢查器”中的“目標(biāo)”下拉菜單中選擇目標(biāo)框架或窗口，選擇“mainFrame”如圖21-13所示。預(yù)覽效果見(jiàn)圖21-12所示.圖21-1317問(wèn)題1：顯示在框架中的文檔是否為框架的一部分？

問(wèn)題2：如果一個(gè)站點(diǎn)在瀏覽器中顯示為包含三個(gè)框架的單個(gè)頁(yè)面,則該框架應(yīng)該包含多少個(gè)獨(dú)立的HTML文檔?討論18

運(yùn)用框架技術(shù)進(jìn)行網(wǎng)頁(yè)的布局和編輯,可以調(diào)用自己的網(wǎng)頁(yè),豐富新的頁(yè)面。