2024青岛版第4册第2单元第4课网站制作与发布（H5的使用）

学科：信息技术 八年级下册 主备人： * * 日期：2024年3月3日 题目：网站制作与发布 第2单元第4课 课型：新授课 《网站制作与发布》教案 教材分析： 本节课是2024青岛版第4册第2单元第4课。本章节主要围绕网站制作与发布的基本知识和技能展开，介绍H5易企秀在网页设计中的重要作用。通过教材内容的学习，学生将掌握基本的网页设计理论，如网页布局、色彩搭配、元素组合等。同时，通过实际案例分析，学生可以深入了解H5易企秀软件的使用方法，学会使用这一工具来创建美观且功能丰富的网页。 学情分析： 八年级的学生在信息技术课程中，对于网页设计这一内容表现出浓厚的兴趣。然而，由于学生个体的差异，部分学生在理论学习方面可能存在困难，需要教师进行针对性的辅导。同时，学生在实际操作中也可能遇到技术难题，需要教师提供及时的帮助和指导。 教学目标： 1． 教学重点与难点： 重点：知道H5技术；通过实践操作，让学生掌握H5易企秀软件的基本功能和使用方法，能够独立完成简单的H5页面制作 难点：掌握H5易企秀软件等相关软件使用方法，能够独立完成简单的H5页面制作。 教法学法： 教法：启发法、讲解法 学法：自主合作与探究、实践法； 教学准备： 课件、图片素材、视频素材、录音笔数码相机、摄像机。 教学过程： 第一阶段：【导入新课 明确学习目标】（5分钟） 教学 环节 教师活动 学生活动 设计意图 知识点 导 入 新 课 今天，学校交给我们班一个任务，做一个以“我的航天梦”为主题的宣传，同学们能想到哪种途径？ 如果从展示效果来说，哪种会更好呢？ 对，利用移动端来发布效果最好，它有什么优势呢？ 同学们说的很好，那我们上节课学习了做简单的网站，网页。包含了图片和文字，在手机端访问起来显示效果并不好。那我们今天来学习一个新技能，利用H5技术来完成学校交给我们的任务。 咱们来个小组竞赛，看哪个小组完成的最好。 出示学习目标。 板报、手抄报、演示文稿、短视频…… 利用班级群，在手机上观看。 可以图片、文字、视频、声音组合在一起，还可以互动留言或者添加问卷调查…… 了解学习目标。 引导学生思考，需要学习新的技术，来完成学校交给的任务。 第二阶段：范例精讲，学生自主探究，完成范例。 教学 环节 教师活动 学生活动 设计意图 知识点 学 习 与 探 究 我们先来看一个用H5制作的宣传片，同时思考它和常规的网页相比有什么优势？ 任务一：认识H5 同学们阅读课本知识，了解什么是H5技术。 简要介绍H5是HTML5的简称，以及HTML5带来的新特性和优势。 详细讲解H5网页的特点，并通过对比传统网页与H5网页的不同之处，加深学生的理解。 你能不能在搜索发现在线制作H5页面的网站？ 任务二：使用易企秀H5网页 相关的网站有很多，我们选择易企秀来看看。 教师介绍易企秀平台的基本功能和操作流程，并演示如何在平台上注册账号。 同学们自主学习，并完成以下内容： 使用空白创建： 如何创建新项目？ 如何添加页面元素？ 如何设计交互效果？ 如何制作多张网页并添加链接呢？ 任务三：模板的使用 易企秀提供了大量的模板，可以为我们节省大量时间，通过简单修改就能制作出比较满意的作品。请尝试用模板制作“我的航天梦”主题的宣传作品。 任务四：分享我的作品 制作完成的作品，要不要保存呢？强调保存的重要性。 请尝试把你的作品分享给老师或者朋友吧！ 议一议：可视化效果好、内容丰富、互动性强…… 自主学：完成导学案认识H5部分。 结合课本“加油站”理解H5的优势。 用搜索引擎搜索在线制作H5的网站，并记录下来网址。 我分享：每个小组分享一个网址。 学生打开易企秀网站，注册登录。 自主学：学生按要求自己制作一个H5网页。 我展示：选择三个学生分别演示是如何制作的。 学生尝试操作制作多张网页。 自主学：学生尝试通过模板制作。 我尝试：尝试分享作品，把作品链接通过电子教室系统发送给老师。 通过展示常见的H5案例，引导学生理解H5在现代网页设计中的重要性和美观性 让学生明白H5网页的交互性、跨平台兼容性及响应式设计等特点。 让学生掌握易企秀平台制作H5网页的基本方法 第三阶段：知识、情感拓展。 教学 环节 教师活动 学生活动 设计意图 知识点 知 识 与 情 感 师：自2003年神舟五号载人飞船成功发射以来，我国已先后将多名航天员送入太空，完成了多项空间科学实验和技术验证任务，标志着我国已全面掌握了载人航天技术。我国月球科学也实现了绕落回并成功带回月球土壤。航天精神体现了自强不息、勇攀高峰的坚定意志和爱国主义精神。 新时代的你们，有什么想说的吗？ 谈一谈： 在新时代，我们要继续弘扬航天精神，广大青少年树立远大理想，勇