第一节 电子相册课时教学设计
课题
第一节 电子相册
单元
第一单元
学科
信息技术
年级
八年级
学习
目标
掌握如何设置Image控件的picture属性。
通过电子相册的制作，掌握通过事件处理过程代码来修改对象属性的方法。
通过实例的制作，培养学生学习VB的激情和兴趣。
重点
掌握如何设置图形框控件的picture属性、LoadPicture（）函数的使用。
难点
学会使用App.Path得到相对路径的方法。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
观看电子相册。
提问：这个相册需要用到哪些素材？是怎么制作的？
通过老师的引导，掌握知识亚要点，学生进行操练，自己进行探究
对电子相册的欣赏，激起学生的创作欲望。
讲授新课
一、分析需求功能与控件
显示三幅图片，那么使用到了三个显示提示按键和一个退出按键。
二、Image控件
Image控件可以显示来自位图、图标及其他格式的图形文件，与PictureBox（图片框）控件相比，Image控件占用内存少，显示速度快。
设置Image控件属性
Picture属性
Picture属性可用于窗体、图片框和图像框等控件的图片加载，可通过属性窗口进行设置。单击右端按钮，选择图片加载。
Stretch属性。
该属性只存在于Image控件中，它是用来自动调整图像框中图形内容的大小。取值为：True或False，当值为Ture时，将自动放大或缩小图像框的图形。
三、设计界面
如何设置合适的对象，完成“名犬相册”的界面设计？
1、建立工程
2、创建图形用户界面
3、设置对象属性
四、设计显示图片的算法
1、算法
2、“名犬相册”算法设计
五、LoadPicture函数
LoadPicture函数。格式为：
对象.Picture=loadPicture(“文件名”)
1、添加代码
六、调试程序
七、程序设计的基本过程
探究
如果在“名犬相册”程序中增加关于名犬介绍的文字是不是更好？那么如何把原来编写的程序升级一下呢？我们来试试看！
课后习题:
1、1、在Microsoft VB 6.0中，命令按钮控件是（C）?
???? （A）Label??? （B）TextBox?????
（C）CommandButton??（D）Image
2、2、双击窗体中的对象后，VB将显示的窗口是（C）
???? （A）工具箱??????? （B）工程窗口????
（C）代码窗口???????（D）属性窗口
3、可以在图片框或图像框中显示图形的属性是：
???? （A）Picture??????? （B）Image????
（C）Icon????? ?（D）DownPicture
听讲，了解Image控件中的Picture、Stretch属性
了解命令控制按钮。及字体的设置和输出的文字内容、位置自定。
了解LoadPicture函数的格式应用。
控件添加代码。
通过探究完成实践。
掌握与理解
讲练结合，对比应用，营造课堂气氛，学以致用。
课堂小结
1、设置Image控件属性:Picture属性、Stretch属性（True或False）。
2、命令控件按钮用：CommandButton。
3、图像控件用：Image控件。
4、LoadPicture函数。格式为：
对象.Picture=loadPicture(“文件名”)
学生回答
利用问题形式进行总结，看看学生的掌握情况。
板书
一、分析需求功能与控件。
二、Image控件。
三、设计界面。
四、设计显示图片的算法
五、LoadPicture函数
六、调试程序
七、程序设计的基本过程
课件26张PPT。第一节 电子相册粤教版 八年级下新知导入 观看这个“电子相册”并思考该如何做出这样的效果？新知讲解 一、分析需求功能与控件想一想：
刚才播放的电子相册中，显示三幅图片，那么使用到了三个显示提示按键和一个退出按键。在VB中编写，这些按键就是控件。本任务中就是选择CommandButton控件、Image控件。新知讲解 二、Image控件 Image控件可以显示来自位图、图标及其他格式的图形文件，与PictureBox（图片框）控件相比，Image控件占用内存少，显示速度快。新知讲解1、设置Image控件属性（1）Picture属性。 Picture属性可用于窗体、图片框和图像框等控件的图片加载，可通过属性窗口进行设置。单击右端按钮，选择图片加载。单击此处加载图片。新知讲解 通过Picture属性将pic素材文件夹下的图片“bg.jpg”加载到窗体中。新知讲解 该属性只存在于Image控件中，它是用来自动调整图像框中图形内容的大小。取值为：True或False，当值为Ture时，将自动放大或缩小图像框的图形。（2）Stretch属性。（a）Stretch属性为true（b）Stretch属性为false新知讲解 三、设计界面 如何设置合适的对象，完成“名犬相册”的界面设计？新知讲解 （1）建立工程 启动VB，在弹出的“新建工程”对话框中单击“打开”按钮，进入VB集成开发环境。新知讲解 （2）创建图形用户界面 ① 在窗体“Form1”中添加4个CommandButton控件按钮，其默认名称分别为：Command1、Command2、Command3、Command4。
新知讲解 （2）创建图形用户界面 ② 添加一个Image控件，其默认名称为Image1。
新知讲解（3）设置对象属性新知讲解 四、设计显示图片的算法1、算法 算法可以理解为用计算机解决问题的具体方法。算法的表示方法主要有自然语言、流程图和伪代码等。新知讲解2、“名犬相册”算法设计（1）创建一个图像框（Image）控件和四个CommandButton按钮控件。
（2）单击“哈士奇”按钮控件时，Image控件加载图片“hsq.png”。
（3）单击“博美犬”按钮控件时，Image控件加载图片“bmq.png”。
（4）单击“吉娃娃”按钮控件时，Image控件加载图片“jww.png”。
（5）单击“退出”按钮控件时，退出程序。
新知讲解 五、LoadPicture函数 实现图片加载，需要用到LoadPicture函数。格式为：
对象.Picture=loadPicture(“文件名”)
文件名需要指明相应的存储位置，才能正常加载。
App.Path是LoadPicture函数的好搭档，它能返回程序所在的路径，即相对路径。
注意：保存的窗体文件夹和图片文件夹需同在一个目录下。新知讲解 1、添加代码（1）双击窗体上的“哈士奇”按钮，打开代码窗口：新知讲解六、调试程序 当调试程序时，出现标黄色，说明代码有错误，蓝色区域就是其错误所在。修改成正确的才能运行成功。新知讲解 输入代码时，需注意：
（1）避免手动输入时的拼音错误。
（2）多用系统提供的选项来输入。
在正确输入对象后的”.”时，会同时出现一个列表，直接点击即可正确输入。新知讲解七、程序设计的基本过程1、分析问题阶段，研究待解决问题所给定的条件，要达到的目标以及
解决问题的总体思路。
2、设计算法阶段。设计出解决问题的具体方法。
3、调试阶段。发现和排除程序的错误问题。新知讲解 如果在“名犬相册”程序中增加关于名犬介绍的文字是不是更好？那么如何把原来编写的程序升级一下呢？我们来试试看！课后习题1、在Microsoft VB 6.0中，命令按钮控件是（C）?
???? （A）Label?????? （B）TextBox?????
（C）CommandButton?????（D）Image
2、双击窗体中的对象后，VB将显示的窗口是（C）
???? （A）工具箱??????? （B）工程窗口????
（C）代码窗口???????（D）属性窗口
课后习题3、可以在图片框或图像框中显示图形的属性是：（A）?
???? （A）Picture??????? （B）Image????
（C）Icon????? ?（D）DownPicture
课堂总结1、设置Image控件属性:Picture属性、Stretch属性（True或False）。
2、命令控件按钮用：CommandButton。
3、图像控件用：Image控件。
4、LoadPicture函数。格式为：
对象.Picture=loadPicture(“文件名”)
板书设计一、分析需求功能与控件。
二、Image控件。
三、设计界面。
四、设计显示图片的算法
五、LoadPicture函数
六、调试程序
七、程序设计的基本过程谢谢21世纪教育网（www.21cnjy.com) 中小学教育资源网站 有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
