1.4 网页与编码 课件 2024—2025学年清华大学版（2024）A版初中信息科技七年级下册

第四节 网页与编码 WPS,a click to unlimited possibilites YOUR LOGO 清华大学出版社 七年级下 1 目录 01 信息编码与流式传输 02 网页制作与渲染 一、信息编码与流式传输 PART 01 所谓信息编码就是将信息转换成一种特定的格式，以便能够在不同的系统或设备之间进行传输、存储和处理，并保障信息的传输效率、数据安全和完整 性等方面的要求。信息编码就像是翻译官，能够让不同设备和系统按照统一的 语言进行交流沟通，进而实现网络交流。 一、信息编码与流式传输 信息编码 互联网是一种开放的平台，它允许各种计算机与网络的加入，并保持各自的独立性。该特点会导致网络交流中的媒体信息，面临非常复杂的传输与在网络交流中，人们经常要发布或者接收大量的文本、图片、音频与视频等各种媒体信息。为此不仅要考 虑多媒体信息在众多终端、客户端环境中的播放情况，还要顾及传输效率与数据安全等方面的要求，而这些都与信息编码有关。 一、信息编码与流式传输 1.常见的媒体信息编码 常见媒体编码或文件格式 流媒体是对音视频等网络多媒体信息进行数据压缩并分段发送的一种流式传输技术，它能实现边传输边播放的效果，进而提升了用户的体验感。 一、信息编码与流式传输 2.流媒体 流式传输是帮助流媒体避免“须下载完毕后才可播放”的关键，它与传统传输方式不同，会将分割成小块的媒体数据，按照一定的顺序与速率在网络中传输，客户端收到之后则会进行缓冲与播放。缓冲就是不断地接收并重建媒体数据，而已经播放完毕的数据片段则会被丢弃。 一、信息编码与流式传输 2.流式传输 一、信息编码与流式传输 2.流媒体与流式传输的原理 二、网页制作与渲染 PART 02 一、网页的制作与渲染 网站与网页的关系 网站与网页的关系，就像是一本书与它的书页那样，网站通常是由许多张内容互相关联的网页构成。网站中的网页可以分为首页与内页。首页又称为主页，主要用来导航与链接其他内页，一个网站通常只有一张主页。内页又称为子页，就是网站内部的其他页面，主要用来呈现更多、更具体的网络信息。 一、网页的制作与渲染 1.网页的基本元素 导航栏、栏目与正文内容这三大部分，并由文本、图片、动画、音频、视频、表格、超链 接、表单、框架与内嵌程序等基本元素组成。 一、网页的制作与渲染 1.网页的W3C标准 1994年，万维网联盟（world wide web consortium，W3C) 成立，随后陆续发布400多项网页技术标准与实施指南，它们被统称为网页W3C标准或规范。该标准规定网页代码主要由结构、表现和行为这三部分组成，其对应的编程语言分别为 HTML、CSS 与 JS。 一、网页的制作与渲染 2.网页的W3C标准 一、网页的制作与渲染 一、网页的制作与渲染 3.网页制作工具与方法 一、网页的制作与渲染 3.网页制作工具与方法 <html> <head> <meta charset="UTF-8"> <title>今日新闻</title> </head> <body> <h1>今日新闻</h1> <p>这里是第一条新闻的内容。</p> <p>这里是第二条新闻的内容。</p> <p>这里是第三条新闻的内容。</p> </body> </html> 一、网页的制作与渲染 4.网页的渲染 一、网页的制作与渲染 4.网页的渲染 <html> <head> <meta charset="UTF-8"> <title>今日新闻</title> </head> <body> <h1>今日新闻</h1> <p>这里是第一条新闻的内容。</p> <p>这里是第二条新闻的内容。</p> <p>这里是第三条新闻的内容。</p> </body> </html> 总 结 网页与编码 网页编码与流式传输 常见的媒体信息编码 流媒体与流式传输 网页制作与渲染 网页的基本元素 网页的W3C标准 网页制作工具与方法 网页的渲染 同 学 们 再 见！ WPS,a click to unlimited possibilities 清华大学出版社 七年级下 YOUR LOGO $$