第八章_网络与数字媒体

2010/6/221网络与数字媒体2010/6/222数字媒体的Web集成与应用3HTML基础HTML概述HTML是英文HypertextMarkupLanguage的缩写，中文的意思是超文本标记语言。4HTML基础HTML文档的结构一个HTML文档的一般结构形式如下：htmlheadtitle我的第一个网页/title/headbody这是html文档的主体部分，也就是网页的内容。/body/html5HTML基础HTML中的标签文字基本标签页面布局标签插入图像标签插入超链接表格61、文字基本标签（1）标题文字标签hnhtmlheadtitle标题示例/title/headbodyh1最大的标题/h1h3使用h3的标题/h3h6最小的标题/h6/body/html71、文字基本标签（2）文字的字体、大小和颜色标签fonthtmlhead…/headbodyfontcolor=“#FF0000”size=“2”b粗体文字示例/b/fontbri斜体文字示例/ibru下划线文字示例/u/body/html82、页面布局标签（1）换行标签br换行标签是个单标签，也叫空标签，不包含任何内容，在HTML文件中的任何位置只要使用了br标签，当文件显示在浏览器中时，该标签之后的内容将从下一行显示。例如在图7-4所示的效果中就使用了br标签。92、页面布局标签（2）分段标签p由p和/p标签所标识的文字，代表同一个段落的文字。分段标签p的一般格式为：palign=属性值段落内容/p其中，align是p标签的属性，属性值可以是left、center和right之一，它们分别用来设置段落文字的左对齐、居中对齐和右对齐。103、插入图像标签HTML支持的图像文件格式有gif、jpeg等，在HTML文档中插入图像文件要使用img标签，其具体使用格式为：imgsrc=图像文件名其中src是source的英文缩写，“图像文件名”是图像文件的URL地址；113、插入图像标签如下的HTML文档在浏览器中显示的效果如图所示。htmlheadtitle插入图像文件示例/title/headbodyimgsrc=face1.gifimgsrc=face1.gifwidth=80height=80/body/html124、插入超链接在HTML中，简单的链接标签是a。它的基本语法是：ahref=文件名.../a或ahref=URL.../a其中href是英文hypertextreference的写。例如，利用记事本输入下面的HTML文档。134、插入超链接如下的HTML文档在浏览器中显示的效果如图所示。htmlheadtitleHTML超链接/title/headbodyh2HTML超链接示例/h2ahref=first.html我的第一个网页/a|ahref=网易/a|/body/html145、表格一张表格有许多表元素组成，例如表的标题、表行、表列标题等。HTML为表格规定了表元素标签和属性。一般的HTML文档表格结构如下所示：tabletrtd第一行第一个单元格/tdtd第一行第二个单元格/td/tr/table155、表格16JavaScript基础JavaScript简介JavaScript是由Netscape公司开发的一种脚本语言，它是适应动态网页制作的需要而诞生的一种广泛地使用于Internet网页制作上编程语言。在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。171、在HTML中嵌入JavaScript如下的HTML文档在浏览器中显示的效果如图所示。htmlheadtitleJavaScript示例/titlescriptlanguage=JavaScript!--document.write(这是JavaScript！采用直接插入的方法！);//JavaScript结束--/script/head/html182、引用方式如果已经存在一个JavaScript源文件（以js为扩展名），则可以采用这种引用的方式。其基本格式如下：scriptlanguage=JavaScriptsrc＝url/script例如：如下的HTML文档引用了script.js文件。htmlheadtitle链接JavaScripte代码/titlescriptlanguage=JavaScriptsrc＝script.js/script/head/html19Web的工作原理Web全称为WorldWideWeb，简称，称为万维网或全球信息网。Web是目前Internet上最为流行、最受欢迎的一种信息检索和浏览服务。Web的工作原理是基于客户/服务器计算模型，由Web浏览器（客户机）和Web服务器构成，两者之间采用超文本传输协议（HTTP）进行通信。Web工作原理示意图如右图所示。客户机HTTP响应HTTP请求InternetWeb服务器20Web的工作原理Web服务器WorldWideWeb上的所有内容都存储在世界上某处的Web服务器上，Web服务器是运行在计算机上的一种软件，常见的Web服务器有Apache和IIS（InternetInformationService）。它可以管理各种Web文件，并为提出HTTP请求的浏览器提供HTTP响应。客户机给Web服务器发送页面请求，Web服务器根据请求，把相应的页面发回给客户机，由浏览器负责进行浏览。21Web的工作原理客户端程序客户端程序是运行在计算机上的一个软件，最常用的是浏览器（如InternetExplorer），它是一种专用程序，允许用户输入URL(UniformResourceLocator，统一资源定位)地址。它负责向服务器发送请求，并显示服务器返回的Web页。22Web的工作原理HTTP协议HTTP协议即超文本传输协议(HypertextTransferProtocol)，是在Internet中进行信息传送的协议。HTTP协议是基于请求/响应模式的。浏览器默认的就是使用HTTP协议，当在浏览器的地址栏中输入一个URL或者是单击一个超链接时，浏览器就会通过HTTP协议，把Web服务器上的网页代码下载下来，并显示成相应的网页。23网站的设计与规划网站设计理念网站设计的定位网页制作的规划网页设计的布局理念网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型等。24网站的创作网站创作的准备阶段网站创作过程站点的建立页面内容的制作25网站的测试与发布网站测试在将站点上传到服务器并可供浏览之前，我们首先要在本地对其进行测试。这一过程应该确保页面在目标浏览器中如预期的那样显示和工作，而且没有断开的链接26网站的测试与发布网站发布经过详细的检测，并完成最后的站点编辑工作后就可以发布站点了。发布站点之前，首先需要申请站点的域名和租用服务器空间，然后通过FTP工具等工具把网站上传到服务器上，这样就可以让每一个角落的访问者浏览到站点的内容了。2010/6/2227网络新媒体28传统媒体和互联网的融合传统媒体的内容和运营模式进入互联网，平面媒体－电视媒体－互联网媒体仍然保持传统媒体的基本特征和模式：一对多传播生产者向消费者提供服务:作者读者，广播者收看者，表演欣赏者。融合产生网络新媒体：多对多传播每个人不仅有听的机会，而且有说的条件。29网络新媒体由所有人面向所有人进行的传播。互联网是一种双向媒介，与电视不同受众不仅仅是被动观看，还要主动参与。(从点播到自制内容传播）互联网新媒体的进入门槛非常低，权力正由“宣传主管”和“媒体群英”向广大群众转移30网络新媒体的演化BBS、讨论组聊天室、即时通信IM（文字）QQ－热媒体博客Blog–冷媒体宽带网络新媒体多媒体即时通信、视频博克、网络电台、IPTV与移动宽带的融合31网络新媒体－IPTVIPTV只提供类似传统电视广播业务，仍然保持传统媒体特征，发展空间有限。但是P2P网络电台、电视台具有全球通达能力，有发展前途。IPTV的前途在于推动电视媒体平移，将用户从集中控制的节目表中解放出来，改变了电视的播出和分发只能由专门机构按照预先制定的节目表进行的现状。实现“权力”转移。互联网新媒体业务：多媒体IM、点播、VideoBlog、RSS关键是降低进入门槛：对等连接（P2P）共享下载和P2P流媒体降低了网络电视播出和转播的门槛，模糊了专业/业余之间的区别，使得用户自制视频分发成为可能。P2P使得内容制造商（可能包括频道包装商）绕过传统电视广播运营商直接连接最终用户。32面对网络新媒体的挑战和机遇互联网正在推动媒体平移向新媒体演化。这是一个无法逆转的历史发展过程，也孕育着巨大商机。要获得真正的自由必须建立新秩序，要形成新产业必须建立健康的生态系统和产业链。党的宣传工作和媒体产业都面临向新媒体过渡的挑战和机遇。33中共十六届四中全会《中共中央关于加强党的执政能力建设的决定》“高度重视互联网等新型传媒对社会舆论的影响，加快建立法律规范、行政监管、行业自律、技术保障相结合的管理体制，加强互联网宣传队伍建设，形成网上正面舆论的强势。”34对策新媒体将掌握媒体的“权力”从“宣传主管”和“媒体群英”向广大群众转移。中国共产党要发扬三个代表精神，共产党员要保持先进性，就要通过广大党员群众接过这一“权力”。通过新媒体教育群众，引导群众，“形成网上正面舆论的强势”。新媒体需要建立相应的管理体制，建立健康的新秩序，才能充分发挥效能而不会出现混乱。管理体制的建设包括新的法律规范的制定，行政监管的建设，行业自律和社会主义精神文明建设以及技术保障的建设等多方面。技术保障建设主要是建立适应P2P应用环境的分布管理系统。2010/6/2235流媒体36什么是流媒体所谓流媒体是指采用流式传输方式的一种媒体格式。流媒体对多媒体文件边下载边播放的传输方式具有以下突出的优点：(1)缩短等待时间(2)节省存储空间(3)可以实现实时传输和实时播放371、流媒体传输的网络协议流媒体技术的基本原理是先从服务器上下载一部分音视频文件，形成音视频流缓冲区后实时播放，同时继续下载，为接下来的播放做好准备。(1)实时传输协议(2)实时传输控制协议(3)实时流协议(4)资源预留协议382、流媒体的传输过程顺序流式传输的过程的示意图如图所示。Web浏览器Web服务器媒体播放器媒体服务器HTTP/TCP检索控制信息RTSP/TCP描述媒体流流媒体的传输过程393、流媒体播放方式流媒体的播放方式主要有：(1)单播(2)点播与广播(3)组播40一般而言，流媒体系统一般都有编码器、服务器和播放器三个部分构成。目前使用较多的流媒体系统主要有RealNetworks公司的RealSystem、Microsoft公司的WindowsMedia和Apple公司的QuickTime等。411、视频点播2、远程教育3、视频会议4、网络直播流媒体技术的应用421、什么是P2P技术P2P是Peer-to-Peer的缩写，被称为“对等网络”。在网络中的每个结点的地位都是对等的。每个结点既充当服务器，为其他结点提供服务，同时也享用其他结点提供的服务。P2P模式的示意如图。P2P模式示意图432、P2P技术的特点P2P是一种新近兴起的网络模型，与传统的C/S、B/