《網頁中圖片對象的編輯與操作》

 參考書目：中文frontpage實用教程  §第4章《導入及處理圖片》

教學設計內容：

一、教材分析及處理：

（一）、教材的地位及作用：

通過前面的學習，我們的學生已經能夠熟練掌握網頁中文字對象的編輯與操作，并能獨立創建簡單的個人主頁。本章著重講述網頁中圖片文件操作的相關知識，本節課則側重于圖片的導入與簡單編輯操作。在網頁設計中，文字構成了網頁的靈魂，圖片使得網頁錦上添花，因此圖片的導入與編輯成為本章的重點部分，也是網頁設計的基礎環節。熟練掌握本節課的知識內容，對網頁設計起著重要的作用。

（二）、知識線索及問題框架：

本節課以設置問題為主導，以解決問題的順序為主線安排教學內容。

首先本節課所要完成的教學目標就是如何將圖片插入到網頁中來，那么我們會提出這樣的問題：（1）哪些文件是圖片文件，什么樣的圖片適合于網頁制作？在認識了圖片文件之后，我們要思考這樣一個問題，（2）圖片怎么添加到網頁中來？這個時候，給學生學習主體權，安排學生進行研究體驗式學習，之后解決問題：圖片文件的簡單編輯與操作（其中包括：圖片的定位；圖片的翻轉；設置圖片的背景透明等等）。

 （三）、教學重、難點及確立依據：

圖片文件是網頁構成的重要元素，圖片的編輯與操作是網頁設計制作的重要環節，因此確定教學重點是：圖片文件的導入及簡單編輯。

由于圖片文件是直觀的，圖片的文件格式是抽象的，學生在學習過程中接受起來有一定的困難，然而在網頁制作環節中，只有認識了圖片的文件格式，才能正確的判斷哪類圖片適合于網頁設計，因此確立本節課的教學難點是：認識圖片文件格式。

（四）、教材的處理：

（1）教材的加工與重整：

在認識圖片文件格式時，教材中采用了專業術語來介紹各圖片文件所具有的特征及區別。對初中生來說這是很難理解與接受的，因此在教材處理上，我將較專業的術語改為學生益于接受的白話。并將其總結為一個小順口溜：

gif：能動能靜，壓縮圖形，像素不犧牲，顏色要犧牲；最多只有256；背景常常可透明。

jpg：只能靜，壓縮圖形，像素要犧牲，顏色不犧牲；支持全彩24位。

（2）拓展教材：

除了講述教材中提到的圖片文件格式外，還適當的為學生介紹幾種常見的圖片文件格式(如：.png；.wmf；.bmp；)，以拓寬學生的知識面。

二、結合學情設計教學目標

（一）學生分析：

經過前面的學習，我們的學生已經能夠獨立的設計并制作簡單的個人主頁，如：個人簡介主頁、名星小檔案、我的主頁等等。但在網頁設計中若只存在文字對象，對于學生來說是遠遠不夠的，圖、文并茂聲色俱佳效果的網頁才能吸引他們的注意力。針對學生好奇心強，表現欲強，動手欲望強，模仿能力強等特點，在教學過程中我通過多個代表性強的網頁實例創設情境，激發學生的學習熱情和創作熱情，充分放手，給學生想象的空間，制作出符合他們年齡特征的作品。

（二）教學目標：

（1）識知目標：通過本節課的學習，達到以下教學目標

①能夠識別出哪些文件是圖片文件，及哪些圖片文件適合網頁制作；

②學生能夠熟練掌握圖片導入的操作過程；

③學生通過研究性學習掌握圖片的一般編輯。