網(wǎng)頁制作項目實訓教程 教案 項目5 制作框架網(wǎng)頁

PAGEPAGE0廣東省×××職業(yè)技術學校學科教案本TeachingPlan20年———20年學年度學期The(1st/2na)SemesteroftheAcademicYearfrom20to20____________________________________________網(wǎng)頁制作項目實訓教程網(wǎng)頁制作項目實訓教程學科（Subject）____________________________________________________________________________________________________________________________重慶大學出版社制

《網(wǎng)頁制作項目實訓教程》目錄注意：①按住Ctrl鍵后單擊每個任務即可跳轉(zhuǎn)到對應的教案②單擊注意：①按住Ctrl鍵后單擊每個任務即可跳轉(zhuǎn)到對應的教案②單擊按鈕可返回目錄③頁面設置參數(shù)為：紙張：B5頁邊距左：1.5頁邊距右：1.5任務1HYPERLINK\l"mk01"活動1利用框架制作成語故事集首頁

教學課題任務1活動1利用框架制作成語故事集首頁課題類型理論+實作課時安排2上課時間教學目標1.掌握框架網(wǎng)頁的創(chuàng)建與保存2.掌握框架網(wǎng)頁的鏈接操作教學重點1、2教學難點2輔助資源課件、多媒體、網(wǎng)絡復習引入1.文件域。2.列表與菜單。教學手段教學過程師生互動活動設計課件討論實作課件舉例討論課件實作一、教師布置活動要求運用素材網(wǎng)頁“Y5-01A.html”、“Y5-01B.html”、“Y5-01C.html”、“Y5-01D.html”、“Y5-01E.html”、“Y5-01F.html”、“Y5-01G.html”制作一個關于成語故事的框架網(wǎng)頁，要求網(wǎng)頁有標題，故事的題目以導航的形式表現(xiàn)，最終效果如下圖所示。二、師生討論學習新知識1、框架網(wǎng)頁的創(chuàng)建依次單擊“插入”->“HTML”->“框架”菜單命令，在展開的下級菜單中可以根據(jù)需要選取合適的框架集，這樣相應的框架網(wǎng)頁就創(chuàng)建完成了。2、框架網(wǎng)頁的保存每個框架包含一個文件，因此一個框架集會包含多個文件，在保存網(wǎng)頁時，要將整個網(wǎng)頁文檔都保存下來，下面我們以“上方及左側(cè)嵌套”框架為例介紹框架網(wǎng)頁的保存方法。（1）選擇“文件”->“保存全部”命令，整個框架邊框會出現(xiàn)一個陰影框，同時會彈出“另存為”對話框，我們將其命名為“index.html”，表示整個框架集的名稱。（2）單擊“保存”按鈕，彈出第二個“另存為”對話框，右邊框架內(nèi)側(cè)出現(xiàn)陰影，命名為“main.htlm”，表示右邊框架即主框架的文件名。（3）單擊“保存”按鈕，依次彈出第3個和第4個“另存為”對話框，分別命名為“l(fā)eft.html”和“top.html”，表示左邊框架和上方框架的文件名。3、框架網(wǎng)頁的鏈接要在題目框架中使用鏈接打開正文框架中的文檔，必須設置鏈接目標，在“屬性”面板中的“鏈接”下拉列表中選擇鏈接文檔應在其中顯示的框架或窗口。_blank：打開一個新窗口顯示目標網(wǎng)頁。_parent：目標網(wǎng)頁的內(nèi)容在父框架窗口中顯示。_self：目標網(wǎng)頁的內(nèi)容在當前所在框架窗口中顯示。_top：目標網(wǎng)頁的內(nèi)容在最頂層框架窗口中顯示。mainFrame、leftFrame、topFrame：目標網(wǎng)頁內(nèi)容在新建的框架中顯示。三、教師演示活動實施過程并讓學生完成活動任務1、新建框架網(wǎng)頁文件。啟動DreamweaverCS6軟件，在“歡迎界面”中單擊“新建”欄下的“HTML”按鈕，新建一個空白HTML網(wǎng)頁文件，然后通過“插入”菜單創(chuàng)建“上方及左側(cè)嵌套”框架，插入的框架網(wǎng)頁。2、編輯網(wǎng)頁內(nèi)容。在網(wǎng)頁的上方框架網(wǎng)頁內(nèi)輸入“成語故事”，左側(cè)輸入文本“亡羊補牢，掩耳盜鈴，狐假虎威，井底之蛙，守株待兔，拔苗助長，胸有成竹”。3、創(chuàng)建網(wǎng)頁鏈接（1）選中文本“亡羊補牢”，在屬性面板的鏈接處選取素材文件Y5-01A.html，目標位置選擇“mainFrame”，使目標文件顯示在mainFrame框架內(nèi)。（2）按照同樣的方法為其它成語故事題目創(chuàng)建超鏈接。布置任務：讓學生明確本次課的內(nèi)容討論：如何實現(xiàn)