
1.1编辑网页信息 课题 编辑网页信息 单元 第一单元 学科 信息科技 年级 七年级下 教材分析 本课选自《信息科技》(电子工业版)的第一章第一节的内容,教材由“浏览网页”、“认识H5网页”“制作网页”三部分内容组成,主要内容包括:了解网页的概念及组成元素、H5网页的特点与应用以及网页制作过程几个部分。围绕科技创新的主题,学生查找相应资源,了解我国科技发展的相关知识,夯实信息社会责任,发挥信息科技课程的独特育人价值,为数字强国培养优秀接班人和建设者。 教学目标 1、信息意识:体验互联网交互方式。2、计算思维:在实践应用中,熟悉网络平台中的技术工具、软件系统的功能与应用。3、数字化学习与创新:根据任务要求,借助H5在线平台创作作品。4、信息社会责任:遵循信息科技领域的伦理道德规范,弘扬文化自信。 重点 1、了解网页的概念及组成元素;2、了解静态网页和动态网页的区别;3、了解H5网页的特点及应用。 难点 1、掌握常用的浏览器的使用;2、掌握“科技创新·自主可控”主题网页制作。 教学过程 教学环节 教师活动 学生活动 设计意图 导入新课 学校即将迎来一年一度的科技节,本届科技节的主题是“科技创新,自主可控”。本单元打算制作一个与主题相关的网页,让同学们了解我国科技发展的现状,感受科技的魅力。请同学们思考制作网页应该使用什么工具呢? 学生思考网页背后的秘密。 构建生活情境,激发学习兴趣。 讲授新课 浏览网页是获取信息的重要手段,随着计算机技术和网络技术的飞速发展网页呈现形式越来越丰富。活动一:在互联网中搜索并浏览与科技创新相关的网页,把你认为优秀的网页收藏下来,完成表格,总结这些优秀的网页在设计与制作方面的可借鉴之处。提问:什么是网页?网页的组成要素有哪些?网页是构成网站的基本元素,是承载各种网站应用的平台,是一个包含HTML标签的纯文本文件,采用超文本标记语言格式(文件扩展名为.html或.htm)。网页包含的基本元素:(1)文本:文本是网页上最重要的信息载体和交流工具,网页中主要信息一般都以文本形式为主。(2)动画:动画在网页中的作用是有效地吸引访问者更多的注意。(3)图像:图像元素在网页中具有提供信息并展示直观形象的作用。(4)声音:声音是多媒体和视频网页重要的组成部分。(5)视频:视频文件的采用是网页效果更加精彩且富有动感。(6)表格:表格是在网页中用来控制面业信息的布局方式。(7)导航栏:导航栏:导航栏在网页中是一组超链接,其连接的目的端是网页中重要的页面。活动2:认识H5页面随着移动互联网的不断发展,越来越多的商家和企业利用 H5 网页来做营销推广。我们平时在移动设备上看到的邀请函、贺卡、小游戏、测试题等很多都是 H5 网页。请你思考生活中有哪些H5页面,它们有什么特点?H5页面又称HTML5页面,是一种基于HTML5技术开发的动态网页。H5页面与传统的PC端网页相比,H5页面更加轻便、美观、互动性强,适合于在移动设备上浏览,提供了更好的用户体验。H5页面可以包含文字、图片、音频、视频和动画等多种元素,还可以与用户进行互动,如表单、投票和分享等。静态网页VS动态网页:(1)静态网页,其内容是预先确定的,并存储在Web服务器或者本地计算机/服务器之上。模板一旦确定下来,不容易修改,更新比较费时费事。(2)动态网页,是取决于由用户提供的参数,并根据存储在数据库中的网站上的数据中创建的页面。生活案例:(1)腾讯新闻的移动端网站就是一个典型的H5网站。它采用了响应式设计,能够自适应不同尺寸的屏幕,保证在不同设备上都能获得良好的阅读体验。同时,腾讯新闻还利用了HTML5的多媒体特性,在网站上嵌入了丰富的视频和音频内容,增强了新闻的生动性和可读性。(2)7月23日,网易云 ... ...
~~ 您好,已阅读到文档的结尾了 ~~