中小学教育资源及组卷应用平台 信息科技 第2课 网页中的信息编码教学设计 课题 网页中的信息编码 单元 第一单元 学科 信息科技 年级 七年级下 教材分析 网页中的信息编码选自《信息科技》(电子工业版)的第一章第二节的内容,教材由“查看网页源代码”、“认识网页源代码”二部分内容组成,主要内容包括:浏览器的作用和网页的组成、如何在浏览器中查看网页源代码、网页信息的编码和解码、HTML文件结构与标签的功能以及编辑HTML网页几个部分。学生通过对本教材的学习逐步掌握信息科技的相关知识,具备一定的科学精神和科技伦理,提高创新能力,夯实信息社会责任,发挥信息科技课程的独特育人价值,为数字强国培养优秀接班人和建设者。 教学目标 1、信息意识:根据学习与生活需要,有意识地选用信息技术工具处理与加工信息。2、计算思维:在实践应用中,熟悉网络平台中的技术工具、软件系统的功能与应用。3、数字化学习与创新:根据任务要求,借助在线平台,与伙伴协作设计和创作作品。4、信息社会责任:遵循信息科技领域的伦理道德规范,明确科技活动中应遵循的价值观念、道德责任和行为准则。 重点 1、了解浏览器的作用和网页的组成;2、了解网页源代码的概念;3、了解网页信息的编码和解码;4、了解HTML文件结构与标签的功能。 难点 1、掌握如何在浏览器中查看网页源代码;2、掌握HTML在线编辑器制作网页。 教学过程 教学环节 教师活动 学生活动 设计意图 导入新课 根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计对于提升企业的互联网品牌形象至关重要。观看视频引出今天的教学内容网页中的信息编码。 学生听教师引导生活中的案例 激发学生对网页设计的学习兴趣并快速进入学习状态 讲授新课 一、查看网页源代码1、浏览器的作用(1)最基础的就是用来浏览网页;(2)打开网页看新闻、看视频、玩网页游戏、看书、网购;(3)还可以添加扩展程序、插件等;(4)可以用来下载需要的文件、软件;(5)内容操作,比如打印、查找。2、浏览器中网页的组成:(1)网页标题;(2)网页文本;(3)网页图片;(4)网页多媒体;(5)网页状态栏。3、网页源代码是使用HTML语言编写的文件,也称为HTML文件,实际上是纯文本文件。4、在网页空白处右击,在弹出的快捷菜单里选择查看网页源代码,也可以按快捷键Ctrl+U。5、观看视频如何在浏览器中查看源代码。6、“<>” 就是HTML语言的标签,用来对网页上的标题、图片、声音等元素进行标识。二、认识网页源代码1、HTML在线编辑器是可以即时编译HTML代码的软件,访问地址( https://c./front-end/61/ )。2、网页信息的编码和解码总结:(1)网页的全部内容需在··· 标签中。(2)浏览器标题栏中的网页标题等信息主要放在··· head>标签中。 (3)网页展示的内容需要嵌套在··· 标签中。3、HTML标签是HTML语言中最基本的单位,都是成对出现,标签对的第一个是开始标签,第二个是结束标签。4、常用的HTML标签及功能。5、网页字符编码格式。(1)UTF-8编码;(2)GB2312编码。练一练(1)利用HTML模板功能制作一个网页,感受网页信息的编码和解码过程。(编辑器地址:https://c./front-end/61/)(2)将“科技创新 自主可控”网页源代码中所用到标签填入下表,并简述这些标签的功能。 通过教师的讲解,以小组合作的方式,开展探讨交流,完成任务。通过教师的讲解,以小组合作的方式,开展探讨交流,完成任务。通过教师的讲解,以小组合作的方式,开展探讨交流,完成任务。 通过小组合作,加强学生组内团结、共同完成任务引导学生掌握 ... ...
~~ 您好,已阅读到文档的结尾了 ~~