【苏教版信息科技】七年级上册第三单元第3课《网页的制作与发布》课件(共30张PPT)+教案+练习

(课件网) 第3课网页的制作与发布 信 息 技 术 【苏教版】七年级上册 内容总览 学习目标 01 新知导入 02 学习主题 03 议一议 04 做一做 05 课堂总结 06 目录 08 想一想 07 练一练 课后作业 08 07 板书设计 单元目标 通过本单元的学习，我们可以： 1、了解网页制作的基本流程和工具。 2、认识网页版面布局、风格设计与多媒体特性的重要性。 3、掌握使用H5在线平台或专业工具制作网页的基本方法。 学习目标 1、信息意识：培养捕捉、筛选信息的能力，增强利用信息解决问题的意识，提升信息利用效率和效果。 2、计算思维：掌握逻辑思维、算法思维，运用计算思维解决网页制作问题，提升信息素养和创新能力。 3、数字化学习与创新：学会利用数字化工具学习，掌握网页制作技能，注重实践与创新，提升数字化学习能力。 4、信息社会责任：遵守信息法规，尊重知识产权，传播正能量，维护网络安全与文明，履行公民责任。 新知导入 我们将踏入网页制作的奇妙世界，了解网页制作的基本流程，认识网页设计的精髓，掌握使用专业工具制作精美网页的技能，开启数字化学习与创新的旅程。 新知导入 如何展现自己的创意于网页？ 在信息时代的浪潮中，掌握网页制作技能，就如同掌握了一把打开数字化世界的钥匙！ 学做网页，让你的创意在网页上展现。 新知引入 学习主题 制作H5页面 新知引入 学习主题 网页的制作与发布 网页制作与发布，如同编织梦想的画布，将创意与技术交织，构建精彩纷呈的数字世界。 网页的制作： 1、创意制作 2、技巧分享 3、发布传播 4、互动学习。 新知引入 学习主题 网页的制作与发布是我们迈向数字世界、展现个人独特魅力与创意的关键一步。 网页的制作与发布 新知导入 如今，我们可以通过可视化工具(如 H5 网页等)，进行互联网应用中数据的组织，既有“所见即所得”的效果，又能自动生成与之对应的网页源代码。各种终端设备都可以通过H5制作平台快速编辑出精美的网页。那么，如何制作这样的网页呢 新知讲解 技术要点 想一想 1、制作网页前的准备———版面布局设计 （1）制作网页前，要先设计好网页的版面布局。 （2）版面布局可以是一个长页面，滚动鼠标就能看完所有内容。 （3）版面布局也可以是由多个小页面组成的翻页H5，像翻书一样看。 （4）做好版面布局设计，网页才会更美观、实用。 新知讲解 技术要点 想一想 2、制作网页合理版面布局的重要性 （1）合理的版面布局能让访问者更容易理解网页信息。 （2）主次分明的布局方式可以让访问者快速抓住重点。 （3）重点突出的设计能吸引访问者的目光，增加兴趣。 （4）清晰的版面布局有助于访问者更愿意浏览网页。 新知讲解 技术要点 1、网页风格与色彩文字设计的关系 （1）不同主题需要不同的网页风格来呈现。 （2）色彩和文字对网页风格形成很重要。 （3）色彩运用要整体协调，局部对比。 （4）选择主色调时要考虑与主题的契合度。 技术要点 议一议 新知讲解 技术要点 2、确定网页的版面布局是设计网页的第一步。网页版面布局有的采用分栏式结构，有的采用非规律性结构。 技术要点 议一议 新知讲解 技术要点 3、文字设计在网页中的作用 （1）展现内涵：合理设计文字有助于表现网页内涵。 （2）字体字号：除颜色外，文字的字体与字号对网页风格有很大影响。 （3）布局安排：文字在页面中的布局能让主题更突出。 （4）生动画面：精心设计的文字能使网页画面更生动。 技术要点 3 议一议 新知讲解 技术要点 想一想 1、精美的H5网页及其多媒体特性 （1）制作精美的H5网页：我们经常可以看到制作得非常精美的电子邀请函和海报等H5网页。 （2）画面精良动感十足：这些网页的画面不仅非常精良，而且动感十足，让人眼前 ... ...