愛華網(wǎng)一、教學(xué)目的：學(xué)習(xí)框架網(wǎng)頁的制作方法，掌握框架網(wǎng)頁的構(gòu)成。
二、教學(xué)重點(diǎn)：框架網(wǎng)頁的制作, 框架網(wǎng)頁的屬性。
三、教學(xué)時間：2課時
四、教學(xué)步驟：
一）、框架頁的基本組成
框架頁是一種特殊格式的網(wǎng)頁，主要由邊框、網(wǎng)頁、滾動條組成。在框架頁中，每個框架都有一個網(wǎng)頁相連接。當(dāng)打開框架頁時，則同時載入每個框架所相連的網(wǎng)頁文件。
在框架頁中顯示的是三個獨(dú)立的網(wǎng)頁組成的（實(shí)際下載了四個網(wǎng)頁，還包括框架頁本身這個網(wǎng)頁）。主體框一般用來顯示正文內(nèi)容的。
二）、創(chuàng)建框架頁
FrontPage 2000提供了10個框架網(wǎng)頁向?qū)椭覀儎?chuàng)建框架頁。其操作步驟如下：
（1）打開【文件】菜單，選擇【新建】菜單項(xiàng)，在子菜單中選擇【網(wǎng)頁】菜單項(xiàng)，出現(xiàn)新建對話框。
（2）在對話框中單擊【框架網(wǎng)頁】選項(xiàng)卡。
（3）在選項(xiàng)卡中選擇【目錄】，此時在【預(yù)覽】欄中會顯示被選中的框架結(jié)構(gòu)圖，并在上方顯示說明情況。
（4）單擊【確定】按鈕后，出現(xiàn)框架結(jié)構(gòu)圖。
（5）新創(chuàng)建的框架結(jié)構(gòu)共有2個網(wǎng)頁窗口，其中一個在左邊，另一個在右邊。這時單擊【新建網(wǎng)頁】按鈕后，我們可以在當(dāng)前框架網(wǎng)頁中輸入文字、圖片等內(nèi)容了。（如果這時單擊【設(shè)置初始網(wǎng)頁】按鈕后，將彈出一個“創(chuàng)建超鏈接”的對話框，可以為所在的框架超鏈接到指定的網(wǎng)頁上去。）
（6）框架的保存：單擊“ ”工具按鈕，出現(xiàn)【另存為】對話框。
²保存左邊框的網(wǎng)頁文件。在對話框右面的框架示意圖中，單擊左邊框后為藍(lán)色，表示左邊框中的網(wǎng)頁正準(zhǔn)備保存。在“URL”中輸入文件名“in1”，單擊【確定】按鈕后，此時左邊框的網(wǎng)頁文件被保存起來。
²保存右邊框的網(wǎng)頁文件。緊接著，在對話框的框架示意圖中，右邊框顯示為藍(lán)色。在“URL”中輸入文件名“in2”，單擊【確定】按鈕后，右邊框的網(wǎng)頁文件也被保存起來。
²保存框架本身網(wǎng)頁。在對話框中整個框架示意圖的邊框?yàn)樗{(lán)色，在“URL”中輸入文件名“index.htm”，單擊【確定】按鈕后，此時保存的是整個框架頁文件。
三）、框架及框架頁的屬性
1、設(shè)置框架的屬性
框架有很多屬性，例如框架的名稱、寬度、高度、邊距、滾動條、可調(diào)整性、間距等。以框架頁為例說明，其具體操作方法如下：
單擊要設(shè)置屬性的框架，然后單擊【框架】菜單，再單擊【框架屬性】菜單項(xiàng)，出現(xiàn)對話框?？梢栽诖藢υ捒蛑行薷目蚣艿膶傩粤?。
2、框架頁的屬性
以上是設(shè)置每個框架的屬性，而修改整個框架頁的屬性，其具體操作如下：
在【框架屬性】對話框中，單擊【框架網(wǎng)頁】按鈕，會出現(xiàn)“網(wǎng)頁屬性”對話框。
在這個對話框中的“框架”選項(xiàng)卡中只有兩項(xiàng)：
²“框架間距”：指框架之間的邊框的寬度，默認(rèn)值為2。
如果框架不要顯示出邊框時，可單擊“顯示邊框”前面的單選框，取消“√”。
四）、框架頁的編輯
在框架頁中，當(dāng)要拆分某一框架時，單擊框架→拆分框架→選擇并確定。當(dāng)要刪除某一框架時，單擊框架→刪除框架→選擇并確定。
五）、框架頁的超鏈接
在框架頁中，當(dāng)單擊左邊的超鏈接時，在右邊框中顯示該超鏈接網(wǎng)頁的內(nèi)容。下面我們將以框架頁為例，說明怎樣實(shí)現(xiàn)框架網(wǎng)頁之間的超鏈接。其操作步驟如下：
（1）在左邊的框架中選擇要設(shè)置超鏈接的“ ”圖片（或文字）。
（2）單擊“”超鏈接工具按鈕，出現(xiàn)【編輯超鏈接】對話框。這時在對話框的文件列表中選擇“jbxx.htm”。
（3）在對話框右下角“目標(biāo)框架”欄，單擊“”按鈕，出現(xiàn)一個對話框。
在對話框中，單擊框架示意圖中不同的區(qū)域，也可以單擊右邊列表框的選項(xiàng)，在對話框的“目標(biāo)設(shè)置”欄中就相應(yīng)顯示所選定的區(qū)域名稱。其中：
²網(wǎng)頁默認(rèn)值(main)：超鏈接的網(wǎng)頁將顯示在右邊框（即“main主體”）。
²相同框架：在左邊框單擊某個超鏈接時，其鏈接網(wǎng)頁也將顯示在左邊框。
²整頁：單擊某個超鏈接時，只顯示所鏈接的網(wǎng)頁，原來框架不再顯示。
²新建窗口：單擊某超鏈接時，所鏈接的網(wǎng)頁將顯示在新打開的瀏覽器中。
²父框架：單擊某個超鏈接時，將返回上一級的框架。
六）、上機(jī)操作
練習(xí)設(shè)計(jì)框架網(wǎng)頁
