高中信息技术选修1《算法与程序设计》3.1.2窗体和控件教学设计

高中信息技术选修1《算法与程序设计》3.1.2窗体和控件教学设计一、教学背景与教材定位粤教版高中信息技术选修1《算法与程序设计》第三章“可视化编程”是学生从命令行式思维走向图形界面思维的关键一跃。3.1.2节“窗体和控件”位于本章第一节“可视化程序设计”的核心位置，前承VB集成开发环境的认识，后启事件驱动编程机制的学习，承担着把抽象的“对象—属性—事件—方法”概念落到可操作载体上的任务。从学情看，授课对象为高中二年级选修本模块的学生。他们已经在必修模块中建立了算法的初步概念，在3.1.1节中认识了VB的窗口组成，能够说出菜单栏、工具箱、窗体设计器、属性窗口、代码窗口的位置和作用。但是，学生在日常使用中习惯于“点软件”，从未思考过“软件为什么一点就动”。图形界面对他们而言是消费对象，不是创造对象。本节课的教学价值恰恰在于完成这次身份转换：让学生从界面的使用者变成界面的设计者。教材在编排上先介绍窗体，再以标签、文本框、命令按钮三个最典型控件为例展开，最后渗透常用属性的设置方法。教材的呈现是知识罗列式的，缺少驱动性情境。如果照本宣科，学生能记住Caption、Text等属性名，却未必理解“属性决定外观与状态”这一本质。因此本设计采用任务驱动与微型项目相结合的方式，以“制作一个班级成绩录入小工具”为主线，把窗体与控件的知识镶嵌进真实的开发流程中。二、教学目标知识与技能方面，学生能够准确说出窗体和控件的从属关系，能列举标签、文本框、命令按钮三类控件的功能差异；能熟练通过属性窗口设置Name、Caption、Text、Font、BackColor等常用属性，理解属性设置可以在设计时进行也可以在运行时通过代码改变；能区分配对出现的设计时属性与运行时属性。过程与方法方面，学生经历“界面草图—控件选择—属性设置—效果调试”的完整流程，建立起界面设计先于代码编写的工程习惯；通过对比表格归纳三个控件的属性异同，发展分类与归纳的思维品质。情感态度与价值观方面，学生在亲手做出第一个可运行的小程序界面时体验到创造的成就感，初步形成“为用户而设计”的界面意识，理解一个按钮的位置、一个提示语的措辞背后都有设计者的用心。三、教学重点与难点教学重点有两个。一是窗体与控件的从属关系以及对象的属性概念，这是整个可视化编程的概念地基；二是三个基本控件的选取原则与关键属性设置，这是本节课的操作主干。教学难点在于突破两个认知障碍。其一，区分对象的“属性”与“方法”，学生容易把两者混为一谈，需要通过可观察的行为效果来辨析；其二，初步感受“属性可以在代码中被赋值”这一思想，例如代码1所示的形式，Caption在运行时被改写：Label1.Caption="录入成功"这里不要求学生本节课就熟练书写事件代码，但要在认知上留下接口，为下一课时的“过程与事件”埋下伏笔。四、教学方法与课前准备教法上采用情境导入、任务驱动、分层操练与对比归纳相结合。准备三个层次的素材：教师演示用的半成品工程文件、学生操练用的任务单、学有余力者使用的拓展挑战卡。机房环境为装有VB6.0或兼容教学版的计算机，教师机配置广播教学软件。课前在每张学生机上放置本课资源文件夹，内含界面效果图样例、半成品工程、素材图标若干。从学业质量标准看，本课时对应“能使用程序设计语言实现简单算法，体验程序设计的基本流程”的要求，评价时既看操作结果，也看学生在设计决策中的表达。五、教学过程（一）情境导入：一次“故意失败”的软件体验（约6分钟）上课伊始，教师不打开课件，而是广播展示一个自制的小程序界面：标题栏写着“1”，三个按钮挤在左上角，分别叫做mand1、mand2、mand3，没有任何文字提示。教师邀请一名学生上前操作：“请你用这个程序计算你和同桌的平均分。”学生无从下手，教室里出现短暂的迟疑与笑声。教师顺势提问：“这个程序明明能算，为什么你用不了？”学生七嘴八舌：按钮不知道哪个是干什么的，没有输入分数的地方，标题看不懂。教师把学生的回答逐条写在黑板上，形成一份“糟糕的界面问题清单”。接着教师打开另一个版本的同一程序：标题为“班级平均分计算器”，两个文本框旁有标签“第一位同学成绩”“第二位同学成绩”，一个醒目的按钮写着“开始计算”，结果显示区有边框和底色。学生自己就能完成操作。教师点破本课主题：“同一个功能，界面不同，命运不同。今天我们就来当这个改变界面命运的人——学习窗体和控件。”这一导入的设计意图有三：用亲历的失败制造认知冲突，让“为什么要学”先于“学什么”；生成的“问题清单”恰好暗合本课知识点——标题对应窗体Caption，按钮文字对应Caption属性，输入框对应文本框，提示文字对应标签，黑板上那份清单就是本课的知识地图；同时让学生建立“界面是给人用的”这一设计立场，而不是把属性设置当成机械的填空。（二）新知建构之一：窗体——控件的容器与舞台（约7分钟）教师启动VB，新建标准EXE工程，屏幕上出现空白窗体Form1。教师把它比作画布和舞台：“程序运行后你看到的窗口，设计时叫窗体。它本身也是一个对象，有自己的属性。”学生跟随操作，在属性窗口中依次做三个改变并即时观察效果：把Caption改为“我的第一个界面”，运行后窗口标题随之变化；把BackColor改为浅黄色，整个窗口底色改变；调整Width和Height的数值，窗体尺寸改变。教师要特别强调观察方法：属性窗口左侧是属性名，右侧是属性值；改动属性值后窗体即刻响应，这就是“所见即所得”的设计环境。随后教师抛出问题：“属性列表很长，几十个属性都需要背吗？”引导学生发现属性可以分类记忆：管外观的（Caption、BackColor、ForeColor、Font、Picture），管位置大小的（Left、Top、Width、Height），管行为的（Enabled、Visible、MaxButton）。分类记忆法比逐个死记更符合认知规律，也为后面控件属性的学习提供了迁移框架。这里安排一个一分钟的快问快答：要使窗口运行时没有最大化按钮，改哪个属性？要让窗口启动时不可见，改哪个属性？学生在属性窗口中大胆尝试，允许犯错，因为点错属性值没有破坏性，而这种探索本身就是对属性体系的熟悉过程。（三）新知建构之二：三大基本控件的分工（约12分钟）教师用一句定位语概括三者分工：“标签负责说，文本框负责收，按钮负责办。”这个通俗的表述先建立功能直觉，再进入规范术语。第一个控件是标签Label。学生在工具箱中双击标签图标，控件自动落在窗体中央，拖动到合适位置。学生设置其Caption为“请输入你的分数”，再尝试Font属性，在弹出的字体对话框中选择字号与加粗。教师提醒：标签默认不接受用户输入，它是界面的解说员。顺便指出标签也有BackStyle属性，取0时透明，取1时不透明，这个细节在制作有底色界面时很常用。第二个控件是文本框TextBox。学生添加文本框后，教师引导一对关键对比：文本框没有Caption属性，它的内容属性是Text。很多学生会在属性列表里找Caption找不到，这个“找不着”的困惑时刻恰恰是区分两个属性的最佳时机。教师让学生用一句话总结：“标签的字写在Caption里，文本框的字写在Text里。”随后设置Text属性为空，并演示MaxLength属性——把它设为3，运行时最多只能输入3个字符，学生立刻理解了属性对输入行为的约束作用。第三个控件是命令按钮mandButton。学生设置Caption为“开始计算”，并观察Default属性的效果：设为True后，运行界面中按钮出现深色边框，敲回车等同于点击它。教师一句点评：“这就是界面设计中的默认路径思维，把用户最可能的操作设为默认，是体贴。”在每个控件学完之后，教师都要求学生在任务单的对比表格中填一行：控件名、内容属性、典型外观属性、典型行为属性、我的界面中用它做什么。三个控件学完，表格自然填满，这份表格就是本节课的知识结晶。此环节中教师还要示范两种添加控件的合理方法——双击添加与拖画添加，并引导学生体会对齐与间距：选中控件后用方向键细调位置，多个控件保持左对齐。这些不属于考点，却是工匠精神的渗透：界面的专业感往往就藏在几像素的对齐里。（四）新知建构之三：对象的称谓——Name属性的规范（约5分钟）这是学生最容易轻视却最需要规范的环节。教师先展示一段代码片段，其中出现mand1、mand2、Label3的字样，问学生：“三天之后再看这段代码，你还记得mand2是干什么的吗？”学生摇头。教师引入命名约定：Name属性是对象在代码中的身份证，宜用“控件类型缩写加功能”的方式，例如计算按钮命名为cmdCalc，输入分数的文本框命名为txtScore，显示结果的标签命名为lblResult。学生动手把自己界面上的三个控件的Name改规范。教师需要特别讲清楚一对容易混淆的概念：Name是给自己和代码看的，Caption是给别人看的。一个是身份，一个是脸面。界面上的按钮显示什么文字由Caption决定，代码里怎么称呼这个按钮由Name决定。这个辨析靠一道小题巩固：“想把按钮上显示的字从‘计算’改成‘开始’，应该改Name还是Caption？”（五）综合任务：搭建“班级平均分计算器”界面（约12分钟）知识铺垫完毕，进入本课的核心任务。任务要求明确写在任务单上：界面标题为“班级平均分计算器”；包含两个带标签说明的文本输入框，分别接收两位同学的成绩；一个命令按钮，显示文字为“开始计算”；一个预留的结果显示区域，用带边框的标签实现；所有控件命名规范；界面布局整齐美观。学生独立操作，教师巡视。巡视中关注三类典型问题并分类处理。第一类问题是技术性的，例如找不到某个属性、把控件拖出了窗体边界。这类问题教师直接个别辅导，手把手不超过三十秒。第二类问题是习惯性的，例如Name全部保留默认值、控件大小不一。教师不直接纠正，而是走到学生旁边轻声提问：“这个按钮叫什么名？下周你还记得吗？”用问题代替答案。第三类问题是设计性的，也是最值得珍惜的，例如有学生给结果标签加了底色和边框，有学生把按钮做得很大很醒目，有学生甚至给窗体加了图标。教师在广播点评环节专门展示这些作品，并追问设计理由，让“设计意图”成为课堂话语的一部分。任务进行到八分钟左右，教师安排一次中途广播互评：随机展示两位学生的半成品，全班按“看得懂、找得到、点得准”三条朴素的可用性标准投票。这三条标准来自导入环节的“问题清单”，首尾呼应，评价标准由学生自己生成过，执行起来格外有说服力。对于进度快的学生，发放拓展挑战卡：给窗体加上Icon图标；尝试给按钮设置Style和Picture属性做出带图按钮；预习思考题——把结果标签的BorderStyle设为带边框后，它更像一个“显示器”，那么点击按钮后怎样让计算结果出现在这个“显示器”上？最后这个问题直指属性在运行时的代码赋值，为下一课时“事件与过程”留下悬念式接口。（六）小结与升华（约3分钟）课堂尾声，教师不替学生总结，而是组织“一句话接龙”：每人用一句话说出今天的收获，不许重复别人说过的。学生的表达从“学会了拖控件”逐渐走向“界面是给人用的”“属性决定长相和脾气”“名字和规范很重要”。教师把学生的话聚合成板书上的三级框架：对象是核心，属性刻画对象，窗体承载控件。最后教师留下一段结语：“今天你们做的这个界面还没有灵魂——按钮点了不会算。给界面注入灵魂的，是我们下节课要学的事件与代码。一个好的程序员，先学会为人设计界面，再学会用代码兑现承诺。”六、板书设计板书采用左中右三栏结构。左栏保留导入环节生成的“糟糕界面问题清单”，作为课的原点；中栏是本课知识主干，自上而下依次为：窗体（容器、Caption、BackColor、宽高），标签（Caption、Font、BorderStyle），文本框（Text、MaxLength），命令按钮（Caption、Default），以及横贯三者的Name命名规范；右栏是动态区，记录学生接龙小结时的精彩表述和互评中提炼的设计心得。三栏之间形成“问题—知识—生成”的完整叙事，一节课的故事就写在黑板上。七、作业设计基础作业要求全体完成：回家利用课堂工程文件，为计算器界面增加第三个输入框以支持三位同学的平均分计算，保持命名规范与布局整齐，下节课开头用两分钟请两位同学展示。选做作业面向学有余力者：观察自己手机或电脑中任意一个常用软件的界面，用本课的术语写一份不超过两百字的“界面解剖报告”，指出其中哪些是标签、哪些是文本框、哪些是按钮，并评价一处你认为设计得好或不好的地方，说明理由。这份作业把课堂术语带回生活，完成知识的第二次情境化。八、教学评价设计本课评价采用过程性评价与作品评价相结合的方式。过程性评价关注学生在快问快答、互评投票、接龙小结中的参与度与表达质量；作品评价采用师生共定的简易量规，从功能完整性（控件齐全、属性设置正确）、规范性（命名规范、属性值合理）、设计性（布局整齐、考虑用户体验）三个维度各设三档等级。评价主体包括学生自评、同桌互评与教师评价，其中同桌互评使用导入环节生成的三条朴素标准，降低了评价门槛，也保持了标准的一致性。需要特别说明的是，本课不评价代码能力，因为代码尚未成为本课的目标。评价内容严格对齐教学目标，避免用超纲要求挫伤学生刚刚萌芽的创造热情。九、教学反思（预设性）本设计最大的风险点在于四十多分钟内容量偏大，三个控件的属性教学若平均用力，必然挤占综合任务时间。应对策略是属性教学不求全，每个控件只讲透一个内容属性和一个行为属性，其余属性通过任务单上的“自助属性清