项目探索3 网页的编辑和发布&项目交流与评价 核心素养学段目标 根据学习需求，知道通过互联网大量案例分析，总结经验，并能借鉴这些知识经验去解决学习中的问题。（信息意识） 能执行问题解决方案，通过对数据的采集与分析，反思和优化解决方案 ，并将其迁移运用于解决其他问题。（计算思维） 按照任务需求，能选择合适的网络平台，合作完成数字化创新活动的创意、规划与实施。（数字化学习与创新） 负责任地共享信息和资源，并尊重他人知识产权。（信息社会责任） 课程内容 通过大量网络案例的分析，体验网页版面布局和风格设计，并实际操练，推进项目开展，在此基础上，以小组为单位，开展H5网页的在线制作与发布。进行点评，并适时反思和归纳。 学习目标 认识网页版面布局和风格设计的重要性，并学会规划； 选择H5网页平台对信息进行编辑与集成，并发布； 通过制作中国大运河文化网页，唤起运河记忆，传播中华优秀传统文化。 课时安排与教学重难点 建议2课时 重点：初步学会网页版面布局规划和风格设计； 学会通过H5网页平台制作网页并发布。 难点：能根据项目所需，灵活选用H5网页平台的各项功能对信息进行编辑与集成。 教学设计 【教学环境】 多媒体网络教室，配备台式计算机。 【教学过程】 项目导入 教师活动： 对于广大普通用户来说，通过编辑HTML语言来编写网页是有很大难度的，而通过可视化工具（如H5网页等）进行互联网应用中数据的组织，既有“所见即多的”的效果，又能自动生成与之对应的网页源代码。那么，如何制作这样的网页呢？ 接下来我将和同学们一起，探究网页布局的规划以及风格的设计，并尝试通过H5制作平台进行网页的在线编辑和发布。 学生活动： 了解，明确接下来的学习内容和任务要求。 项目探索3 网页的规划 教师活动： 在前面的两个探究中，我们已经先后完成了对网页素材资源的再整理收集，以及网站的结构规划，但在动手制作网页之前，我们还需要进行版面布局的设计以及风格的确立。 首先，好的版面布局不仅有助于访问者清楚地理解作品，还能充分吸引访问者的注意力，让访问者产生浏览的兴趣。 PPT呈现网页版面布局三幅说明图，带领学生一起阅读学习。 要求看图回答：网页版面布局有哪些结构？ 学生活动： 看图，思考，个别作答。 教师活动： 补充归纳与呈现——— 网页布局： 1、分栏式结构（纵向/横向） 2、非规律性结构（如：H5页面） 重要提醒：H5页面中留白很重要！！！ 教师活动： 活动1： 要求登陆“canva可画”，欣赏优秀的网站模板，初步构思本组的网页版面布局，并绘制在“项目开展方案”中。 学生活动： 登陆“canva可画”，打开网站模板，大量欣赏，并以小组为单位尝试确立页面数量，绘制各页面布局。 风格的设计 教师活动: 活动2： 要求在“canva可画”首页，打开“网站———模板———查看全部”，筛选条件，选择浏览。 并请小组讨论： 你觉得网页的整体风格由哪些因素决定？ 学生活动： 筛选欣赏各种风格的网页模板，思考并回答问题。 教师活动： 归纳———1、色彩；2、文字 补充———1、一般情况下，色彩运用的总体原则是“整体协调、局部对比”，主色调应结合主题的需要来选择，使色彩的表达与内容相契合。 2、除颜色外，文字的字体与字号、在页面中的布局等均可以让主题更加突出，画面更加生动。 实践———H5网页的在线制作 一起就绪，开始制作网页…… <1>制作 教师活动： 实践任务： 请以小组为单位，登陆“canva可画”平台，根据本组项目主题，尝试完成H5网页的在线制作，保存、预览并发布。 （简单讲演指导） 归纳“H5网页在线制作步骤” 1、选择平台 2、选定模板 3、根据主题添加页面元素 4、设置翻页及各网页元素的动画效果 并提醒学生注意： 网页发布前，应仔细检查素 ... ...
~~ 您好，已阅读到文档的结尾了 ~~
