信息科技重大版 七年级上册 互联网应用与创新 第4单元单元教学设计 HTML5网站

单元教学设计（一）单元基本信息学科信息科技实施年级七年级上设计者杨海《课程标准》模块互联网应用与创新单元名称HTML5网站单元课时4课时（二）单元教学规划1.单元概述1.1核心概念本单元属于“互联网应用与创新”模块中“互联网创新应用”，该部分内容涉及的主要核心概念是互联网创新应用。《课程标准》中对应“互联网创新应用”部分的内容要求如下：（3）了解常用互联网应用中的数据构成，能够使用恰当的数字化工具对网页进行编辑和发布。该部分内容要求学生了解互联网应用中有哪些类型的数据，增强学生的信息意识，能以各种不同的数据来展示信息。同时培养学生数字化学习与创新能力，通过数字化方式学习数字化工具，掌握在网络中信息的编辑与发布。1.2内容结构结合《课程标准》“互联网创新应用”模块的内容要求，本单元围绕基于HTML5标准的校园网站编辑与发布这一项目，设计了规划、设计网站；收集、整理、加工素材；制作与发布网站三部分内容。1.3教学过程如图所示：1.4育人价值本单元育人目标是让学生能根据学习和任务的需要，通过搜索引擎、社交媒体、短视频和协同写作等互联网工具或平台，进行较精准的信息搜索、沟通交流、协作，并贡献有价值的数据和资源，而具体的实现形式是利用不同的在线设计工具实现不同的网络信息展示效果。通过网页素材的收集，可以培养学生在生活中的信息意识，提升学生对信息的敏感性；在互联网时代高速发展的今天，让学生以小组协作形式完成较为复杂的网络信息的编辑与发布，有利于学生培养协作学习的意识；通过将项目细化，具体到每个任务，可以更好的培训学生的计算思维，将复杂问题逐步简化，分工实施；不同的主题，不同的展示形式可以更好的激发学生的数字化学习与创新热情，培养学生的创新精神；通过积极、健康的网络信息的发布，可以提升学生的信息社会责任，做好合法、合理上网。2.单元学情分析通过七年级上册3单元的学习，学会了网络信息的搜索和素材的收集，为在网络中发布有价值的信息提供了基础。本单元相对于3单元，本质上也是网络信息的发布，都属于互联网创新应用。但本单元的信息发布范围更广更为正式，展示信息的形式更多元化。本单元综合性强，需要学生对项目有整体的规划，信息搜集量也较大，学生可能会感觉对项目无从下手，有畏难情绪。因此需要教师积极引导，先做好项目任务的分析与分工。同时，兴趣是学生最好的老师，如果能激发学生在网络中发布信息的热情，将教学内容与学生日常生活紧密联系，会取得更好的教学效果。因此建议学生根据主题分组，尽量让学生选择自己最感兴趣的主题来完成本单元的网页编辑与发布。3.教学环境网络环境、在线设计工作、网络存储（存储素材）、计算机教室4.单元教学目标（1）了解网页概念、分类和构成元素；能够收集项目所需各种素材；（2）能绘制网页结构图，明确网页的组织形式；（3）能利用工具的在线帮助完成基本操作的学习，能对网页进行编辑和发布；（4）了解发布互联网信息的规章和制度，明确网络资源使用的法律法规；5.教学过程课时（包括课名）任务序号教学主要任务第1课时任务1确定展示主题及形式任务2了解网页概念及分类任务3根据主题分组并制定项目任务分析表任务4绘制网页组织结构图第2课时任务1了解HTML及WWW概念任务2了解网页组成元素任务3收集、整理、加工主题素材（可课后完成）第3课时任务1根据展示形式选择在线设计工具任务2根据主题选择模版，修改网页布局、图片、文字任务3在网页中实现交互功能任务4发布网页第4课时任务1小组在网络环境展示主题，并简述项目实施过程任务2分组评价，教师总结6.评价建议需评价的任务评价建议第1课时任务3评价内容：项目分析表。评价标准：是否具备教材中的任务分析表中各个组成；小组分工是否明确。评价方法：分组自评，小组互评结合教师点评。第1课时任务4评价内容：网页组织结构图评价标准：网页的主题是否明确，网页的名称适合恰当，选择的组织形式是否适合展示形式，各版块内容是否恰当。评价方法：分组自评，小组互评结合教师点评。第2课时任务3评价内容：网页素材收集与整理、加工评价标准：素材内容是否与主题符合，是否有原创素材，素材是否分类保存，素材是否进行简单的处理。评价方法：教师评价第4课时任务2评价内容：网站、传单等展示评价标准：教材网站建设评价表。评价方法：分组自评，小组互评打分。（三）课时教学设计第1课时规划设计网站1.课时教学内容分析本节课为“HTML5网站”单元的第一课，主要让学生了解网页的基本概念和分类。根据不同的主题学生进行分组制定项目实施任务分析表。通过小组讨论，明确项目分工，绘制网页结构图。2.课时学情分析通过七年级上册前3个单元的学习，学生已经逐步适应项目式教学，基本明确小组协作完成项目的一般方法与步骤。相较于前面的单元，本项目复杂度更高，真正需要学生小组分工，协同完成。因此，本单元分组是保证项目顺利进行的前提，教师要注意协调分组情况，最好按相同主题，相同兴趣划分。教学应从学生的生活出发，先观察生活中的网络信息表现形式，再选取有兴趣的主题和适合自己的展示形式来发布网络信息。本课主要核心在分组与任务分析表的制定，对于网页结构可以参考教材示例进行绘制。3.课时教学目标（1）了解网页的基本概念与分类（2）小组讨论后制定项目实施任务分析表（3）小组讨论成果主题及名称，绘制网页结构图4.教学环境网络环境、多媒体教室、计算机教室5.教学过程教学环节教师与学生活动教学意图课前准备学生活动：谈一谈你对网页的认识，你是否有上网获取信息的经历？教师引导：解题过程搜一搜；网络购物；游戏网站；新闻网站；学校宣传等都是在网络中获取信息。联系学生生活，从生活入手，增加学生代入感。体验环节引入项目学生活动：上网浏览网页或浏览学校活动的宣传传单。学生阅读项目分解，在教师指导下明确项目实施的具体过程。让学生体验网络中的各种信息表现形式，明确完成项目的路径。确定主题和展示形式学生活动：学生分组讨论，明确项目最终成果以什么形式体现，这种形式可行性如何，并确定一个展示内容。明确小组项目目标及展示内容了解网页概念及分类学生活动：学生上网搜索网页的分类和相关概念。教师活动：教师讲解动态与静态网页的区别，阐述什么是网站的前台与后台让学生了解网页运行的基本原理根据主题及形式制定项目任务实施分析表学生活动：学生在范例中的任务分析表中勾选符合本小组完成项目所要求的学习资源与工具。教师活动：教师巡视检查小组勾选情况，确定小组成果实现形式。通过项目任务实施分析表，细化项目任务，让学生完成项目有迹可循。绘制网页组织结构图学生活动：根据方法与工具，阅读学习命名，网页风格及网页结构图相关知识，谈一谈小组成果应该使用什么风格并仿照范例绘制网页结构图。教师活动：教师归纳网页组织结构图分为：线性结构；等级结构；网状结构；二维表结构，对照PPT简单讲解。提问，微传单属于网页的什么结构。让学生了解网页中的内容不是杂乱无章的而是按某种结构进行组织的。巩固、拓展与评价学生活动：学生完成教材中练一练的内容，准备小组展示。学生阅读拓展内容，了解网页发展的几个阶段。教师活动：教师点评结构图。教师举例，目前按行业需求比较出名的网站级他们所提供的服务类型让学生将学习内容内化，能够迁移应用。多元化评价学生。课堂小结学生活动：学生分组回答小组任务完成情况。总结归纳，加深印象。6.课时作业设计（1）教材思考与练习题目。（2）课后小组利用课余时间修改组织结构图，明确项目任务实施分析表中各内容的分工。第2课时收集、整理、加工素材1.课时教学内容分析本节课为“HTML5网站”单元的第二课，在明确展示主题和制定项目任务实施分析表的基础上，小组成员应按分工收集、整理并加工作品所需素材。本课时主要任务是让学生明确网页所能展示的元素有哪些，按需求去获取素材。按网页中素材的一般要求利用数字化工具来简单处理素材，并分类保存这些素材备用。2.课时学情分析通过七年级上3单元的学习，学生学会在网络中进行搜索和获取素材。但本单元根据展示主题，所需要的素材量较大，学生完成有一定难度。教师应要求学生按分组分工，分别搜集不同类型的素材，如图片、文字、视频等，并加以检查以确保项目的推进。同时在小组中利用3单元学习的数字化处理工具来简单处理素材，以达到网络展示信息的一些通用标准。教师应给与学生充分时间进行收集和处理，更可以利用学生的兴趣让学生在课余主动收集、处理素材。如学生完成本节课内容确实有难度，教师可以利用本校网站或微信公众号等为学生准备好制定发布内容的素材，降低学生收集素材的难度。3.课时教学目标（1）了解万维网、HTML概念（2）了解网页的构成元素（3）能够获取制作网页所需素材（4）学会素材的简单处理，会管理收集的素材4.教学环境网络环境、计算机教室、下载工具、图形图像处理工具5.教学过程教学环节教师与学生活动教学意图课前准备学生活动：谈一谈在三单元学习中，你掌握了哪些网络资源的获取途径，准备好电子邮件或网盘以便管理素材。教师引导：需要明确成果所能表现的数据形式，如文字、图片、视频、语音等多种数据形式能否在成果中体现。复习三单元内容，了解网络资源的获取方法。活动引入学生活动：阅读本活动拓展阅读，了解HTML技术。教师阐述：最早的HTML只能用于编辑显示文本，随着计算机技术的不断进步，计算机所能处理的数据也越来越多，从图片到视频，从动画到音频。HTML也在不断的发展，让网页能表现的形式更加丰富。让学生了解网页的规范，知道现今的网页规范可以让网页容纳更多类型的数据，引出HTML和WWW的概念。了解HTML和WWW相关概念学生活动：学生通过上网搜索，阅读教材明确HTML和WWW是什么，理解并记忆。教师互动：教师阐述、解释概念。揭示网页背后的基本概念和网络服务的原理。了解构成网页的元素学生活动：学生谈一谈所访问的网页中包含哪些内容。教师活动：网页包含的元素分为可见元素和功能元素。同学们提到的文本，图片，视频都是在网页上直接看到的元素，还有超级链接，表单等功能控件，可以让我们完成网页中某些操作。让学生明确网页构成的元素，让收集素材更有指向性。收集、整理、加工、网页素材学生活动：小组分工，收集网页素材或生成原创素材；阅读学习简单的网页素材处理技巧，选择恰当的方式将素材分类存储到云盘。教师活动：教师巡视，检查收集情况（可课堂分工，课后完成）教师也可准备相应素材。让学生了解网页素材的收集途径，选择小组的素材获取方式；强化学生信息意识，能够将信息分类存放，并了解网页素材的规范。巩固、拓展与评价学生活动：小组分工，明确成员任务，确定素材收集时间和存储方式；小组注册至少一个在线平台账号，并保留账号信息。教师活动：检查小组分工，明确下一节课的素材来源；再次强调小组账号问题。确保素材的收集与保存，为下一节课做准备。课堂小结教师活动：强调素材的收集与保存，小组分工负责。强化素材收集6.课时作业设计（1）教材思考与练习题目。（2）课后小组利用课余时间完善收集作品所需素材，并按要求处理素材。第3课时制作、发布网站作品1.课时教学内容分析本节课为“HTML5网站”单元的第三课，在网站组织结构图和网站素材的支持下，学生正式进入网页的编辑与发布任务。本节课通过简单的在线设计工具，利用模版来完成网络信息的编辑与发布。选择好恰当的数字化工具，可以让学生轻松完成本节课内容。利用工具的教程支持，让学生可以边做边学，利用数字化学习环境，减少教师对工具的操作讲解，将时间更多的留给学生，动手实操完成作品。2.课时学情分析在前面2节课的支持下，本节课是实际操作类型的课程，需要学生动手完成网站作品。生活中的网站内容复杂，HTML5环境下的网络信息作品需要大量的时间来完成，而学生的实际操作时间有效，也没有对应作品设计的经验，要让学生完成的完成一个网站几乎是不可能的。因此，可以选用简单的在线设计工具利用现成的各种主题对应的模版，将模版中的内容修改为小组收集的素材，完成需要发布内容的某一方面的网页编辑或微传单制作。让学生了解可以通过简单易行的方式来完成网络信息的编辑与发布，降低学生的操作难度。3.课时教学目标（1）了解HTML5标准（2）会利用模板来设计HTML5网页（3）能修改模板中元素来达到较好的浏览效果（4）尝试在网页中实现交互功能（5）了解域名相关知识（6）能利用各种途径发布网页4.教学环境网络环境、计算机教室、在线设计工具5.教学过程教学环节教师与学生活动教学意图课前准备学生准备：素材资源准备，账号准备。教师准备：教师可提前准备三个账号，用于未注册账号小组。检查学生素材准备情况；检查学生账号准备。活动引入学生活动：上网搜索HTML5标准，了解HTML5标准的新特性。教师阐述：移动设备已经有取代传统电脑上网的趋势，作为互联网最重要的提供各种资源与服务的功能也在向移动端转移。在此背景下，需要一种打破手机与PC端开发壁垒的标准，即HTML5，跨平台部署。让学生了解了解网页设计标准HTML新特点。选择恰当工具和模板学生活动：学生根据小组制定的主题，在工具提供的场景中选择符合主题内容的模板。以模板的形式减少学生在编辑网页时的设计量，注重内容展现。修改网页首页布局、图片、文字等学生活动：小组分工，一人负责提供素材，一人负责在线工具操作，一人负责打开在线工具帮助模块学习工具使用主要通过学习删除，隐藏等工具按钮完成模板首页的修改，留取自己需要的部分；阅读教材，完成网站首页或传单首页的图像，文字编辑工作，若为作品为传单，还需要设置动画效果。教师活动：教师巡视，检查作品首页完成情况，检查图像，文字编辑情况。可以对作品为传单的学生，讲解对象的动画效果制作（与PPT动画类似）。教师可以下载对应操作的微视频供学生使用。让学生了解在线工具的基本操作；掌握在线工具提供的图片工具与文字设置工具。在网页中实现交互功能学生活动：学生根据日常生活观察体验，不要求实际操作。教师活动：教师演示模版中的留言板模块。重在体验，学生可以根据演示在课后补充作品功能发布网页学生活动：学生阅读知识链接中的域名相关知识，了解域名用途；利用在线工具的免费域名发布网站，利用微信等方式分享传单。教师活动：介绍知识链接中的域名相关知识，让学生了解域名；鼓励学生将作品分享至班级家长微信群，或分享网络地址让更多的人访问学生作品。让学生了解了解互联网发布信息的渠道。巩固、拓展与评价学生活动：阅读关于网站备案的拓展阅读。教师活动：普及网络安全知识，了解网站备案的意义和目的。让学生具备信息社会责任，能够合法、合理发布网络信息。课堂小结教师活动：布置展示任务，提示从主题选择，工具操作，最终效果和收获几个方面组织下一节课展分组交流内容。布置展示任务，为成果交流做准备。6.课时作业设计（1）教材思考与练习题目。（2）课后小组利用课余时间完善作品，确定交流分享发言人员。第4课时分组交流、展示网页作品1.课时教学内容分析本节课为“HTML5网站”单元的第四课，本节课没有具体的教学内容，主要任务是学生分组对作品进行展示和交流。核心目标是培养学生的表达能力，激