模块8--网络多媒体与多媒体网站开发-《多媒体技术与应用案例教程》课件.ppt

模块模块8 8目录目录模块模块8 网络多媒体与多媒网络多媒体与多媒体网站开发体网站开发模块模块8 8目录目录了解超文本和Web系统。了解流式媒体技术。了解网络教学方式的主要特点。了解网络教学环境的结构和功能。了解教学资源的开发与建设。了解网页和网站的概念。掌握超文本标记语言（HTML）的使用方法。掌握动态网页的概念。掌握Dreamweaver CS5的基本用法。学习目标学习目标模块模块8 8目录目录8.1多媒体信息在网络上的应用多媒体信息在网络上的应用8.1.1 超文本和超文本和Web系统系统模块模块8 8目录目录8.1多媒体信息在网络上的应用多媒体信息在网络上的应用8.1.2流式媒体技术流式媒体技术模块模块8 8目录目录模块模块8 8目录目录8.1多媒体信息在网络上的应用多媒体信息在网络上的应用流式传输的实现需要合适的传输协议。由于TCP需要较多的开销，不太适合传输实时数据。在流式传输的实现方案中，一般采用HTTP/TCP来传输控制信息，而用实时传输协议/用户数据报协议（RTP/UDP）来传输实时数据。2.2.流媒体技术原理流媒体技术原理模块模块8 8目录目录8.1多媒体信息在网络上的应用多媒体信息在网络上的应用3.3.流媒体的传输协议流媒体的传输协议模块模块8 8目录目录8.1多媒体信息在网络上的应用多媒体信息在网络上的应用流媒体播放有以下4种方式。4.4.流媒体播放方式流媒体播放方式（3）点播方式（4）广播方式（2）组播方式（1）单播方式模块模块8 8目录目录模块模块8 8目录目录8.1多媒体信息在网络上的应用多媒体信息在网络上的应用Internet的迅猛发展和普及为流媒体业务发展提供了强大的市场动力，流媒体业务日益流行。流媒体技术广泛用于多媒体新闻发布、在线直播、网络广告、电子商务、视频点播（VOD）、远程教育、远程医疗、网络电台、实时视频会议等互联网信息服务的各个方面。流媒体技术的应用将为网络信息交流带来革命性的变化，并且将会对人们的工作和生活产生深远影响。5.5.流媒体技术应用流媒体技术应用模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境8.2.1网络教学方式的主要特点网络教学方式的主要特点作为一种全新的教学方式，网络教学同传统教学相比具有许多特点。模块模块8 8目录目录模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境支撑网络教学环境的物质基础就是一个实际的计算机网络，一般是一个网络中心，它根据支持的学生人数、范围、学生访问网络的方式等诸多因素的不同，变化很大，组织结构形式也各不相同，但一般来说，都具有如下模块：接入模块、交换模块、服务器模块、网络管理模块、计费模块、局域网用户模块、课件制作与开发模块。1 1）硬件结构）硬件结构模块模块8 8目录目录模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境2.2.网络教学环境的功能网络教学环境的功能（3）同步浏览功能（4）自查、自测功能（2）师生交互功能（1）多媒体教学功能模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境8.2.3 网络教学资源的开发与建设网络教学资源的开发与建设网络教学资源可分为媒体素材、试题库、课件与网络课件、案例、文献资料、常见问题解答、资源目录索引、网络课程8类。（1）媒体素材是传播教学信息的基本材料单元，包括文本类素材、图形（图像）类素材、音频类素材、视频类素材、动画类素材5大类。（2）试题库是按照一定的教育测量理论，在计算机系统中实现的某个学科题目的集合。模块模块8 8目录目录模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境（6）常见问题解答是指针对某一具体领域最常出现的问题给出全面的解答。（7）资源目录索引列出某一领域相关的网络资源地址链接和非网络资源的索引。（8）网络课程是通过网络表现的某些学科的教学内容及实施的教学活动的总和，包括按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境。模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境网络教学资源的开发可分为分析、设计、实现、测试和维护5个过程实现设计测试维护分析12345模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境开发过程中使用的技术包括模块模块8 8目录目录8.2 多媒体网络教学环境多媒体网络教学环境网络教学资源建设需要遵循以下原则模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术8.3.1 网页与网站网页与网站模块模块8 8目录目录模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术8.3.3动态网页动态网页（1）HTML（XHTML）。HTML也就是页面中的各种页面元素对象，它们是被动态操纵的内容。（2）CSS。CSS属性也是动态操纵的内容，从而获得动态的格式效果。（3）客户端脚本（如JavaScript）。它实际操纵Web页上的HTML和CSS。模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术8.3.4 Dreamweaver CS5简介简介模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术Dreamweaver CS5Dreamweaver CS5的新增功能的新增功能Dreamweaver CS5Dreamweaver CS5的新增功能的新增功能集成集成CMSCMS支持支持PHPPHP自定义类代码提示自定义类代码提示CSSCSS检查检查CSS StarterCSS Starter页页与与Adobe BrowserLabAdobe BrowserLab集成集成仔细查看站点特仔细查看站点特定的代码提示定的代码提示与与Business Business CatalystCatalyst集成集成保持跨媒体一致性保持跨媒体一致性增强的增强的SubversionSubversion支持支持模块模块8 8目录目录模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术（1）基本界面环境模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术（2）应用程序栏应用程序栏位于工作区顶部，左侧显示菜单栏，右侧包含一个工作区切换器下拉按钮和程序窗口控制按钮。应用程序栏如图8-3所示。模块模块8 8目录目录模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术（4）文档工具栏文档工具栏位于文档标签栏下方，使用它可以切换网页视图、设置网页标题、检查浏览器支持、管理文件等。文档工具栏如图8-5所示。模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术（5）状态栏状态栏位于文档窗口底部，它提供了与当前文档相关的一些信息，如图8-6所示。模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术（6）属性检查器使用属性检查器可以检查和设置当前选定页面元素（如文本和插入对象）的最常用属性。属性检查器中的内容会根据选定元素的变化而变化。属性检查器如图8-7所示。模块模块8 8目录目录8.3 多媒体网页制作技术多媒体网页制作技术（7）面板组。默认状态下，面板组位于文档窗口右侧。面板组中包含各种类型的面板，Dreamweaver中的大部分操作都需要在面板中实现，其中最常用的有“插入”面板、“文件”面板和“CSS样式”面板，如图8-8所示。模块模块8 8目录目录使用Dreamweaver CS5编辑电子商务网站静态首页面，以展示商品信息。案例提出案例提出案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例实现案例实现案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录本案例以一个静态网页制作为例，使学生掌握使用Dreamweaver CS5进行网页布局的基本方法，包括表格的基本操作、表格及单元格的设置、表格的布局技巧、在网页中插入文本、设置文本格式、为文本添加超链接、使用图像美化网页等。案例分析案例分析案例案例13 使用使用Dreamweaver CS5编辑网页编辑网页模块模块8 8目录目录使用Dreamweaver CS5制作一个新闻动态网站，实现新闻列表显示、新闻详细信息查看功能。案例提出案例提出案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例实现案例实现案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录本案例以动态新闻网站开发为例，旨在让学生掌握使用Dreamweaver CS5进行动态网站开发的基本方法，包括添加Access数据源、绑定数据源、创建记录集、绑定动态数据等。案例分析案例分析案例案例14 使用使用Dreamweaver CS5制作网站制作网站模块模块8 8目录目录思考与练习思考与练习1.流媒体系统包括哪3个部分？目前3大主流的流媒体格式及协议分别是什么？2.举例说明多媒体技术在教学方面的应用。3.与传统教学相比，CAI课件有哪些优点？4.在Dreamweaver CS5中，可以通过几种方法输入文本内容？5.在布局网页时，如何拆分或合并单元格？6.表单主要用于存放什么内容？思考与练习思考与练习思考与练习思考与练习模块模块8 8目录目录