多媒体技术与应用基础模块五_多媒体网页设计与制作.ppt

* 学会多媒体网页的合成 为网页建立超文本、超媒体 2 了解超文本、超媒体技术 1 * 5.3.1了解超文本、超媒体技术 多媒体是融合两种或者两种以上媒体的一种人-机交互式信息交流和传播媒体，使用的媒体包括文字、图形、图像、声音、动画和电视图像(video)的。多媒体是超媒体系统中的一个子集，超媒体系统是使用超链接构成的全球信息系统，全球信息系统是因特网上使用TCP/IP协议和UDP/IP协议的应用系统。二维的多媒体网页使用HTML来编写，而三维的多媒体网页使用VRML来编写。在目前许多多媒体作品使用光盘存储器发行，在将来多媒体作品更多地使用网络来发行。 * 5.3.1了解超文本、超媒体技术 多媒体使用具有划时代意义的超文本思想与技术组成了一个全球范围的超媒体空间，通过网络、只读光盘存储器(compact disc read-only memory，CD-ROM)、数字多能光盘(digital versatile disc，DVD)和多媒体计算机，人们表达、获取和使用信息的方式和方法将产生重大变革，对人类社会产生长远和深刻的影响。 * 提纲 学会在网页中插入多媒体文件 2 学会多媒体网页的设计 1 学会多媒体网页的合成 3 * 学会多媒体网页的设计 使用Dreamweaver创建站点 2 认识网页制作工具Dreamweaver 8 1 使用Dreamweaver制作一个网页框架 3 * 5.1.1认识网页制作工具Dreamweaver 8 工欲善其事，必先利其器。Dreamweaver 8是在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash 8、Fireworks 8合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。 * 5.1.1认识网页制作工具Dreamweaver 8 1.Dreamweaver 8 的功能 可视化编辑 全面的编码环境 服务器技术 功能自定义 * 5.1.1认识网页制作工具Dreamweaver 8 2.Dreamweaver 8的工作区布局 * 5.1.2使用Dreamweaver创建站点 在 Dreamweaver 中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，您需要建立站点文档的本地存储位置。 Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到Web服务器。 * 5.1.2使用Dreamweaver创建站点 可以使用“站点定义向导”设置Dreamweaver站点，该向导会引领您完成设置过程。或者，也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。在本教程中，您将使用“站点定义”的“高级”设置来设置项目文件的本地文件夹。在本书后面的部分，您将学习如何设置远程文件夹，以便将页面发布到Web服务器，从而提供给公众访问。 * 5.1.2使用Dreamweaver创建站点 步骤 1：将素材文件夹dmt复制到E盘根目录下。 步骤 2：启动Dreamweaver。 * 5.1.2使用Dreamweaver创建站点 步骤3：创建“多媒体技术与应用基础”站点。 * 5.1.2使用Dreamweaver创建站点 步骤3：创建“多媒体技术与应用基础”站点。 * 5.1.3使用Dreamweaver制作网页框架 步骤 1：创建新文件。 在菜单栏上依次点击【文件】→【新建】，打开“新建文件”对话框，在“常规”选项卡中选择“基本页”和HTML，点击“创建”按钮即创建一个新的网页文件。 * 5.1.3使用Dreamweaver制作网页框架 步骤 2：保存文件。 完成步骤1的操作就创建了一个空白页面。在菜单栏上依次点击【文件】→【保存】，打开“保存”对话框。保存目录选择E盘根目录下的dmt文件夹，文件名为：tupian.html。点击“保存”按钮保存文件。 * 5.1.3使用Dreamweaver制作网页框架 步骤 3：插入表格。 将光标移到页面内，在菜单栏上依次点击【插入】→【表格】，打开“插入表格”对话框。 * 5.1.3使用Dreamweaver制作网页框架 步骤 4：设置整个表格属性。 选中表格，在“属性”检查器中的对齐列表中选择“居中对齐”。将“背景颜色”设置为白色。 * 学会在网页中插入多媒体文件 为网页中插入音频文件 2 为网页中插入图像文件 1 为网页中插入视频文件 3 为网页中插入动画文件 4 * 5.2.1为网