數字化圖像的設計與加工
南京市第三高級中學 徐萱
【教材分析】
 本節課的教學內容是教科版高中課程標準實驗教材信息技術必修模塊《信息技術基礎》中的第五章《多媒體信息的加工》5.1節《圖像信息的采集與加工》5.1.2“數字化圖像的設計與加工”的內容。本節是5.1.1理論與5.1.3實踐的過渡，注重培養學生使用工具前的圖像設計理念。加深多媒體信息中圖像知識的認知，也為后續工具的選擇使用奠定好基礎，更加強調了學生在操作之前做到心中有設計。讓學生通過這節課體驗圖像的表達源于生活也應用于生活實踐，加工信息是為了更好的表達信息，切實提升信息素養。本節也為選修多媒體技術奠定了基礎。部分學生對flash并不太熟悉，本節課重點在于體驗設計出符合主題的圖像，調整了教材，調整將flash繪制七巧板拼出圖形，變為不限于軟件的使用，設計表情。在5.1.3小節課中將flash繪制留給本節課操作過的學生來向大家講解。如果花過多時間在flash講解上可能時間來不及，學生也會流于模仿操作的形式，雖然對于flash繪制圖像即使和繪圖程序很多工具查不多，但也要學生去花時間熟悉，因此將其繪圖方法制作成輔助學件網站供需要的學生自學，在下節課工具對比時可加強講解。通過本節的學習，使學生在體驗數字化圖像獨特魅力的同時，提高他們的設計圖像表達能力，作為本節教材的重點內容之一。

【學生分析】
1、具備的知識和能力：通過調查問卷得知多數學生在初中會用畫圖，大部分同學較熟練地使用看圖軟件ACDSee，部分還會使用flash、Photoshop 簡單地繪制、處理圖片。學生在以前的學習中已有使用輔助學件幫助學習的習慣。
2、存在的問題：學生對數字圖像類型沒有確定的概念，不能區別點陣型圖像和向量型圖像，在大多數學生眼里，數字圖像實質都是一樣的。學生對圖像的認識沒有上升到圖像是一種重要的媒體信息，只是對于圖像的色彩和構圖充滿興趣，對于生活中的使用還沒有深刻認識。

【教學目標】
知識與技能：
1、了解圖像及其加工的意義，體會圖像在表達人類思想情感方面的優勢。
2、了解數字化圖像的兩種類型及各自的優缺點。
3、了解位圖的基本格式及區別，掌握計算BMP格式圖像大小的方法。
4、能用加工工具設計出符合自己表達意圖的圖像。
過程與方法：
1、在圖像加工實踐過程中，進一步掌握依據實際需求，設置適當的圖像類型、分辨率。
2、通過自我探究體驗圖像的兩種類型及常見位圖類型的區別，也通過輔助學件培養自主學習探究學習的能力
3、體驗繪圖軟件，為后續工具使用的多樣性和針對性提供發言權。
情感態度與價值觀：
1、領會圖像的獨特魅力，提升視覺欣賞水平和文化藝術素養。通過設計圖像體驗表達交流的價值。
2、通過表情設計體驗創意的樂趣，培養學生評價別人作品的能力，

【教學重點、難點】
1、教學重點：
 圖像的獨特魅力，點陣圖和向量圖的比較。
2、教學難點
 實際常用到的圖像知識（gif\jpg\bmp\swf應用的區別和選擇），設計圖像表達信息

【教學策略設計】
 前期預案調研，通過任務驅動與探究學習相結合，學案輔學。按照“感受思考→探究比較→實踐體驗→評價總結”教學路線展開。
 教師設計和實際生活很貼近的問題情境，激發學生的學習興趣，對于圖像數字化相關的基本概念的講解和基本技能的培養融入到層層遞進的課堂任務中。
 通過探究題的巧妙設置，讓學生在完成課堂任務的過程中，主動建構對比知識，有利于教學重點內容的學習。
 面對掌握工具水平參差不齊的學生，讓其充分發揮所學工具所長將本課設計圖像精髓表達出來，使學生有成就感，也激發下節課學習了解其他工具軟件的興趣，為協作學習提供環境。提供的輔助網站也能滿足進一步學習的需要。在教學過程中，要以學生為主體，以教師為主導，注重培養學生，探究性學習、自主性學習和協作性學習的能力。本論文由論文格式網整理,轉載請注明來源m.donglienglish.cn,更多論文,請點論文格式范文查看
 讓學生體驗評價的依據，提高審美和大膽發表觀點能力，切實提高信息技術綜合素養。

【教學環境】
 硬件：多媒體網絡教室；（包括液晶投影）
 軟件：FlashMX、PhotoshopCS、ACDSee、Sever-U、多媒體廣播教學軟件、IIS。

【教學資源】：  
演示課件ppt——主要知識點
ftp空間——提交作品
博客模塊代碼——用于發布瀏覽學生作品

【教學流程圖】【教學過程】
時間估計 教學環節 教師指導 學生活動 設計意圖
2’ 情景導入  通過學生平時喜歡的QQ聊天中的感受提問：除了發送文字還發送何種形式信息？
 
 引入本節課課題“數字化圖像的設計與加工”  讓其對比文字與圖像的直觀感受，體驗出圖像有時用于傳情達意更形象、直觀。  初步通過學生最接近的內容引入到圖像的專注度上，
3’ 感受圖像的獨特魅力 我在自己碩士論文答辯中為了引入論文題目需要講個小故事，而我的導師指點我講故事做成漫畫，于是我手繪幅圖畫后并做成了電子ppt展示，提問：你如果是評委會給哪種形式的展示打更高得分呢，為什么？
漫畫：

故事文字稿
 學生：會選擇用漫畫形式展示，因為文字還要看好久，而做成圖像看了就會一目了然�？偨Y出圖像相比文字要直觀，內涵豐富，印象深刻。
  通過教師的事例進一步加深學生感受到圖像所能帶來的實用性。其中將手稿漫畫如何做成ppt，也為5.3節圖像信息的采集與加工設置了一個預留案例，物理圖像轉化成數字圖像的方法、工具，以及根據需要對數字圖像進行加工處理，都可在本事例中找到反映。
 
  展示：
“圖像”（images），不僅包括各種畫像，還包括雕塑、浮雕、攝影照片、電影和電視畫面、時裝玩偶等工藝品、獎章和紀念章上的畫像等所有可視的藝術品，
圖像是一種模擬信號，模擬圖像包括照片、電視、錄像、電影。
所謂數字化圖像，即用數碼來表示圖像信息。這種用數碼來表示的圖像信息可以存儲在磁盤、光盤等存儲設備里，也可以不失真地進行通信傳輸，更可以有利于計算機進行分析處理。 可在輔助網站中了解相關詳細資料 使學生相比模擬圖像對數字化圖像有概念性的了解。這是教材中未提到的，可簡單一帶而過，但此概念也是必要的。
2’ 對圖像的深入解讀  繼續展示生活中、作品等環境中圖像，有些反映的原始現象有些經過了加工處理，提問：從這些圖像中能讀出什么信息嗎，對你的生活及學習起什么作用？那么它們創作的關鍵是什么？
 
 小結圖像的優勢：
   學生思考回答。分析總結圖像表達的優勢，圖像內容的構思是表達的關鍵 提高到設計的高度，讓學生初步領會圖像有原始的表達，還有的要根據需要設計圖像內容。

5’ 探究數字化圖像的類型及其差異 探索任務一
同桌兩人為一組
1．打開文件“作品1.fla”，存為兩種格式
2．對比兩種格式的圖像，填寫表格
提示放大圖片的方法（swf用flash“查看”放大，bmp用看圖軟件放大工具）
文件名后綴 文件
大小 放大時
是否失真（模糊） 色彩
豐富與否
swf   
bmp   

提問：為何同樣制作的一幅圖像，會有如此大的差別呢？
講解數字化圖像的分類，點陣圖與向量圖比較
根據剛才的講解，
請學生對應剛才保存的swf和bmp圖像分別哪種表示方式？   探索對比保存兩種類型，記錄相關參數
 
  
 對應自己保存的格式
 
  將教學重點融入在探索題中，讓學生自己通過對比領悟各類型優缺點。
5’ 位圖格式差異 探索任務二
打開文件“作品2.psd”，存為三種格式bmp、gif和jpg，再插入到“圖像格式對比.doc”中最后部分，觀察異同，填寫下表
文件
后綴名 文件大小 圖片效果
（是否有透明效果、色彩如何）
bmp  
jpg  
gif  
完成快的同學可選擇保存為其他格式觀察參數對比。通過學件網站學習自己感興趣的格式類型。
   對比得出雖然三種格式尺寸相同但bmp格式未壓縮大小最大、不支持透明效果；gif帶有透明效果；jpg色彩不如bmp，但和gif一樣文件比bmp小， bmp、gif和jpg 是生活中最常用到的三種格式，“圖像格式對比.doc”是事先做好帶有背景色的web版式視圖文檔，作品2.psd是帶透明背景的圖像源文件，可讓學生自己通過保存成不同壓縮格式對比效果和大小的不同，以指導以后應用時的選擇。
5’ Bmp文件大小計算 文件保存的類型直接關系到它的應用，我們先來驗證一下位圖圖像文件的大小計算方法
文件的字節數=圖像分辨率（X方向的像素數×Y方向的像素數）×圖像位深度（二進制顏色位數）／8
提示：1MB=1024KB=1024*1024B
 位深可通過圖片屬性摘要查看
根據所給圖片作品2.bmp，查看信息，計算大小，看與圖片信息是否一致。  學生驗證練習 在學業測試中有圖像文件大小的計算，因此在此提出，讓學生順帶了解。
3’ 小結     
12’ 小試牛刀 請每位同學按學號對應的圖像處理軟件為平臺，設計一幅表情圖片（可選擇表達喜怒哀樂或自定） ，長、寬300像素，請考慮存為何種格式較合適放于網絡上？完成后請查看同學們提交的作品，選取你認為較好的作品打分。  
 學生根據自己熟悉的軟件創作圖像。
 可參看教學輔助網站中Flash、Photoshop繪圖工具介紹 課前通過問卷調查已經掌握哪些學生熟悉相應軟件，建議其用熟悉的工具繪制符合表達主題的圖像，工具的比較放入下節課。
   強調圖像設計的一般過程思路：確定主題——選擇素材——選擇合適的工具——加工圖像——保存圖像   
6’ 大家一起來評價 出示作品評價指標

1．一個作品的成功，很大部分決定于創意 ；
 2．“工欲善其事，必先利其器”，要準確、快速創作出自己設計的作品，必須對加工工具有一定的熟悉程度。  同學間互評。 前期已做過課前調查，讓學生用熟悉的工具加工圖像，一方面有創意是要用工具表達呈現出來，另一方面，就一節課的時間是不可能將工具面面俱到，讓學生實踐后，下節課就可請熟悉各種軟件同學來向大家做講解，也會更加生動，形成學生互助學習，激發求知欲并引出下節課內容——常見圖像的加工工具的比較
2’ 總結 這堂課上我們探討了圖像的獨特魅力，分析了數字化圖像的分類和各自的特點，并自己嘗試利用軟件設計了一幅圖像。前面的探討和分析為后面的設計圖像表達信息奠定的基礎，在后面的設計中在熟悉軟件的常用操作后，重在創意�！八囆g生活，創意無限”，在廣泛的信息交流平臺上，秀出自我。

參考資源：
南京師范大學數字圖書館相關教學設計
【課后反思】
1、本節課本著實用角度的圖像知識點學習，整體感覺進度合適。前期備課就討論過這章內容在有限的幾節課中，到底對圖像教授到何種程度較為合適，如何將這節課由單純的圖像基本介紹和工具的使用，變成學生由生活實際問題出發利用工具創作加工出能表達交流的圖像的教學目標，設計了以上案例。如果想后續創作實踐時間多一點，可將“漫畫”事例刪去。
2、從整堂課來看學生積極性很高，特別是開始的導入和最后作品創作，雖然大部分同學用的是畫圖程序，但是他們已經完全表達出想要表達的主題了，達成率還算較高。至于工具只要感興趣了，后期還可以學習后再加工，如果一上來就一個一個軟件介紹學生也只是成為機械的模仿使用者而已，只有心中有所想，才談得上用工具加工表達.。讓學生由被動學習變為主動學習才是新課標所提倡的。教師只有在學生感興趣學習時進行指導，才能成為真正意義上的“以學生為主體，教師為主導”。
3、本節課并沒有將所有繪圖軟件一一作介紹，在讓學生模仿，而是讓學生根據自己熟悉的軟件先自由發揮，創作有創意的作品，選題比較小，便于學生短時間內想象，過于大的主題可能學生來不及完成，盡管這樣有個別學生還是畫不出成型的東西，這就需要教師對表情的主要內容做引導，而將各種軟件的特點放在下節課有學生介紹自己作品時一并由學生來作介紹，充分發揮學生的主動性，這樣教師再做總結來引導，學生也樂于學習。
4、如果時間允許，在講授圖像的魅力時還可以引導學生從不同角度來欣賞，例如美學、色彩學、構圖學等。
5、最后實踐創作有些同學無從下手，如考慮在體驗圖像魅力演示多種表現表情的不同類型圖片，對后續創作提出參考范例。
6、源于教材但可不局限于教材，就圖像的魅力不單單是講解圖像技術的特點，還可強調數字化圖像相對模擬圖像的優缺點，設計表達的關鍵是什么。引導學生設計圖像進行表達交流的理念，而不是單純學習某一軟件。附件一：                  學生課堂要求
探究題：
任務一
1．打開文件“作品1.fla”，分別存儲為兩種格式
2．對比兩種格式的圖像，填寫表格
文件名后綴  文件
大小  放大時
是否失真（模糊）  色彩
豐富與否
swf    
bmp    
任務二
打開文件“作品2.psd”，存為三種格式bmp、gif和jpg，再插入到“圖像格式對比.doc”中，觀察異同，填寫下表
文件名后綴 文件大小 圖片效果（是否有透明效果、色彩如何）
bmp  
jpg  
gif