八年級上冊資訊科技教學計劃
八年級上冊資訊科技教學計劃
下面是小編給大家分享的八年級上冊資訊科技教學計劃，供大家閱讀與參考。
第1課 建立站點
本課學習目標：1、知識目標：瞭解網站規劃方法;認識Frontpage2000的工作介面;理解站點、網頁、主頁的概念。
2、技能目標：學會規劃和設計網站;能夠蒐集網站相關素材;學會新建和開啟站點。
3、情感、態度與價值觀目標：感受網站規劃的重要性，養成做事有計劃、勤思考的習慣。
教學方法：自學法、演示法、觀察法、實踐法、小組合作。
教學重點：網站規劃的一般步驟;Frongpage2000的站點管理。
教學難點：網站規劃的一般步驟。
學習時間：1課時。
學習過程：
引入課題：許多同學都有上網的經歷，那麼什麼是網站呢?
網站：網站是在因特網上一個相對獨立的資訊的集合，這些資訊以網頁的形式向全世界釋出。因此，網站就是相關網頁的集合。
學習與探究：
一、他山之石，可以攻玉
透過對“中國少年雛鷹網”與“聯想公司網站”首頁的比較，談談自己的感受，並說出它們之間有什麼差異?
二、網站規劃的一般步驟
小組合作：閱讀本部分內容，總結網站規劃的一般步驟?常見的網頁版面佈局形式有哪些?
步驟：1、確定網站的主題和風格;
2、設計規劃網站的結構和內容;
3、設計網站的版面佈局;(“T”型、“口”型、時尚型、“三”型佈局)
4、蒐集整理網站素材;
5、選擇網站製作工具(frontpage2000)。
三、Frontpage2000的站點管理
1、 初識Frontpage
根據開啟程式的一般方法，自己試著開啟Frontpage。並思考有沒有其它的開啟方法。
2、 新建站點
教師演示：“檔案”---“新建”---“站點”，開啟“新建”對話方塊。
學生操作：(1)指定新站點的位置為“D：情感小屋”，並選擇站點型別為“只有一個網頁的站點”。
(2)觀察介面發生了什麼變化?在“資料夾列表”中自動生成了哪幾個檔案或資料夾?它們有什麼作用?
3、 開啟站點
“檔案”---“開啟站點”。
四、實踐與創新的：
1、 訪問以下網站，描述它們各自的主題和風格，並畫出網站的結構圖和主頁的佈局圖。
http://www.chinaedu.com http://deu.cctv.com./01/indes.html http://www.k12.com.cn
2、 蒐集整理關於讚美父母的詩句、文章、圖片或歌曲，分組合作設計“我的父母”網頁。(包括頁面結構、內容、版面佈局、網頁的風格和內容，透過表格的形式記錄下來)
五、小結：網站規劃的一般步驟、Frontpage的站點管理
六、教學反思：
第2課 設計網站首頁
本課學習目標：1、知識目標：認識網頁的工作原理;瞭解網頁編輯的一般過程。
2、技能目標：學會在網頁中輸入文字、插入圖片和水平線;學會新建、預覽和儲存網頁。
3、情感、態度與價值觀目標：善於從身邊的廣告、書刊中學習版面設計知識，並學以致用。
教學方法：自學法、演示法、觀察法、實踐法、小組合作。
教學重點：在網頁中插入文字、圖片、水平線及網頁的儲存、預覽。
教學難點：在網頁中插入文字、圖片和水平線。
學習時間：1課時。
學習過程：
引入課題：展示一個包含有文字、圖片和水平線的網頁，並透過對這三部分的介紹激發學生的學習慾望。
學習與探究：
一、在網頁中輸入文字
小組合作並操作：根據前面所學知識，即在WORD中輸入文字的操作，在“D：情感小屋”站點中，雙擊開啟主頁檔案“index.htm”，對照小宇在上節課中設計的首頁效果圖，在編輯視窗輸入相應文字，並按照圖例對這些文字進行修改字型、字號、顏色、對齊方式等操作。
二、在網頁中插入圖片
教師演示：“插入”---“圖片”---“來自檔案”
學生操作：在“Banner位置”處插入存放在“D：素材”中的Banner圖片，並對所插入的圖片進行大小調整。
注：為便於上傳，網頁中圖片一般採用容量較小的格式，如JPEG、GIF、PNG等。
三、在網頁中插入水平線
學生閱讀相關內容，試著自己在網頁中的標題與正文之間插入一條水平線，並設定“水平線屬性”。(教師巡迴指導)
四、儲存網頁
同WORD操作相似，並嘗試用不同的方法儲存index.htm，考慮哪種方式更方便?
試一試：將剛剛插入到網頁中的圖片指定儲存位置為：本站點的“images”資料夾。
五、預覽網頁
方法一：利用FrontPage自帶的預覽功能;方法二：透過瀏覽器預覽。
練一練：按照上面介紹的兩種方法預覽自己的網頁，分析它們各有什麼優缺點?
六、新增新網頁
“檔案”---“新建”---“網頁”
七、實踐與創新：
1、根據第1課的規劃，參照小宇設計的“我的父母”所示的介面，設計製作網頁“我的父母”，其檔名為：Parents.htm，標題為“我的父母”。
2、對新建的網頁進行預覽，並改變預覽視窗的大小，你會發現什麼現象?有什麼辦法可以解決這個問題?
八、小結：
在網頁中插入文字、圖片、水平線及網頁的儲存、預覽，新增新網頁。
九、課後反思：
第3課 網頁中的表格
本課學習目標：1、知識目標：理解表格在網頁設計中的重要作用。
2、技能目標：學會使用表格佈局網頁;靈活掌握表格調整的方法。
3、情感、態度與價值觀目標：瞭解學校概貌，發現校園之美;養成良好的生活和學習習慣。
教學方法：自學法、演示法、觀察法、實踐法、小組合作。
教學重點：在網頁中插入表格及表格的調整。
教學難點：在網頁中插入表格及表格的調整。
學習時間：1課時。
學習過程：
引入課題：透過對“某校園鳥瞰圖”與下載的“中學生”的首頁作比較，引導學生髮現網頁中表格的運用。
學習與探究：
一、表格的作用
閱讀本部分內容，思考：在網頁中使用表格有何作用?
表格可使網頁中的文字、圖片、動畫等素材排列整齊有序，並且不會因瀏覽視窗大小的改變而改變排列方式。
二、在網頁中插入表格
試一試：閱讀相關內容，試著在站點“情感小屋”中開啟首頁檔案Index.htm，分別插入四個表格，依次為：2*3、2*2、1*4和2*1，寬度都為780畫素，水平居中。(教師巡迴指導)
三、表格的調整
1、 行高和列寬的調整
方法一：手動操作 方法二：透過單元格屬性或表格屬性調整
2、 單元格的合併和拆分
教師演示：(1)選中想要合併或拆分的單元格;
(2)單擊滑鼠右鍵，在快捷選單中選擇“合併單元格”或“拆分單元格”。
3、 插入或刪除表格中的'行或列
(1)選擇相應的行或列;
(2)單擊滑鼠右鍵，在快捷選單中進行相應選擇。
4、 平均分佈行和列
(1)選擇需要平均分佈的行或列;
(2)單擊滑鼠右鍵，在快捷選單中進行相應選擇。
練一練：參照“情感小屋”網站首頁佈局的內容，調整前面插入的表格，並將在第1課中輸入的內容移到表格內。預覽網頁，測試調整效果。
四、設計網頁模板
教師操作：“檔案”---“另存為”---選擇“Frontpage模板(*.tem)”，並命名模板檔名(如：“情感小屋”)
練一練：將網站首頁檔案Index.htm儲存為網頁模板，命名為“我的模板”，然後以利用模板的方式新建一個網頁。
五、實踐與創新：
運用表格重新設計Parents.htm的網頁佈局，預覽時改變瀏覽器視窗的大小，觀察網頁的佈局是否會發生變化?這說明表格對於網頁內容還能起到什麼作用?
六、小結：在網頁中插入表格、表格的調整和網頁模板的設計。
七、課後反思：
第4課 網頁的美化
本課學習目標：
1、知識目標：瞭解美化網頁的常用方法，理解美化網頁對提高網站質量的作用。
2、技能目標：學會在網頁中設定背景、音樂、FLASH動畫和滾動字幕。
3、情感、態度與價值觀目標：提高審美意識，善於發現美，美化生活從自身做起。
教學方法：自學法、演示法、觀察法、實踐法、小組合作。
教學重點：在網頁中設定背景、音樂、FLASH動畫和滾動字幕。
教學難點：在網頁中設定背景、音樂、FLASH動畫和滾動字幕。
學習時間：1課時。
學習過程：
引入課題：前面我們學習了網頁製作中最基本的文字、圖片、水平線的插入，並且還知道了怎樣使用表格使網頁中的內容排列的更整齊，層次更分明。這裡同學們再考慮你更喜歡什麼樣的網頁?
學習與探究：一、設定網頁的背景
學生活動：閱讀課文第一部分，並利用前面所學內容，給自己的網頁加上一個背景，使頁面更加美觀，更能襯托網頁的主題。(教師巡迴指導)
練一練：開啟“情感小屋”站點，並開啟主頁檔案Index.htm，在“網頁屬性”對話方塊“顏色”欄中設定文字和背景的顏色，並進行預覽。
二、設定表格的背景
比較：觀察兩幅電視背景牆效果圖，比較多色彩背景牆和單色背景牆哪種讓客廳更加充滿活力?
透過比較，同學們知道了多色彩背景牆可以讓房間顯得更加生動活潑，在網頁中我們也可以透過設定表格或單元格的背景來達到區域性色彩的變化，使網頁變得生動有活力。
方法：將游標定位在某一單元格內，單擊滑鼠右鍵，在快捷選單中選擇“表格屬性”或“單元格屬性”分別進行設定。
練一練：在你的網頁表格中，先後設定不同的背景顏色和背景圖片，體驗背景對網頁的美化作用。
三、插入背景音樂
學生活動：透過閱讀課文，小組合作，在“情感小屋”站點中插入一個背景音樂。
教師總結：在網頁中單擊右鍵，選擇“網頁屬性”命令，在對話方塊中進行設定。
四、插入Flash動畫
步驟：“插入”----“高階”----“外掛”，在“外掛屬性”對話方塊中進行設定。
練一練：將游標定位在網頁的適當位置，選擇插入一個Flash動畫檔案。反覆修改對話方塊中各引數的值，體會不同引數值的不同效果。