【正文】 第 1 課 創(chuàng)建站點 本課學習目標 ： 知識目標：了解網(wǎng)站規(guī)劃方法；認識 Frontpage2020的工作界面；理解站點、網(wǎng)頁、主頁的概念。 技能目標：學會規(guī)劃和設計網(wǎng)站；能夠搜集網(wǎng)站相關素材；學會新建和打開站點。 情感、態(tài)度與價值觀目標：感受網(wǎng)站規(guī)劃的重要性，養(yǎng)成做事有計劃、勤思考的習慣。 教學方法 ：自學法、演示法、觀察法、實踐法、小組合作。 教學重點 ：網(wǎng)站規(guī)劃的一般步驟； Frongpage2020 的站點管理。 教學難點 ：網(wǎng)站規(guī)劃的一般步驟。 學習時間 ： 1 課時。 學習過程： 引入課題：許多同學都有上網(wǎng)的 經(jīng)歷，那么什么是網(wǎng)站呢？ 網(wǎng)站：網(wǎng)站是在因特網(wǎng)上一個相對獨立的信息的集合，這些信息以網(wǎng)頁的形式向全世界發(fā)布。因此，網(wǎng)站就是相關網(wǎng)頁的集合。 學習與探究： 一、 他山之石，可以攻玉 通過對“中國少年雛鷹網(wǎng)”與“聯(lián)想公司網(wǎng)站”首頁的比較，談談自己的感受，并說出它們之間有什么差異？ 二、 網(wǎng)站規(guī)劃的一般步驟 小組合作：閱讀本部分內(nèi)容，總結網(wǎng)站規(guī)劃的一般步驟？常見的網(wǎng)頁版面布局形式有哪些？ 步驟： 確定網(wǎng)站的主題和風格； 設計規(guī)劃網(wǎng)站的結構和內(nèi)容； 設計網(wǎng)站的版面布局；（“ T”型、“口”型、時尚型、“三”型布 局） 搜集整理網(wǎng)站素材； 選擇網(wǎng)站制作工具 (frontpage2020)。 三、 Frontpage2020 的站點管理 初識 Frontpage 根據(jù)打開程序的一般方法，自己試著打開 Frontpage。并思考有沒有其它的打開方法。 新建站點 教師演示：“文件” “新建” “站點”，打開“新建”對話框。 學生操作：（ 1）指定新站點的位置為“ D： \情感小屋”，并選擇站點類型為“只有一個網(wǎng)頁的站點”。 （ 2）觀察界面發(fā)生了什么變化？在“文件夾列表”中自動生成了哪幾個文件或文件夾？它們有什么 作用？ 打開站點 “文件” “打開站點”。 四、 實踐與創(chuàng)新的： 訪問以下網(wǎng)站，描述它們各自的主題和風格，并畫出網(wǎng)站的結構圖和主頁的布局圖。 搜集整理關于贊美父母的詩句、文章、圖片或歌曲，分組合作設計“我的父母”網(wǎng)頁。（包括頁面結構、內(nèi)容、版面布局、網(wǎng)頁的風格和內(nèi)容，通過表格的形式記錄下來） 五、 小結：網(wǎng)站規(guī)劃的一般步驟、 Frontpage 的站點管理 六、 教學反思： 第 2 課 設計網(wǎng)站首頁 本課學習目標 ： 知識目標：認識網(wǎng)頁的工作原理；了解網(wǎng)頁編輯的一般過程。 技能目標：學會在網(wǎng)頁中輸入文字、插入圖片和水平線；學會新建、預覽和保存網(wǎng)頁。 情感、態(tài)度與價值觀目標：善 于從身邊的廣告、書刊中學習版面設計知識，并學以致用。 教學方法 ：自學法、演示法、觀察法、實踐法、小組合作。 教學重點 ：在網(wǎng)頁中插入文字、圖片、水平線及網(wǎng)頁的保存、預覽。 教學難點 ：在網(wǎng)頁中插入文字、圖片和水平線。 學習時間 ： 1 課時。 學習過程： 引入課題：展示一個包含有文字、圖片和水平線的網(wǎng)頁，并通過對這三部分的介紹激發(fā)學生的學習欲望。 學習與探究： 一、 在網(wǎng)頁中輸入文字 小組合作并操作：根據(jù)前面所學知識，即在 WORD 中輸入文字的操作，在“ D： \情感小屋”站點中，雙擊打開主頁文件“ ”，對照 小宇在上節(jié)課中設計的首頁效果圖，在編輯窗口輸入相應文字，并按照圖例對這些文字進行修改字體、字號、顏色、對齊方式等操作。 二、 在網(wǎng)頁中插入圖片 教師演示：“插入” “圖片” “來自文件” 學生操作：在“ Banner 位置”處插入存放在“ D： \素材”中的 Banner 圖片，并對所插入的圖片進行大小調(diào)整。 注：為便于上傳，網(wǎng)頁中圖片一般采用容量較小的格式，如JPEG、 GIF、 PNG 等。 三、 在網(wǎng)頁中插入水平線 學生閱讀相關內(nèi)容，試著自己在網(wǎng)頁中的標題與正文之間插入一條水平線，并設置“水平線屬性”。（教師巡回指 導） 四、 保存網(wǎng)頁 同 WORD 操作相似，并嘗試用不同的方法保存 ，考慮哪種方式更方便？ 試一試：將剛剛插入到網(wǎng)頁中的圖片指定保存位置為：本站點的“ images”文件夾。 五、 預覽網(wǎng)頁 方法一：利用 FrontPage 自帶的預覽功能 。方法二：通過瀏覽器預覽。 練一練：按照上面介紹的兩種方法預覽自己的網(wǎng)頁，分析它們各有什么優(yōu)缺點？ 六、 添加新網(wǎng)頁 “文件” “新建” “網(wǎng)頁” 七、 實踐與創(chuàng)新： 根據(jù)第 1 課的規(guī)劃，參照小宇設計的“我的父母”所示的界面，設計制作網(wǎng)頁“我的父母”，其文件名為 ： ，標題為“我的父母”。 對新建的網(wǎng)頁進行預覽，并改變預覽窗口的大小，你會發(fā)現(xiàn)什么現(xiàn)象？有什么辦法可以解決這個問題？ 八、 小結： 在網(wǎng)頁中插入文字、圖片、水平線及網(wǎng)頁的保存、預覽，添加新網(wǎng)頁。 九、 課后反思： 第 3 課 網(wǎng)頁中的表格 本課學習目標 ： 知識目標：理解表格在網(wǎng)頁設計中的重要作用。 技能目標：學會使用表格布局網(wǎng)頁；靈活掌握表格調(diào)整的方法。 情感、態(tài)度與價值觀目標：了解學校概貌，發(fā)現(xiàn)校園之美；養(yǎng)成良好的生活和學習習慣。 教學方法 ：自學法、演示法、觀察法、實踐法、小 組合作。 教學重點 ：在網(wǎng)頁中插入表格及表格的調(diào)整。 教學難點 ：在網(wǎng)頁中插入表格及表格的調(diào)整。 學習時間 ： 1 課時。 學習過程： 引入課題：通過對“某校園鳥瞰圖”與下載的“中學生作文網(wǎng)”的首頁作比較，引導學生發(fā)現(xiàn)網(wǎng)頁中表格的運用。 學習與探究： 一、 表格的作用 閱讀本部分內(nèi)容，思考：在網(wǎng)頁中使用表格有何作用？ 表格可使網(wǎng)頁中的文字、圖片、動畫等素材排列整齊有序，并且不會因瀏覽窗口大小的改變而改變排列方式。 二、 在網(wǎng)頁中插入表格 試一試：閱讀相關內(nèi)容，試著在站點“情感小屋”中打開首頁文件 ，分別插 入四個表格，依次為： 2* 2*1*4 和 2*1，寬度都為 780 像素，水平居中。（教師巡回指導） 三、 表格的調(diào)整 行高和列寬的調(diào)整 方法一：手動操作 方法二：通過單元格屬性或表格屬性調(diào)整 單元格的合并和拆分 教師演示：（ 1）選中想要合并或拆分的單元格； （ 2）單擊鼠標右鍵，在快捷菜單中選擇“合并單元格”或“拆分單元格”。 插入或刪除表格中的行或列 （ 1） 選擇相應的行或列； （ 2） 單擊鼠標右鍵，在快捷菜單中進行相應選擇。 平均分布行和列 （ 1）選擇需要平均分布的行或列； （ 2）單 擊鼠標右鍵，在快捷菜單中進行相應選擇。 練一練：參照“情感小屋”網(wǎng)站首頁布局的內(nèi)容，調(diào)整前面插入的表格，并將在第 1 課中輸入的內(nèi)容移到表格內(nèi)。預覽網(wǎng)頁，測試調(diào)整效果。 四、 設計網(wǎng)頁模板 教師操作：“文件” “另存為” 選擇“ Frontpage 模板（ *.tem）”，并命名模板文件名（如：“情感小屋”） 練一練：將網(wǎng)站首頁文件 存儲為網(wǎng)頁模板，命名為“我的模板”，然后以利用模板的方式新建一個網(wǎng)頁。 五、 實踐與創(chuàng)新： 運用表格重新設計 的網(wǎng)頁布局，預覽時改變?yōu)g覽器窗口的大 小，觀察網(wǎng)頁的布局是否會發(fā)生變化？這說明表格對于網(wǎng)頁內(nèi)容還能起到什么作用？ 六、 小結：在網(wǎng)頁中插入表格、表格的調(diào)整和網(wǎng)頁模板的設計。 七、 課后反思： 網(wǎng)頁的美化 教學內(nèi)容及設計理念分析： 《網(wǎng)頁的美化》是《初中信息技術》八年級上冊第 1 單元第 4 課的重要內(nèi)容，本節(jié)課主要引導學生學習了解美化網(wǎng)頁的常用的方法?！爱嬅娴呢S富性和多樣性，能給學生以有力的視覺沖擊”，因此，設計本課時，我通過兩種畫面的對比，激發(fā)學生興趣，并通過分解任務，讓學生在 設置背景、音樂、 Flash 動畫和滾動字幕 等方面 ， 獲得美化網(wǎng)頁的基本知識和技能 ， 體驗學習的快樂。 【學習目標】 知識目標： 掌握 美化網(wǎng)頁的常用方法，理解美化網(wǎng)頁對提高網(wǎng)站質(zhì)量的作用。 技能目標： 學會在網(wǎng)頁中設置背景、音樂、 Flash 動畫和滾動字幕。 情感、態(tài)度和價值觀目標： 善于發(fā)現(xiàn)美，提高審美意識，從自身做起美化生活。 【課時安排】 建議 1 課時 【重難點】 重點：在網(wǎng)頁中設置背景、音樂、 Flash 動畫和滾動字幕。 難點：在網(wǎng)頁中設置音樂、 Flash 動畫。 【教學準備】 自制課件、教學軟件 教學過程： 一、創(chuàng)設情境，激趣導入 師： （ 出示兩張網(wǎng)頁，一張很單調(diào)，另外一張是 經(jīng)過美化的網(wǎng)頁。 ）同學們，這是兩張不一樣的網(wǎng)頁， 你 們認為哪一張好看？注意要說說自己的理由。 學生觀察網(wǎng)頁，然后發(fā)表見解。 生 一 ： 第二張好，因為 簡明扼要，效果直觀 。 師： （ 及時評價 ） 這個學生很有審美觀點，說出了自己的看法。 生 二 ：第二張好看，因為色彩好，有音樂，有動畫?? 生三：?? 生四：?? 師：