《中学闽教版八年级信息技术上册第二单元活动七《走进可视化程序设计》参考教案.docx》由会员分享，可在线阅读，更多相关《中学闽教版八年级信息技术上册第二单元活动七《走进可视化程序设计》参考教案.docx（18页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第二单元VB程序设计基础活动七走近可视化程序设计教学目标：1 .知识了解程程序设计、程序设计语言(1) 了解VB语言环境.(2) 了解对象、属性、事件等面向对象程序设计的概念2 .技能：体验简单的程序和界面设计。3 .情感(1)鼓励学生对知识进行迁移，完成创新活动，提高教学的实效性。(2)培养学生探究精神与独立操作能力。课时：2课时重点与难点：1 .教学重点：了解程序设计的意义，建立起程序设计思维雏形.2 .教学难点：对象概念的理解教学方法：演示法、练习法、讨论法教学准备：1 .教学环境。配有黑板或白板的多媒体网络教室2 .教学资源辅助教学使用的程序，存放学生练习的文件夹,学生用机需要安装好V
2、B 语言环境.教学过程: 均输入“lOOpx（px是像素），其目的是为了保证裁切后的图像的宽高比为14 即为正方形。1:1,图像的宽高比为1:1,即为正方形。在图像上拖曳出一个 矩形，将要保留的图像圈起来，（3）在图像上拖曳出一个矩形，将要保留的图 像圈起来，创建一个矩形裁切区域。松开鼠标左键，可以看到，建一个矩形裁 切区域。松开鼠标左键，可以看到，创建的裁切区域的矩形边界线上有几个控 制柄，切区域的矩形边界线上有几个控制柄，裁剪区域内有一个中心标记，在 确定宽高比时，所得裁剪区域的边界线上有4心标记，在确定宽高比时，所得 裁剪区域的边界线上有4个控制柄；在不确定宽高比时，所得裁剪区域的边界
3、线上有8制柄；在不确定宽高比时，所得裁剪区域的边界线上有8个控 制柄。 图2-5-1创建一个矩形裁切区域图2-5-2旋转裁切区域。252旋转裁剪图像调 整裁切区域大小：将鼠标指针移到裁切区域四周的控制柄处，调整裁切区域大 小：将鼠标指针移到裁切区域四周的控制柄处，鼠标指针会变为直线的双箭头 状，再用鼠标拖曳，鼠标指针会变为直线的双箭头状，再用鼠标拖曳，即可调 整裁切区域的大小。区域的大小。调整裁切区域的位置：将鼠标指针移到裁 切区域内，鼠标指针会调整裁切区域的位置：将鼠标指针移到裁切区域内，变 为黑箭头状，再用鼠标拖曳，即可调整裁切区域的位置。变为黑箭头状，再用 鼠标拖曳，即可调整裁切区域的位
4、置。旋转裁切区域：将鼠标指针移到裁切区 域四周的控制柄外，旋转裁切区域：将鼠标指针移到裁切区域四周的控制柄外, 鼠标指针会变为弧线的双箭头状，再用鼠标拖曳，即可旋转裁切区域。指针会 变为弧线的双箭头状，再用鼠标拖曳，即可旋转裁切区域。如果用鼠标拖曳移 动中心标记，则旋转的中心会随之改变。如果用鼠标拖曳移动中心标记，则旋 转的中心会随之改变。单击工具箱内的其他工具，调出一个提示框。单击“裁切” 按钮，单击工具箱内的其他工具，调出一个提示框。单击“裁切”按钮，即可完 成裁切图像的任务。也可以直接按回车键，即可完成裁切图像的任务。也可以 直接按回车键，完成裁切图像的任务。图2-5-3提示框图2-5-
5、4裁剪后的图像2.6 旋转图像方法：图像”旋转画布选择不同的命令。旋转画布”方法: “图像”/“旋转画布选择不同的命令。补充：图像大小单击菜单中的，即可弹 出对话 如图所示。在图中重新写入宽度、框，如图所示。在图中重新写入宽度、 高度等就可以更 改图像。2.7 调整画布尺寸图像/画布大小，画布尺寸的小命令可以让用户修改当前图 图像/画布大小，像周围的工作空间，画布尺寸放大后，像周围的工作空间， 画布尺寸放大后，新添加的空间将会用当前的背景色来填充。用当前的背景色 来填充。当前大小宽度”高度”新建大小在“宽度”和“高度”框中输入您想要 画布尺寸定位补充：变换选区 补充：Photoshop不仅能够
6、对整个图像、Photoshop不 仅能够对整个图像、某个图层或者是某不仅能够对整个图像个选取范围内的 图像进行旋转、翻转和自由变换处理，个选取范围内的图像进行旋转、翻转和 自由变换处理，而 且还能够对选取范围进行任意的旋转、翻转和自由变换。且 还能够对选取范围进行任意的旋转、翻转和自由变换。旋转图像A.水平翻转 B.原稿图像C.垂直翻转D.逆时针旋转90度E.旋转180度F.顺时针旋转 90度。变换选区及其应用使用【缩放】使用【缩放】命令使用【旋转】使 用【旋转】命令使用【斜切】使用【斜切】命令使用【扭由】使用【扭由】命令 使用【透视】使用【透视】命令。补充：关于图像的浏览，Photoshop
7、里提供了三种显示的状关于图像的浏 览，在Photoshop里提供了三种显示的状分别是“标准屏幕模式”态，分别是“标 准屏幕模式”、“带有菜单栏的全屏模式”全屏模式”模式”和“全屏模式”标准屏 幕模式。带有菜单栏的全屏模式。补充：使用标尺、参考线、网格补充：使用 标尺、参考线、为便于用户在处理图像时能够精确定位光标的位置 和进行选择, 系统还提供了一些辅助工具，如标尺、参考线、网格和度量工具。参考线 标 尺。补充：操作的撤销和重复图像处理是一项实验性很强的工作，在进行图像 处理时，用户可能会经常执行撤销或重 复操作，执行撤销操作的方法：利用编 辑菜单撤销单步或多步操作利用“历史记录”调板撤销任意
8、操作。平面设计教学目标识与技能（1）平面设计的概念。（1） 了解平面设计的主题呈现方式及特点。2 .过程与方法（1）能根据任务需求，选择适当的图像处理工具。（2）灵活运用图像处理技术呈现主题、表达创意。3 .情感与态度（1）在作品制作过程中，培养与他人协作、交流的能力。（2）能对作品制作过程及作品进行恰当的评价。（2） 了解并遵守与平面设计相关的社会伦理道德、法律法规。教学重点、难点.教学重点：平面设计的主题呈现方式。1 .教学难点：平面设计的创意。教学策略自主探究、协作学习、实践创新、拓展评价教学环境、课前准备多媒体网络教室、平面设计的素材、“嫦娥一号”绕月动画等。教学过程教学环节教师活动导
9、入新课 创设情景 激发兴趣 （3钟）简单回顾前面所学过的 知识，引入新课播放 “嫦娥一号”卫星模拟动画Q知识讲解、归纳、铺垫1.展示几本具有代表性 的图书封面，与学生共同学生活动设计意图观赏动画通过动画展 示激动人心 的一刻，愉快 地进行新课 的学习。听讲、思考，了解平面 设计的特点及表现手掌握必要的理论知识，让（5分钟）分析图书封面的组成、特 点、设计的原则。2.知识归纳：平面设计 的概念、要点、创意。操作演示， 步骤细化 （5分钟）进行制作中国探月工 程书籍封面操作演示， 讲解技术要领。提出任务 自主学习 合作探究 （2分钟）任务：制作一幅中国探 月工程书籍封面。注：1.相关素材由教师 提
10、供。2.将任务的具体要求、 评价标准以文档形式提 供给学生。分组探究 掌握新知 教师巡视、指导（20分钟）1 .根据分组情况进行适 当调整。2 .通过巡视，及时提供 技术支持。发现、收集学 生创意中的不足和闪光 点，及时点评。3 .调节课堂节奏。作品欣赏 交流评价 教师点评 （8分钟）1 .通过网络展示具有代 表性的几组学生作品，开 展组间互评。2 .教师对优秀作品、不 足作品进行点评，激励学法。学生对平面 设计有一个 感性的认识。听讲、思考，了解 封面设计的操作步骤。学生通过观 看教师的演 示，掌握操作 要领。明确任务内容：1 .分组：两人一组，自 由2 .确定作品主题。3 .选择创作工具。
11、4 .自主探究、协作创 作。5 .交流评价。让学生充分 了解教师的 意图。小组成员共同完成作 品创作：1 .确定作品主题。2 .思考作品的呈现方 式。3 .选择创作工具。4 .组员分工，分步实 施。让学生 根据创作的 需要，自主学 习新知识与 技能，调动学 生积极性。1 .通过网络上交作品。2 .听取、思考教师的 点评，总结经验。通过作品展 示、点评，提 高学生交流 信息、表达信 息、评价信息生。的能力。知识延伸 教学小结 综合实践 （2分钟）1 .介绍平面设计技术相 关的社会伦理道德、法 律、法规，引导学生合理 利用信息。2 .本节知识小结。3 .参照电脑作品制作大 赛的具体要求，每人制作
12、一个平面设计作品参加 校级比赛。1 .思考、讨论如何合 理利用信息。2 .利用课余时间完成 个人作品创作。知识小结，帮 助学生将知 识系统化；综 合实践，促使 学生将知识 内化，进行能 力迁移。八、教学反思：图片素材由老师提供,就在“某每一探月工程素材，文件夹中1. 制作封底：Microsoft Photo Editor中新建一张空白页，图片大小为474x767像素，分别叠加“中国探月标志.jpg”、“图书条形码 定价Jpg”图片，将 图片放在恰当位置，并进行特效“纹理化”处理，然后保存图像文件至桌面。2. 在Microsoft Photo Editor中将“封面图（已加书脊）Jpg”右转，使
13、图片摆正, 然后保存图片至桌面；3. 在Windows画图程序中打开在第一步中处理过的“封面图（已加书脊）.jpg”,利用文字工具添加相应文字：“嫦娥 编著”、“中国探月工程”、“ZHONG GUO TAN YUE GONG CHENG”，然后保存图片。注：文字颜色为白色, 背景为黑色。4. 根据已经完成的封面和封底两个图像文件的尺寸宽度总和与高度，在Microsoft Photo Editor中新建一个特定尺寸的空白页面，然后进行封面与封底的 图像合成对接。制作完成的书籍封面作品以“自己的班级加姓名”为文件名保存在桌面上。5. 最后通过方正电子教室软件的“提交作业”功能，将作品提交给老师。教
14、学环 节教师活动学生活动设计意图导课引言：今天，人们己离不开信息技术， 从应用角度，每个人或多或少都会使用信 息技术相关产品，当然，不同的人群，使 用信息技术的能力和水平不一样，评价一 下自己的应用能力和他人的应用能力。总 结，学生发言。1、简单的普及应用能力，如：玩游戏、 上网、网上聊天、网上购物、微博等2、使用和设计，如：使用WORD设 计版报、制作PPT演讲稿，平面设计、动 画设计等。基于现有的软件的应用，即应 用软件的能力水平。3、软件开发：大多数的信息技术应用 是基于软件，软件需要开发。接下来，我们要用6个课时，走近软 件开发。讨论，发言让学生轻 松了解软 件开发的 意义与价 值。程
15、序设计概念1、软件：软件是程序设计人员通过某 种设计语言设计出来的。2、程序：软件的源代码称之为程序。3、程序设计：开发软件源代码的过程 通常叫程序设计。听课。让学生有 逻辑地理 解程序设 计。理解机 器语言 与高级 语言实例1提供俄罗斯方块tetris.exe,可 执行程序文件。可以直接在操作系统环境下运行，计 算机硬件能够直接接受的程序，叫机器语 言程序，由“0”、“1”这样的二进制码组成，听课，与教师交流互动。机器语言 与高级语 言对初学 者比较抽 象，将抽象概念形象 化，简单 化，了解即 可，通过活 动一，让学 生有一种 感觉：原来 软件可以 这样制作。人们很难直接开发。实例：提供俄罗
16、斯方块VB程序。在VB环境下，打开程序，浏览、运行 程序。程序代码一目了然，可操作性强， 把这样的开发程序语言叫高级语言。实例3：演示俄罗斯方块VB程序转换 成可执行文件(.exe)o设计活动一：提供一个简单的VB程 序，引导学生操作。如：求圆的面积。参考程序：Private Sub Command 1 _click()Dim r As IntegerDim s As Singler=Textl.Texts=3.14*r*rLabel2. Caption=所求面积”&sEnd Sub推广：VB是高级语言中的一种，随着 计算机技术的进步和更多的需求，发展了 许多高级语言，如课本中提到的VC+、
17、VJ、Delphi等，还有各种类型的高级语文, 可用于网页设计、动画设计。认识VB 可视化 开发环 境，玩控 件，理解 对象的 概念1、认识VB可视化开发环境。只要简单介绍即可。2、玩控件。(1)标签；(2)文本；(3)命令按钮;(4)图片；(5)复选框。在窗体中，分别生成各类对象，调协对象的关键属性，重点讲解对象名及其作听课。在窗体中操作生成标签、文本、按钮、图片、复选框等对象，设置对概念对学生而言比较抽象，教学中避免直接抽象概念的说教。通过具用。教师演示与学生操作交互进行。3、理解对象的概念。让学生观察和分析上述操作，可以知 道，标签控件产生标签的对象，文本控件 产生文本类的对象，各类控件
18、产生各类自 己的对象。观察自然界事物，由不同类的对象组 成，同一灰对象有共同的特征属性。请大家尝试举出身边事物的分类及其 属性。为减少得利劳动，提高软件开发效率， 在程序设计中运用了类和对象的概念。如： VB中，运用不同类的控件，产生对象，通 过改变对象的属性值，简单而快捷地设计 软件界面。面向对象的程序设计有更深入的有关 类、对象的相关概念，这里不一一说明， 有兴趣的学生可以进一步地探究学习。象的关键属性。讨论，发言体的操作 事例，引领 学生分析、 思考、讨 论、类比， 自然而然 形象化理 解抽象的 概念，让学 生感受到 技术的发 展很多时 候来源于 需求。界面设计设计活动二：界面设计。1、
19、教师举例演示。如：设计单选题软 件界面。在与学生交互问答中完成演示。存盘：VB程序存盘是一个难点，讲清 楚路径的选择，窗体文件名的作用与输入， 工程文件名的作用与输入。注意：不要让 学生用默认文件名，否则，不同程序练习 时，易产生混乱。2、学生实践比一比听、问、 做小组合作 完成，可以设 计教师演示的 例子，也可以 自由发挥，设 计一个想表达 自己意愿的软 件界面。让学 生在理解 控件对象 的基础上 灵活使用 控件创建 对象。学会 VB程序的 保存。设计活动三：教材实例，建立“电子钟” 程序。教师可以在与学生交互中演示实现程 序的各个操作步骤。之后让学生完成。也 可以采用教师边讲、学生边操作实
20、践的方 式进行。操作步骤：1、界面设计。(1)在窗体中创建一个标签对象，用 于显示时钟。(2)在窗体中创建一个定时器对象， 用于控制时间的变化。(3)按教材P81“电子钟”程序用到的 体验“电 控件及其属性说明表，设置对象属性。子钟程2、输入程序代码。序过程(1)双击定时器对象，进入代码窗口。Private Sub Timerl_Timer()End Sub(2)在代码窗口中输入程序：Label 1 .Caption=Time表示让标签对象显示当前的系统时 间。整个程序为：Private Sub Timerl_Timer ()Label 1 .Caption=TimeEnd Sub跟随教师 按
21、照完成操作 程序实现基本过程， 整理成学 生能够在 前面已有 的认识基 础上，在可 以接受和 实现的操 作步骤中， 逐步加入 新的知识 内容，让学 生在体验 一个程序 实现的过 程中，体验 程序实现 的基本方 式。表示按照Timerl对象Interval属性值, 每间隔1000ms触发一次Timerl对象的Timer事件，显k次当前系统时间。3、运行程序。观察程序的运行结果。4、改变Timer 1对象Interval属性值为 5000,运行程序，说一说运行结果并解释。5、程序存盘，窗体文件名和工程文件 名均取为:systime有条件情况下，检查学生是否正确存 盘。对于出现典型的存盘错误进行点评
22、。自由练习鼓励学生展开设想，设计多姿多彩的 “电子钟”，可以有不能实现的想法。尝试进一 步修饰“电子 钟程序。提出 设计多姿多彩 的，电子钟，的 想法/激发 学生创新 的欲望。活动评价以教材为依据，设计多元评价方式。参考教材 P84活动评价 表实施评价。了解 学生学习 情况。教学反思：1 .突出的教学重点是否在教学过程中得到落实。2 .教学难点在教学过程中是否得到解决，学生是否在学习过程中掌握了难 点。3 .学生在学习中是否获得了“原来是这样”的感悟。活动二图像处理的基本操作活动背景Photoshop窗口界面主要包括标题栏、菜单栏、工具箱、工具选项栏、图像 编辑区、浮动面板及状态栏等。工具箱中
23、提供了许多实用的绘图工具，如裁切工 具、画笔工具、颜色工具、填充工具等，用裁切工具裁切图像，用画笔工具绘制 简单的图形，用颜色工具和填充工具给图像填上颜色。在工具箱中，如果某工具图标的右下角带有三角形标记，表示该工具是一个 工具组，包含有多个工具。单击这种工具，并按住鼠标左键，可以显示这种工具 所包含的所有工具列表。活动目标1、认识裁切工具、画笔工具、颜料盒工具、填充工具、橡皮擦工具。2、了解工具栏属性面板中常用属性的设置方法。3、学会利用这些工具对图像进行简单的编辑和修改。新课内容分析：1、重点PHOTOSHOP的窗口与界面、PHOTOSHOP的基本操作2、难点：图象编辑活动内容一、导入复习
24、导入:通过第一章的学习，通过活动一的学习，我们已经掌握了一些关于平 面设计和Photoshop的一些关于平面设计和Photoshop的 基本知识，基本知识, 在木章中我们来学习CS3的有关功能，如创建文件和基木操作。二、新课分析作业Photoshop图像设计建文件和基本操作。设置前景色和 背景色使用工具箱内的“切换前景色和背景色工具”使用工具箱内的“切换前景 色和背景色工具”栏可以设置前景色和背景色。活动二图像处理的基本操作有图像文件的创建有图像文件的创建、 Photoshop CS有图像文件的创建、打开与保存，图像的缩放，与保存，图像的 缩放，图像大小和分辩率调整，操作的撤销与恢复等基本操作
25、。1创建新图像42保存图像53关闭与打开图像放置图像浏览图像。新 建文件选择“文件”新建菜单，或按【Ctrl+N】新建”选择“文件”,“新建”菜单, 或按【Ctrl+N】组 合键，在打开的“新建”对话框设置相关参数，合键，在打开 的“新建”对话框设置相关参数，单击“确定”按钮，即可创建新图像。单击“确 定“按钮，即可创建新图像。设置文件名称设置文件尺寸设置文件模式设 置文件分辨率设置文件背景内容2.3 文件基本操作和图像参数（1）打开一个或多个图像文件：单击“文 件，一，打开，打开一个或多个图像文件：单击，文件，打开，菜单命令，调出“打 开”对话框，如图1所示。菜单命令，调出“打开”对话框，如
26、图1-3-1所示。在打开”对话框内的“查找范围” “打开”对话框内的“查找范围”下拉列表框 中选择文件夹，再在“文件类型”下拉列表框中选择文件类型，件夹，再在“文 件类型，下拉列表框中选择文件类型，在文件列表框中单击选中图像文件。在 文件列表框中单击选中图像文件。如果要同时打开多个连续的图像文件，如果 要同时打开多个连续的图像文件，可以单击选中第1个文件，再按住Shift Shift 键单击选中最后一个文件，中第1个文件，再按住Shift键，单击选中最后一 个文件，即可选中这连续的多个图像文件，然后单击再单击“即可选中这连续 的多个图像文件，然后单击再单击“打按钮。如果要同时打开多个不连续的图
27、像 文件，开”按钮。如果要同时打开多个不连续的图像文件，可 按住Ctrl Ctrl键 单 击“打开”按住Ctrl键，单击“打开”对话框中的文件列表框内要 打开的各个图像 文件的名称，选中这些图像文件，打开的各个图像文件的名称，选中这些图像 文件，单击再单击“打开”按钮。再单击“打开”按钮。2.4 文件基本操作和图像参数打开图2-4-1 “打开”对话框打开文件浏 览器（文件浏览器）窗口文件浏览器），关闭图像要关闭图像，选择“文件”“关 闭”菜单、按【Ctrl+W】组合键、单击图像窗口右上角的按钮等来关闭图像窗 。保存图像选择“文件”存储菜单，或按【Ctrl+S】存储”选择“文件，存储” 菜单，或
28、按【Ctrl+S】组 合键，在打开的“存储为”对话框设置相关参数，合键, 在打开的“存储为”对话框设置相关参数，单击“确定”按钮，即可保存图像。单 击“确定”按钮，即可保存图像。选择要保存的文件夹设置要保存的文件名称 选择适当的格式保存文件查看菜单创建新文件夹向上一级转到访问的上 一个文件夹。2.5 图像裁剪1.裁切工具的选项栏 单击按下工具箱内的“裁切工具”按钮 后，单击按下工具箱内的“裁切工具按钮后，裁切工 具的选项栏。具的选项 栏。2.使用裁切工具选出裁切区域后的选项栏单击按下工具箱内的“裁切工具” 按钮后，单击按下工具箱内的“裁切工具”按钮后，用鼠标 拖曳出一个矩形后的 裁切工具的选项栏。拖曳出一个矩形后的裁切工具的选项栏。2.5.1 基本图像裁切图像裁切出来，图像裁切出来，裁切后的图像为正方 形打开一幅图像。（1）打开一幅图像。单击按下工具箱内的“裁切工具”按钮, （2）单击按下工具箱内的“裁切工具”按钮，此时的鼠标指针变为形状。在其选项栏内的“宽度”高度”针变为形状。在其选项栏内的“宽度”和“高度” 文本框中均输入“lOOpx（px是像素），其目的是为了保证裁切后的是像素），