1、12、設計框架網(wǎng)頁教學目標：1、了解框架網(wǎng)頁的概念，能用“網(wǎng)頁模板”中的“框架網(wǎng)頁”創(chuàng)建“標題、頁腳和目錄”型網(wǎng)頁，對框架屬性能理解和運用。2、能為主框架設置初始網(wǎng)頁，為選中對象設置連接網(wǎng)頁，并將該網(wǎng)頁安排在合適的框架中，理解組織框架中的調(diào)用關系。3、認識保存框架網(wǎng)頁與保存一般網(wǎng)頁的不同之處，會保存框架網(wǎng)頁。重點、難點或關鍵：用 FrontPage 軟件創(chuàng)建及保存目錄型框架網(wǎng)頁。 為選中對象設置連接網(wǎng)頁， 理解組織框架中的調(diào)用關系。教學流程：一、欣賞作品導入新課展示上節(jié)課制作的學校通知網(wǎng)頁作品（說明是用表格來規(guī)劃網(wǎng)頁的布局）展示“華南虎”專題網(wǎng)頁作品師：誰來說說今天看到的網(wǎng)頁有什么特點?肯定學

2、生的答案，從而引出課題設計框架網(wǎng)頁。二、合作探究，制作“華南虎”專題網(wǎng)（一）教師講解框架網(wǎng)頁的概念?？蚣芫W(wǎng)頁是一種網(wǎng)頁布局技術。 所謂框架，就是它可以將瀏覽器窗口分割成幾個小區(qū)域，每個區(qū)域相對獨立， 可以顯示不同的網(wǎng)頁內(nèi)容， 這些區(qū)域就稱為框架， 具有這種功能的網(wǎng)頁就叫框架網(wǎng)頁?？蚣芫W(wǎng)頁是一種特殊的HTML網(wǎng)頁。（二）創(chuàng)建框架網(wǎng)頁（ 1）師：出示教材 P67 圖 12-1 ，框架網(wǎng)頁中相同內(nèi)容的部分都可以獨立出來，如圖所示的上框、 左框和下框， 能為我們減少很多重復的工作， 提高網(wǎng)站建設的效率，也有利于修改與維護。（ 2）師：看了同學們剛才做練習的情況，老師將創(chuàng)建框架網(wǎng)頁的過程演示一遍，請同學

3、們認真看演示。步驟：（ 1）在 FrontPage 軟件中打開 D盤中的“第 12 課”文件夾中的“網(wǎng)站案例” 。（ 2）單擊“文件” 新建網(wǎng)頁框架網(wǎng)頁標題、頁腳和目錄確定。出現(xiàn) P69 圖 12-4 所示的框架結(jié)構(gòu)。 （解釋每一個框架中的“新建網(wǎng)頁”和“設置初始頁面”兩個按鈕。（三）設置框架屬性（ 1）右擊框架彈出快捷菜單選擇“框架屬性” ，打開“框架屬性”對話框，介紹框架名稱、控制框架邊界的大小及是否用滾動條。（ 2）在對話框中，單擊“框架網(wǎng)頁”按鈕，打開“網(wǎng)頁屬性”對話框如P70 圖 12-6所示，單擊“框架”選項卡，定義“框架間距”和取消“顯示過框”（ 3）學生操作：創(chuàng)建框架網(wǎng)頁和設置

4、框架屬性（四）設定初始頁面（ 1）打開框架網(wǎng)頁時， 第一次出現(xiàn)在框架內(nèi)的網(wǎng)頁叫初始網(wǎng)頁，如何設定初始網(wǎng)頁呢？（ 2）出示“華南虎”網(wǎng)站的初始網(wǎng)頁，以小組為單位，設置初始網(wǎng)頁。（不懂的同學，可以看書P71，可小組內(nèi)討論，也可問老師）（ 3）反饋學生設置初始網(wǎng)頁的情況（五）組織框架間的調(diào)用關系（ 1）回顧如何在導航菜單中設置超鏈接。（ 2）教師演示并說明框架間的調(diào)用關系完，學生操作設置導航菜單中超鏈接。完成較好的學生作品， 點評其操作。 并讓這些學生擔任老師的小助手， 幫助那些學習有困難的同學。（六）保存框架網(wǎng)頁1、單擊常用工具欄中“保存”按鈕，彈出“另存為”對話框，對話框的右側(cè)顯示框架的示意圖，框中藍色的部分即為當前要保存的框架。2、在“文件名（N）”框中輸入文件名，單擊“保存”按鈕。3、按提示保存框架中的所有網(wǎng)頁。師巡視，并進行個別輔導。三、總結(jié)與評價（ 1）結(jié)合實例進行歸納總結(jié)。1. 框架網(wǎng)頁的特點2. 制作框架網(wǎng)頁的大致步驟（ 2）你對你這節(jié)課的表現(xiàn)滿意嗎？你認為這節(jié)課我們班誰表現(xiàn)得很出色？四、