资源简介

项目探索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、设置翻页及各网页元素的动画效果
并提醒学生注意：
网页发布前，应仔细检查素材引用的合法性，尊重他人的知识产权，并检查是否存在错别字、语法错误、科学性错误等问题。
学生活动：
以小组为单位，展开网页制作，教师巡视，随机提供帮助。
<2>发布
教师活动:
讲演指导
学生活动：
发布网站，并分享网址，各组成果展示。
<3>思考
学生活动：
思考：
发布的网页信息最终保存在哪里？在互联网上发布网页信息时，我们需要遵守哪些规范？
教师活动：
归纳：
我们在互联网上发布的各种信息，都需要通过上传的方式保存在服务器中，供他人浏览与下载。
信息发布需要依法合规、遵守公序良俗、维护国家公共安全和他人利益。（课本P53）
四、项目交流与评价
<1>交流
教师活动：
请小组分享：
经过了一系列的准备工作，在最后H5网页制作过程中你们组又遇到了哪些问题？是如何解决的？
学生活动：
各抒己见，互相学习，取长补短。
<2>评价
教师活动：
要求：回顾整个项目开展过程，对照标准，自我评价，对自己本单元的学习有一个客观的认知，组长在此基础上，写出小组活动中两种表现的同学，给最终的教师评价作一个参考，同时，提供本组网站发布后的网址，备查。
学生活动：
实事求是，自我评价与反思。
<3>拓展创新
教师活动：
请思考：
1、你如何看待网页呈现方式对于信息传播的作用？网页的优势和不足有哪些？
2、还有哪些互联网应用可以方便快捷地分享信息？生活中可以试一试！
学生活动：
学有余力，尝试思考并实践。

展开更多......

收起↑