資源簡介

第十一課
順序結構一圖片的放大與縮小
教學目標
（一）知識與技能
1賦值語句的含義。
2程序的順序結構。
3變量的意義。
4程序調試(編輯錯誤與邏輯錯誤)的方法。
（二）過程與方法
演示、講解順序結構一圖片的放大與縮小相關知識，學生操作體驗、探究和指點疑難相結合。
情感態度價值觀
培養提高學生觀察、思維、信息技術應用能力，激發學生探究興趣，體驗學習的快樂。
教學重難點
1、程序的順序結構。
2、程序調試(編輯錯誤與邏輯錯誤)的方法。
教學過程
問題與任務導入：
圖像處理軟件中有種功能，點擊放大或縮小圖標時，圖片會隨之放大或縮小(如“圖11-1圖片的放大與縮小運行效果圖”所示)。小明是個愛動腦筋的孩子，他想起老師的話:“應用軟件背后的秘密是計算機程序設計。”于是，他想用自己學過的VB語言實現以下功能。
(1)鼠標單擊“放大(+)”按鍵即實現圖片的等比例放大。
(2)鼠標單擊“縮小（－）”按鍵實現圖片等比例縮小。
一、分析問題
1.分析選用對象及設置對象屬性
在VB程序設計中，一是要根據問題需求明確應選用什么對象，以便用戶應用程序解決問題;二是要思考每個對象承擔的任務是什么;三是確定對象的屬性應該如何設置，以便用戶閱讀程序;四是要選定響應動作的方式是什么。
？想一想
表11-1列出了本程序中部分對象及屬性要求，試結合問題描述思考:還需要什么對象?對象承擔什么任務?對象的屬性如何設置?并填寫表11-2。
表11-1程序“圖片的放大與縮小”中部分對象名稱及屬性設置一覽表(樣表)
表11-2程序“圖片的放大與縮小”中部分對象名稱及屬性設置一覽表(學生完成)
練一練
在VB中新建一個工程文件，并根據表11及表1-2中控件及屬性的設置，完成程序界面設計任務。
2.分析圖片放大與縮小的原理
？想一想
在VB中，圖片框
Image的屬性里有兩個屬性分別為
Height、Width。請結合“圖11-2圖片的屬性面板參數顯示”、“圖11-3圖片的放大與縮小界面圖”對其中的數據參數進行觀察。
(1)你發現了什么?
(2)屬性面板下端提示符與藍色選定項的關系如何?
討論
觀察圖11-4中的代碼，說說圖片放大與縮小的原理是什么。
圖11-4圖片的放大與縮小程序代碼窗口圖
二、設計圖片放大與縮小的算法
1.算法
算法是算題的方法，可引申為解決問題的方法，是用語言來表達思想的方法。在計算機程序設計中，“算法”一詞特指用計算機求解某一問題的方法步驟。通常算法的描述方式有自然語言、流程圖與偽代碼表示法等。
2.設計實現圖片放大與縮小算法的流程圖
(1)圖片放大的算法流程圖(“圖11-5圖片放大的算法流程圖”)。
試一試
請根據圖片縮小的原理，完成“圖11-6圖片縮小的算法流程圖”縮小的算法流程圖。
資料室
流程圖中圖形符號的含義
在計算機程序設計中，為了更加簡潔直觀地表達算法，人們習慣使用流程圖。在流程圖中使用的圖形符號有固定的含義，圓角矩形表示“開始與結束”(如圖11-5中的第個、第4個框);矩形框表示“處理”(如圖11-6中的第2個、第3個框)，除此之外，還有棱形框表示“判斷”;平行四邊形表示“輸入與輸出”。
(2)順序結構。
從圖11-5、圖11-6中所表達的圖片放大與縮小的算法流程圖可見，執行第一條語句后，必然依次執行第二條、第三條…其規律是依次執行所有語句，直至結束語句，像這樣的控制結構稱為程序的順序結構。
討論
請總結這種結構的特征是什么。
三、賦值語句
1.賦值語句的功能
？想一想
“=”的作用是什么?
ImageZs.
Width=
ImageZs.
Width
1.1
ImageZs.
Height=lmageZs.
Height
1.1
語句“
ImageZs.
Width=
ImageZs.
Width
1.1”的含義是:將名稱為
“ImageZs”的圖片框的寬度屬性值(
Width)乘1.1倍后再賦值給
ImageZs.width，以達到圖片寬度不斷增加的目的，這就是賦值語句的功能。
討論
說一說實現圖片高度增大1.1倍的賦值語句的含義，如若高度(
Height)與寬度(
Width)放大的比例系數不相同，會造成什么結果?
2.賦值語句的格式
賦值語句的格式:變量=表達式。
練一練
請在下框中寫出表達
ImageZs.
Height與
ImageZs.Widh等比例縮小三分之一的賦值語句。
四、設計程序代碼
明確算法即意味著找到解決問題的方法。學會了用賦值語句表達讓圖片寬度與高度等比例增加，也就意味著學會了用計算機程序語言表達處理這個問題的想法。接下來，我們在VB中將賦值語句逐句輸入給指定對象就可以了。
具體操作步驟如下。
(1)打開素材文件夾中的文件“圖片放大與縮小.vbp”。
(2)在工程管理器窗口中選中
FormFdsx(圖片放大與縮小.frm)→點擊“查看代碼”按鈕進入代碼編輯窗口，如圖11-7所示。
圖11-7工程管理器窗ロ
(3)在代碼窗口中，依據圖11-8所示操作。
圖11-8“圖片放大與縮小”代碼窗口
五、調試“圖片放大與縮小”程序
計算機編寫程序的一個重要環節是調試。事實上，當我們在代碼窗口輸入程序代碼時，計算機就會自動進行語法檢查。圖11-9所示的就是計算機發現我們輸入的表達式不完整的提醒方式，即輸入的關鍵字呈現紅色，并彈出如圖11-10所示的提示框提示編譯不成功，點擊“確定”按鈕后可繼續輸入代碼。
圖11-9表達式輸入不完整
圖11-10彈出的提示框
若輸入的關鍵詞出錯，當我們點擊按鈕時，會彈出如圖11-11所示的對話框，點擊“調試”按鈕后，代碼框中出錯的一行即呈現黃色提示，如圖11-12所示。此時需要仔細檢查錯誤的地方，修改正確后，才可正常運行。
圖11-11調試常見情況
圖11-12代碼框黃色表示出錯行
無論是專業的程序員，還是程序設計的初學者，都會遇到這樣或那樣的出錯情況，因此，在程序調試環節須認真仔細地總結改正錯誤的方法，掌握一些調試的方法，積累一些經驗去解決問題。
思考與練習
“圖11-13用變量實現數據交換的程序界面效果圖與代碼窗口”所示的是用變量實現數據交換的程序界面效果圖與代碼窗口圖，(1)請思考什么是變量。(2)請思考實現數據交換的原理是什么。(3)參考樣例完成程序的設計。
資料室
注釋語句的功能
在計算機程序設計中有一條語句十分特殊，計算機讀到它后，不執行任何操作，其功能是用來幫助程序設計人員讀懂每條語句的含義，它就是注釋語句。
在程序中注釋語句是用單引號引領的一段文字說明，如圖11-13(c)中綠色字體所顯示的內容。
課堂小結
這節課，我們知道了賦值語句的含義，程序的順序結構，設計圖片放大與縮小的算法（變量的意義）和設計程序代碼以及程序調試(編輯錯誤與邏輯錯誤)的方法。
板書設計
分析問題
設計圖片放大與縮小的算法
順序結構一圖片的放大與縮小
賦值語句
設計程序代碼
調試“圖片放大與縮小”程序
課后反思(共40張PPT)
第十一課
順序結構一圖片的放大與縮小
圖像處理軟件中有種功能，點擊放大或縮小圖標時，圖片會隨之放大或縮小(如圖11-1所示)。小明想用自己學過的VB語言實現以下功能。
(1)鼠標單擊“放大(+)”按鍵即實現圖片的等比例放大。
(2)鼠標單擊“縮小（－）”按鍵實現圖片等比例縮小。
圖11-1圖片的放大與縮小運行效果圖
一、分析問題
1.分析選用對象及設置對象屬性
在VB程序設計中
一是要根據問題需求明確應選用什么對象，以便用戶應用程序解決問題;
二是要思考每個對象承擔的任務是什么;
三是確定對象的屬性應該如何設置，以便用戶閱讀程序;
四是要選定響應動作的方式是什么。
？想一想
表11-1列出了本程序中部分對象及屬性要求，試結合問題描述思考:還需要什么對象?對象承擔什么任務?對象的屬性如何設置?并填寫表11-2。
練一練
在VB中新建一個工程文件，并根據表11及表1-2中控件及屬性的設置，完成程序界面設計任務。
2.分析圖片放大與縮小的原理
？想一想
在VB中，圖片框
Image的屬性里有兩個屬性分別為
Height、Width。請結合圖11-2、圖11-3對其中的數據參數進行觀察。
(1)你發現了什么?
(2)屬性面板下端提示符與藍色選定項的關系如何?
討論
觀察圖11-4中的代碼，說說圖片放大與縮小的原理是什么。
圖11-4圖片的放大與縮小程序代碼窗口圖
二、設計圖片放大與縮小的算法
1.算法
算法是算題的方法，可引申為解決問題的方法，是用語言來表達思想的方法。在計算機程序設計中，“算法”一詞特指用計算機求解某一問題的方法步驟。通常算法的描述方式有自然語言、流程圖與偽代碼表示法等。
2.設計實現圖片放大與縮小算法的流程圖
(1)圖片放大的算法流程圖(圖11-5)。
試一試
請根據圖片縮小的原理，完成圖11-6圖片縮小的算法流程圖。
資料室
流程圖中圖形符號的含義
在計算機程序設計中，為了更加簡潔直觀地表達算法，人們習慣使用流程圖。在流程圖中使用的圖形符號有固定的含義，圓角矩形表示“開始與結束”(如圖11-5中的第個、第4個框);矩形框表示“處理”(如圖11-6中的第2個、第3個框)，除此之外，還有棱形框表示“判斷”;平行四邊形表示“輸入與輸出”。
(2)順序結構。
從圖11-5、圖11-6中所表達的圖片放大與縮小的算法流程圖可見，執行第一條語句后，必然依次執行第二條、第三條…其規律是依次執行所有語句，直至結束語句，像這樣的控制結構稱為程序的順序結構。
討論
請總結這種結構的特征是什么。
1.賦值語句的功能
？想一想
“=”的作用是什么?
ImageZs.
Width=
ImageZs.
Width
1.1
ImageZs.
Height=lmageZs.
Height
1.1
語句“
ImageZs.
Width=
ImageZs.
Width
1.1”的含義是:將名稱為
“ImageZs”的圖片框的寬度屬性值(
Width)乘1.1倍后再賦值給
ImageZs.width，以達到圖片寬度不斷增加的目的，這就是賦值語句的功能。
討論
說一說實現圖片高度增大1.1倍的賦值語句的含義，如若高度(
Height)與寬度(
Width)放大的比例系數不相同，會造成什么結果?
2.賦值語句的格式
賦值語句的格式:變量=表達式。
練一練
請在下框中寫出表達
ImageZs.
Height與
ImageZs.Widh等比例縮小三分之一的賦值語句。
四、設計程序代碼
學會了用賦值語句表達讓圖片寬度與高度等比例增加，也就意味著學會了用計算機程序語言表達處理這個問題的想法。接下來，我們在VB中將賦值語句逐句輸入給指定對象就可以了。
具體操作步驟如下。
(1)打開素材文件夾中的文件“圖片放大與縮小.vbp”。
(2)在工程管理器窗口中選中
FormFdsx(圖片放大與縮小.frm)→點擊“查看代碼”按鈕進入代碼編輯窗口，如圖11-7所示。
圖11-7工程管理器窗ロ
(3)在代碼窗口中，依據圖11-8所示操作。
圖11-8“圖片放大與縮小”代碼窗口
五、調試“圖片放大與縮小”程序
當我們在代碼窗口輸入程序代碼時，計算機就會自動進行語法檢查。圖11-9所示的就是計算機發現我們輸入的表達式不完整的提醒方式，即輸入的關鍵字呈現紅色，并彈出如圖11-10所示的提示框提示編譯不成功，點擊“確定”按鈕后可繼續輸入代碼。
若輸入的關鍵詞出錯，當我們點擊按鈕時，會彈出如圖11-11所示的對話框，點擊“調試”按鈕后，代碼框中出錯的一行即呈現黃色提示，如圖11-12所示。此時需要仔細檢查錯誤的地方，修改正確后，才可正常運行。
圖11-11調試常見情況
圖11-12代碼框黃色表示出錯行
在程序調試環節須認真仔細地總結改正錯誤的方法，掌握一些調試的方法，積累一些經驗去解決問題。
思考與練習
圖11-13所示的是用變量實現數據交換的程序界面效果圖與代碼窗口圖，(1)請思考什么是變量。(2)請思考實現數據交換的原理是什么。(3)參考樣例完成程序的設計。
資料室
注釋語句的功能
在計算機程序設計中有一條語句十分特殊，計算機讀到它后，不執行任何操作，其功能是用來幫助程序設計人員讀懂每條語句的含義，它就是注釋語句。
在程序中注釋語句是用單引號引領的一段文字說明，如圖11-13(c)中綠色字體所顯示的內容。
課堂小結
這節課，我們知道了賦值語句的含義，程序的順序結構，設計圖片放大與縮小的算法（變量的意義）和設計程序代碼以及程序調試(編輯錯誤與邏輯錯誤)的方法。
板書設計
分析問題
設計圖片放大與縮小的算法
賦值語句
設計程序代碼
調試“圖片放大與縮小”程序
順序結構--圖片
的放大與縮小

展開更多......

收起↑