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

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

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