高中信息技术选修1教案-3.2在可视化的程序设计环境VB中建立一个应用程序-浙教版

3.2 在可视化的程序设计环境 VB 中建立一个应用程序 1 教学设 计 教学课题 QQ 界面设计 教材分析 本课时选自浙江教育出版社 2004 版《算法与程序设计》教科书的第三 章“面向对象程序设计的基本知识”下的“3.2 在可视化的程序设计环境 VB 中建立一个应用程序”这一小节的内容。 本课时主要内容是通过 QQ 界面的设计，来了解基本的程序设计流程， 熟悉控件的应用，掌握对象、属性、类、事件和事件处理的概念，应用程 序的运行和保存等。学习界面设计，既了解了应用程序的创建过程，又可 以为接下来的算法学习奠定必要的基础。 学情分析 面向对象：高一年级的学生。 知识技能基础：在学习本课时之前，部分学生在初中阶段已经接触过 VB 基础知识的学习，有一定的基础，但是相关知识并没有形成系统完整的框 架，大部分已经忘记了，所以本课时对学生来说，是程序设计新的开始。 情感基础：部分学生对于“编程”的理解就是“很难”，存在畏惧心理，还 有些学生对此很好奇，充满期待。所以本课时通过设计同学们常用的 QQ 软件的界面，让大家感受到程序设计的有趣和魅力，消除紧张感，并增加 一定难度的探究环节，让他们自动探索学习，增强成就感的同时，提高自 身能力。 教学目标 知识与技能 1. 能分辨对象名、属性名、类名、事件和事件处理 的概念 2. 能利用 label、TextBox、CommandButton、Image 等常用控件来设计程序界面 3. 会根据需求，修改对象的相关属性 4. 能运行程序并保存 过程与方法 1. 通过设计 QQ 界面，熟悉程序设计的基本过程 2. 通过任务探究，自我探索，提升能力 情感态度与价值观 1. 通过设计 QQ 界面，激发和培养对程序设计的兴 趣 2. 通过任务探索，养成自主探究的意识和习惯 教学重难点 重点：了解程序设计的基本过程；掌握对象、属性、类、事件和事件处理 的概念；程序的运行与保存 难点：掌握对象、属性、类、事件和事件处理的概念 教学方法 任务驱动、自主探究 教学资源与 环境 教学资源： VB 软件、电子文档导学案、相关素材、范例、PPT 教学环境：多媒体教室 教学过程 教师活动 学生行为 教学意图 情境导入 引出主题 广播教学： 运行学生材料里的 QQ.exe 程序，发现 该程序其实只是 VB 创建的一个 QQ 界面。 介绍应用程序的功能性是基于界面设 计的基础上，再在后台敲代码实现的。界面 设计是程序设计必不可少的基础。 引出主题：通过设计 QQ 界面，来学习 基本的界面设计 观察、听讲 认 识 本 课 时 的 学 习 意义，了解 本 课 时 学 习内容 创建对象 广播教学： 分析 QQ 的界面的元素构成： 图片、输入框、按钮、文字提示等 提出疑问：这些元素分别是由 VB 软件里的 哪些工具创建的呢？ 演示介绍所用的控件： Image：图像，用来插入图片 TextBox：文本框，用来输入信息 Commdbutton：按钮 Label：标签，用来输入提示文字 观察、回答、思 考 了 解 界 面 设 计 的 过 程；认识常 用控件 任务一 根据 QQ 的界面布局，运用控件 image（图 像）、Label（标签）、TextBox（文本框）、 CommandButton（按钮）在窗体上创建界面 效果 动手操作 熟 练 使 用 控件 修改属性 广播教学： 介绍属性窗口的构成以及对象名、类 名、属性名、属性值的概念。 演示修改 form 窗体的标题，更改“名 称”属性？——“名称”属性修改的是对象 名，更改标题要修改“caption”属性的属性 值。 鼠标单击属性名后，属性窗口下方会有 相应的解释说明。 演 示 修 改 commandButton 、 Label 的 caption 属性、TextBox 的 text 属性以改变这 些对象上显示的文字 观察、思考 认 识 对 象 名、类名、 属性名、属 性 值 等 概 念； 掌 握 修 改 对 象 属 性 的方法 任务二 在属性窗口更改每个对象的文字内容。 探索：将标签的文字“注册账号”、“找 回密码”修改颜色，如何实现？ 动手操作、自主 探索 熟 悉 对 象 属 性 的 修 改；自主探 索 对 象 的 相 关 属 性 功 能 和 使 用 添加图片 广播教学： 请一位同学演示修改标签的文字颜色。 （ForeColor 属性） 演示 image 对象导入图片并使其适配 控件尺寸的方法（pictur、stretch 属性） 演示窗体导入背景图片的方法（picture 属性） 运行程序——label 有白色背景，如何 去掉？——演示修改“backStyle”背景样式， 观察、思考 了 解 图 片 添 加 的 技 巧； 选择 0—— Transparent（透明背景） 任务三 1.添加上方界面图片 2.在账号、密码输入框的左侧，添加 QQ 图标 3.为 form 窗体添加背景图片 4.将标签的背景改成透明样式 探索：如何为窗体添加左上角的图标？ 动手操作 熟 悉 图 片 的添加；自 主 发 现 窗 体 图 标 的 修改方法 添加代码 广播教学： 请一位同学演示为窗体添加 QQ 图标 的方法。（icon 属性） 介绍添加代码的方法： 1.双击窗体空白处打开代码窗口。 2.选择需要添加代码的对象，并选择所 需的事件类型。 3.添加代码 介绍事件概念以及常用事件类型。 简单演示并介绍两段代码的意思 观察，思考 了 解 事 件 的概念；学 会 调 出 代 码 窗 口 的 方法 任务四 1. 将导学案上的代码粘贴到相应对象的 相应事件下 2. 使用菜单“运行”——“启动”——或 者 F5，检测自己制作的界面 3. 使用菜单“文件”——工程另存为； 使用菜单“文件”——Form 另存为，保 存自己的工程文件和窗体文件。 保存在“我的文件”文件夹下 动手操作 学 会 添 加 代码； 初 步 了 解 运 行 调 试 的方法； 学 会 保 存 程序 总结 广播教学： 总结本课时所学控件以及对象名、类 思考、回答 归 纳 本 课 时知识点 名、属性名、属性值、事件等概念 作业 完成 QQ 界面的设计； 完成导学案上的练习题； 将作品和导学案上交 学有余力：修改按钮上的背景颜色和文字颜 色。 完成习题 通 过 习 题 巩 固 本 课 时 所 学 知 识点； 习题校对、 讲解 广播教学： 讲解习题并强调相关知识点 回答、思考 了 解 学 生 学习情况 板书设计 QQ 界面设计 界面元素 控件类型 相关属性 窗体 Form caption 图片 image picture 文本框 TextBox text 标签 label caption 按钮 CommandButton caption 教学反思： 1. 强调了对于 VB 界面和各类概念的理解，但是缺少对整个应用程序创建过程进行简要概 述。 2. 习题讲解环节采用直接讲解的形式，集体回答，共同回顾知识点，不太合理。应该请个 别同学分享答案，或者每个选项请同学们举手以便了解大家的选择分布情况，这样才能 更了解学生的知识点掌握情况，针对答题正确率再有选择地强调知识点。 3. 其实结尾可以找时间对已上交的学生作品做一些简单的点评，而不必等到下节课再评价 和分析。