多媒体通信及网络解析课件

中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络多媒体通信及网络计算机科学系计算机科学系黄黄 剑剑 多媒体通信及网络多媒体通信及网络9.1 高速通信网络高速通信网络9.2 多多 媒媒 体体 通通 信信9.5 多媒体与因特网多媒体与因特网9.6 Dreamweaver简介简介第9章 多媒体通信及网络9.1 高速通信网络中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年早期的多媒体系统都是建立在单独的个人早期的多媒体系统都是建立在单独的个人计算机上，这样还不能充分发挥多媒体的计算机上，这样还不能充分发挥多媒体的巨大潜能。同时计算机技术的快速发展也巨大潜能。同时计算机技术的快速发展也需要将多媒体技术应用于通信和网络中。需要将多媒体技术应用于通信和网络中。这样才能实现人类多年来一直盼望使用的这样才能实现人类多年来一直盼望使用的可视电话、电子邮件、无纸办公、家庭办可视电话、电子邮件、无纸办公、家庭办公及远程社会化服务的理想，才能实现多公及远程社会化服务的理想，才能实现多媒体信息的共享。其中的关键技术有通信媒体信息的共享。其中的关键技术有通信的数字化、宽带化及智能化问题，视频信的数字化、宽带化及智能化问题，视频信号的通信问题，还有分布式多媒体计算机号的通信问题，还有分布式多媒体计算机系统问题等。系统问题等。早期的多媒体系统都是建立在单独的个人计算机上，这样还不能充中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.1 高速通信网络高速通信网络9.1.1 综合业务数字网（ISDN）1ISDN的定义和特点ISDN（Integrated Services Digital Network）的）的定义为：定义为：ISDN是由电话综合数字网（是由电话综合数字网（IDN）演）演变而来，向用户提供端对端的连接，并且支持一变而来，向用户提供端对端的连接，并且支持一切语音、数字、图像、图形、传真等广泛业务。切语音、数字、图像、图形、传真等广泛业务。通过一组有限的、标准的、多用途用户网络接口通过一组有限的、标准的、多用途用户网络接口获得相应的业务。获得相应的业务。9.1 高速通信网络9.1.1 综合业务数字网（ISDN中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年 ISDN的特点主要表现在以下三个方面。的特点主要表现在以下三个方面。（1）端对端的数字连接）端对端的数字连接（2）综合的业务）综合的业务（3）标准入网接口）标准入网接口 ISDN的特点主要表现在以下三个方面。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年2窄带ISDN建设建设ISDN可以分作两步走。首先发展窄带可以分作两步走。首先发展窄带ISDN，将用户网络接口限制在，将用户网络接口限制在2Mbit/s之之内，可以用现有电话线路作为传输媒体。内，可以用现有电话线路作为传输媒体。第二步再发展宽带第二步再发展宽带ISDN，使视频通信和快，使视频通信和快速数据传送成为可能，速度可达几百速数据传送成为可能，速度可达几百Mbit/s，这时必须用光纤来传输。，这时必须用光纤来传输。窄带窄带ISDN具有不同速率的信道：具有不同速率的信道：B信道、信道、D信道和信道和H信道。信道。2窄带ISDN中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年窄带窄带ISDN向用户提供如下两种接口。向用户提供如下两种接口。（1）ISDN基本速率接口（基本速率接口（BRI）（2）ISDN基群速率接口（基群速率接口（PRI）窄带ISDN向用户提供如下两种接口。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.1.2 ATM实现实现B-ISDN的关键是交换技术。目前在的关键是交换技术。目前在B-ISDN中应用的交换技术主要有高速分组交中应用的交换技术主要有高速分组交换、高速电路交换、光电交换和异步传送换、高速电路交换、光电交换和异步传送模式模式ATM四种。其中四种。其中ATM技术备受瞩目。技术备受瞩目。9.1.2 ATM中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年在电路交换模式中，收发两端建立起了一在电路交换模式中，收发两端建立起了一条传输速率固定的信息通道。在通信过程条传输速率固定的信息通道。在通信过程中，不论是否发送了信息，该通道均被某中，不论是否发送了信息，该通道均被某呼叫所独占。这种传送模式被称为同步传呼叫所独占。这种传送模式被称为同步传送模式（送模式（STM）。而在分组交换中，不对）。而在分组交换中，不对呼叫分配固定电路，仅当发送信息时才送呼叫分配固定电路，仅当发送信息时才送出分组，但其控制十分复杂。出分组，但其控制十分复杂。ATM则继承则继承了电路交换中速率的独立性和分组交换中了电路交换中速率的独立性和分组交换中对任意速率的适应性。对任意速率的适应性。在电路交换模式中，收发两端建立起了一条传输速率固定的信息通中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年ATM基本上是一种分组交换方式，每基本上是一种分组交换方式，每组的长度固定为组的长度固定为53个字节，通过硬件进行个字节，通过硬件进行处理以达到高速化。和以前的分组交换不处理以达到高速化。和以前的分组交换不同之处是它几乎不会因交换而造成延迟。同之处是它几乎不会因交换而造成延迟。所以它不仅可以传送正文和图形，还可以所以它不仅可以传送正文和图形，还可以传送声音、动画和活动图像。它兼有分组传送声音、动画和活动图像。它兼有分组交换和线路交换的优点，非常适合于作多交换和线路交换的优点，非常适合于作多媒体通信。媒体通信。图图9.1直观地反映了采用直观地反映了采用ATM服务的服务的基本过程。基本过程。ATM基本上是一种分组交换方式，每组的长度固定为53个字节，中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年ATM利用信道，可以取得灵活的带宽共享。利用信道，可以取得灵活的带宽共享。分组器对来自各终端的数字流进行分组。分组器对来自各终端的数字流进行分组。形成完整的分组后，按先来先服务的规则形成完整的分组后，按先来先服务的规则统计复用器，以统一的传输速率将分组插统计复用器，以统一的传输速率将分组插入第一个空闲时隙内。因此，入第一个空闲时隙内。因此，ATM的关键的关键特点是来自各个终端的信息都要带有标签。特点是来自各个终端的信息都要带有标签。这样既能进行统计复用和交换，又能准确这样既能进行统计复用和交换，又能准确地分出信息的来源和去处。地分出信息的来源和去处。ATM利用信道，可以取得灵活的带宽共享。分组器对来自各终端中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年ATM有很高的灵活性与适应性，具有有很高的灵活性与适应性，具有不同速率的各种用户终端都通过分组器与不同速率的各种用户终端都通过分组器与网发生联系。分组器调节信息进网的速率，网发生联系。分组器调节信息进网的速率，使不同类型的服务都可复用在一起。高速使不同类型的服务都可复用在一起。高速率信源占有较多的时隙。率信源占有较多的时隙。ATM得以实现的条件还在于光纤的使得以实现的条件还在于光纤的使用和用和VLSI技术的发展。技术的发展。ATM有很高的灵活性与适应性，具有不同速率的各种用户终端都通中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.1.3 光纤分布式数据接口（FDDI）FDDI是一个使用光纤介质的、高速的、通是一个使用光纤介质的、高速的、通用的主干网标准，它可以用的主干网标准，它可以100Mbit/s的速率的速率跨跃跨跃100km的距离，连接的距离，连接500个设备，它能个设备，它能作为高速局域网在小范围内互联高速计算作为高速局域网在小范围内互联高速计算机系统或作为机系统或作为MAN互联较小的网络，它也互联较小的网络，它也能作为桥联接局域网或广域网。能作为桥联接局域网或广域网。FDDI-II是是FDDI的扩展，它增加了环形网所支持的应的扩展，它增加了环形网所支持的应用范围，用范围，FDDI能提供的服务包括遥测遥控能提供的服务包括遥测遥控服务、数字语言、静止图像和活动图像等。服务、数字语言、静止图像和活动图像等。9.1.3 光纤分布式数据接口（FDDI）中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年FDDI既可用于主机与其外围设备之间、各既可用于主机与其外围设备之间、各主机之间或各宽带工作站之间的互联，又主机之间或各宽带工作站之间的互联，又可作为主干网，实现多个局域网之间的互可作为主干网，实现多个局域网之间的互联。联。FDDI-II增加了电路交换的能力，扩充增加了电路交换的能力，扩充了了FDDI的应用领域，使之可以传送语音、的应用领域，使之可以传送语音、影像、视频和其他类数据。影像、视频和其他类数据。FDDI的结构如的结构如图图9.2所示。所示。FDDI既可用于主机与其外围设备之间、各主机之间或各宽带工中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.2 多多 媒媒 体体 通通 信信多媒体通信也是相对于以往的通信而言，多媒体通信也是相对于以往的通信而言，在网上的通信内容由单纯的传送文字和图在网上的通信内容由单纯的传送文字和图形发展到了传送声音和图像，这将成为本形发展到了传送声音和图像，这将成为本世纪通信的主体。所谓多媒体通信主要指世纪通信的主体。所谓多媒体通信主要指以下方面。以下方面。9.2 多 媒 体 通 信多媒体通信也是相对于以往的通信中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年1静止图像和活动图像传送2可视电话可视电话控制器的框图如图可视电话控制器的框图如图9.3所示。所示。1静止图像和活动图像传送中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年3多媒体终端多媒体终端不同于计算机网络上的一般多媒体终端不同于计算机网络上的一般终端，也不同于通信领域的传真机、电终端，也不同于通信领域的传真机、电话机、可视电话等通信终端。它有如下话机、可视电话等通信终端。它有如下一些特点。一些特点。集成性集成性 交互性交互性 同步性同步性 实时性实时性3多媒体终端中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.5 多媒体与因特网多媒体与因特网9.5.1 Internet基础知识1TCP/IP2IP地址3域名地址4统一资源定位器5Internet的工作原理6使用TCP/IP传送数据9.5 多媒体与因特网9.5.1 Internet基础知中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.5.2 Web页的基本知识1Internet与WWWWWW是是“Word Wide Web”的缩写，中文的缩写，中文译名为译名为“万维网万维网”，是一个基于，是一个基于Internet的的全球互联、分布、动态和跨平台的交互式全球互联、分布、动态和跨平台的交互式多媒体信息系统，它以多媒体信息系统，它以“超文本超文本”方式将方式将Internet上的数据连接在一起，让用户能以上的数据连接在一起，让用户能以非常简单的方式浏览世界各地的信息。非常简单的方式浏览世界各地的信息。9.5.2 Web页的基本知识中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年由此可见，由此可见，WWW和和Internet是有区别的。是有区别的。WWW并不就是并不就是Internet，它只是，它只是Internet提供的服务之一。不过，提供的服务之一。不过，WWW确实是确实是Internet上发展的最为蓬勃的部分。上发展的最为蓬勃的部分。相当多的相当多的Internet服务都是基于服务都是基于WWW的，的，都是通过都是通过WWW服务获得信息并进行网服务获得信息并进行网上交流。上交流。由此可见，WWW和Internet是有区别的。WWW并不就中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年2什么是HomepageWWW服务主要是以一个个的网页来呈现，服务主要是以一个个的网页来呈现，所谓网页也称所谓网页也称Web页，而一般进入站点后页，而一般进入站点后所看到的第一个页面被称为所看到的第一个页面被称为Homepage，也，也称为主页。主页是网站中的一个特殊页面，称为主页。主页是网站中的一个特殊页面，它是作为一个组织或个人在它是作为一个组织或个人在WWW上开始上开始点的页面，通常用来作为一个站点中的目点的页面，通常用来作为一个站点中的目录或索引，就像是一份报纸的头版，会把录或索引，就像是一份报纸的头版，会把最热门、最重要的消息写在上面，然后再最热门、最重要的消息写在上面，然后再注明注明“详见第详见第X版版”，让读者能快速找到，让读者能快速找到自己感兴趣的新闻。自己感兴趣的新闻。2什么是Homepage中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年而在而在WWW中，主页的中，主页的“详见第详见第X版版”通通常就是一个链接，浏览者只要在链接上单常就是一个链接，浏览者只要在链接上单击，就可以连到另外一个网页观看更详细击，就可以连到另外一个网页观看更详细的内容。通常主页的名称都是固定的，例的内容。通常主页的名称都是固定的，例如习惯命名为如习惯命名为index.html或或index.htm等等（.html或或.htm后缀表示后缀表示HTML文档）。文档）。而在WWW中，主页的“详见第X版”通常就是一个链接，浏览者中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年3什么是站点网页和网页之间的关系并不是完全相同的。网页和网页之间的关系并不是完全相同的。通常我们把一系列逻辑上可以视为一个整通常我们把一系列逻辑上可以视为一个整体的页面叫做站点，或者说，站点就是一体的页面叫做站点，或者说，站点就是一个链接的页面的集合，它具有共享的属性。个链接的页面的集合，它具有共享的属性。例如微软的站点是由许许多多不同内容的例如微软的站点是由许许多多不同内容的网页组成的，包括产品介绍、软件下载、网页组成的，包括产品介绍、软件下载、访客留言等等，但是这些网页有着共同的访客留言等等，但是这些网页有着共同的目标和相关的主题。目标和相关的主题。3什么是站点中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年4HTML语言简介（1）什么是）什么是HTML超文本标记语言（超文本标记语言（Hyper Text Markup Language，HTML）是一种用来制作）是一种用来制作Web上超文本文档的简单标记语言。用上超文本文档的简单标记语言。用HTML编写的超文本文档称为编写的超文本文档称为HTML文档，它能文档，它能独立于各种操作系统平台（如独立于各种操作系统平台（如UNIX、Windows等）。自等）。自1990年以来年以来HTML就一就一直被用作直被用作WWW上的信息表示语言，用于上的信息表示语言，用于描述描述Homepage的格式设计和它与的格式设计和它与WWW上上其他其他Homepage的连接信息。的连接信息。4HTML语言简介中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年HTML文档（即文档（即Homepage的源文件）的源文件）是一个放置了标记的是一个放置了标记的ASCII文本文件，通文本文件，通常它带有常它带有.html或或.htm的文件扩展名。生的文件扩展名。生成一个成一个HTML文档主要有以下文档主要有以下3种途径。种途径。手工直接编写（例如用记事本或手工直接编写（例如用记事本或其他其他HTML的编辑工具）。的编辑工具）。通过某些格式转换工具将现有的通过某些格式转换工具将现有的其他格式文档（如其他格式文档（如Word文档）转换成文档）转换成HTML文档。文档。HTML文档（即Homepage的源文件）是一个放置了标记的中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年 由由Web服务器（或称服务器（或称HTTP 服务器）服务器）一方实时动态地生成。一方实时动态地生成。HTML是在原来文本文件的基础上，加上是在原来文本文件的基础上，加上一系列标记描述其格式、颜色，再加上声音、动一系列标记描述其格式、颜色，再加上声音、动画甚至视频等等，形成精彩的画面。当用户浏览画甚至视频等等，形成精彩的画面。当用户浏览WWW上的信息时，浏览器会自动解释这些标记上的信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被的含义，并按照一定的格式在屏幕上显示这些被标记的文件。标记的文件。HTML语言自语言自1990年问世以来，迄今年问世以来，迄今为止已发行了四个版本。目前为止已发行了四个版本。目前HTML 4.01是最新的标准版本。是最新的标准版本。由Web服务器（或称HTTP 服务器）一方实时动态地生成中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年（2）HTML文件的基本架构文件的基本架构在在HTML文件中，处于符号文件中，处于符号“”之间的代码称为之间的代码称为HTML标记。多数标记。多数HTML标记包含两部分：开始标记标记包含两部分：开始标记和结束标记和结束标记，标记名的大，标记名的大小写没有区别。小写没有区别。（2）HTML文件的基本架构中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年HTML文件的基本架构：文件的基本架构：网页的标题网页的标题 网页的内容，很多标记都作用于此网页的内容，很多标记都作用于此 HTML文件的基本架构：中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年HTML整份文件处于标记整份文件处于标记与与之间。之间。用以声明这是用以声明这是HTML文件，让浏览器认出并正确处理此文件，让浏览器认出并正确处理此HTML文件。文件。HTML文件分两部分，文件分两部分，至至称为开头，称为开头，至至称本文或正文。称本文或正文。HTML整份文件处于标记与之间。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年基本上两者各有适用的标记，如基本上两者各有适用的标记，如只可出现于开头部分。开头部分用以存载只可出现于开头部分。开头部分用以存载重要资讯，而只有本文部分会被显示。所重要资讯，而只有本文部分会被显示。所以大部分标记会运用于本文部分。以大部分标记会运用于本文部分。所标示的是文件的标题。会出现所标示的是文件的标题。会出现于浏览器顶部及为别人于浏览器顶部及为别人Bookmark 时的名时的名称，所以每页有不同而明确的标题是需要称，所以每页有不同而明确的标题是需要的。的。基本上两者各有适用的标记，如只可出现于开头部中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6 Dreamweaver简介简介Dreamweaver是是Macromedia公司推出的一公司推出的一款款“所见即所得所见即所得”的网页编辑工具。与的网页编辑工具。与Frontpage不同，不同，Dreamweaver采用的是采用的是Mac机浮动面版的设计风格，具有直观、机浮动面版的设计风格，具有直观、高效的特性。高效的特性。9.6 Dreamweaver简介Dreamweaver中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年Dreamweaver对对DHTML（动态网页）（动态网页）的支持特别好，可以轻而易举地做出很的支持特别好，可以轻而易举地做出很多眩目的互动页面。插件式的程序设计多眩目的互动页面。插件式的程序设计使得其功能可以无限地扩展。使得其功能可以无限地扩展。Dreamweaver与与Flash、Fireworks并称并称为为Macromedia的网页制作三剑客，由于的网页制作三剑客，由于是同一公司的产品，因而在功能上结合是同一公司的产品，因而在功能上结合非常紧密。因此，非常紧密。因此，Dreamweaver是高级是高级网页制作的首选。网页制作的首选。Dreamweaver对DHTML（动态网页）的支持特别好中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6.1 Dreamweaver MX界面介绍Dreamweaver MX的安装过程非常简单，的安装过程非常简单，一旦成功安装后，就可以在开始菜单找到一旦成功安装后，就可以在开始菜单找到Dreamweaver MX的选项，如图的选项，如图9.4所示。所示。在启动在启动Dreamweaver MX后，将看到后，将看到Dreamweaver MX的工作区，如图的工作区，如图9.5所示。所示。9.6.1 Dreamweaver MX界面介绍中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年下面对下面对Dreamweaver MX的界面进行的界面进行简要介绍。简要介绍。主菜单：在这里可以找到编辑窗口主菜单：在这里可以找到编辑窗口的绝大部分功能。的绝大部分功能。、插入面板：插入项目选择工具。插入面板：插入项目选择工具。在网页编辑的过程中，通过单击对象面板在网页编辑的过程中，通过单击对象面板的按钮来为网页添加相应的元素，如图片、的按钮来为网页添加相应的元素，如图片、表格、层及表格、层及Flash等，这些元素称为对象。等，这些元素称为对象。在在中选择了某个项目，中选择了某个项目，中会出现相应中会出现相应的插入对象。的插入对象。下面对Dreamweaver MX的界面进行简要介绍。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年 工具栏：提供了常用命令的快捷启工具栏：提供了常用命令的快捷启动方式。动方式。编辑区域：以编辑区域：以“所见即所得所见即所得”的方式的方式显示被编辑的网页内容。显示被编辑的网页内容。属性面板：用于显示所选中的网页属性面板：用于显示所选中的网页元素的属性，并可在属性面板上修改。选元素的属性，并可在属性面板上修改。选择不同的网页元素，属性面板所显示的内择不同的网页元素，属性面板所显示的内容也有所不同。此外，单击属性面板右下容也有所不同。此外，单击属性面板右下角的小三角可以根据使用的需要，缩小或角的小三角可以根据使用的需要，缩小或展开属性面板，建议一般情况下都设置为展开属性面板，建议一般情况下都设置为展开模式。展开模式。工具栏：提供了常用命令的快捷启动方式。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年 面板组：面板组是组合在一个标题下面面板组：面板组是组合在一个标题下面的相关面板的集合。若要展开一个面板组，的相关面板的集合。若要展开一个面板组，请单击组名称左侧的展开箭头；若要取消请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请拖动该组标题条左边停靠一个面板组，请拖动该组标题条左边缘的手柄。缘的手柄。面板组：面板组是组合在一个标题下面的相关面板的集合。若中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6.2 创建站点在正式开始制作网页之前，最好先定义一在正式开始制作网页之前，最好先定义一个新站点，这是为了更好地利用站点窗口个新站点，这是为了更好地利用站点窗口对站点文件进行管理，也可以尽可能地减对站点文件进行管理，也可以尽可能地减少一些错误的出现，如路径出错、链接出少一些错误的出现，如路径出错、链接出错等。当熟练掌握了错等。当熟练掌握了Dreamweaver MX的的使用后，在只需制作单个网页时，可以省使用后，在只需制作单个网页时，可以省去这一步。去这一步。9.6.2 创建站点中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年创建站点步骤如下。创建站点步骤如下。（1）在菜单栏中选择）在菜单栏中选择“站点站点”菜单菜单中的中的“新建站点新建站点”命令，出现如图命令，出现如图9.6所示所示的对话框。的对话框。创建站点步骤如下。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年（2）在）在“本地信息本地信息”类别中，在类别中，在“站点名称站点名称”框中为新建的站点命名，这个名字只具有框中为新建的站点命名，这个名字只具有识别的作用，与站点发布后真实的名字无识别的作用，与站点发布后真实的名字无关。然后在关。然后在“本地根文件夹本地根文件夹”框中设置本地框中设置本地站点的根目录，即站点文件在本地硬盘中站点的根目录，即站点文件在本地硬盘中的位置，可以直接输入本地文件夹名称，的位置，可以直接输入本地文件夹名称，也可以单击按钮选择文件夹。也可以单击按钮选择文件夹。“默认图像文默认图像文件夹件夹”为站点默认存放图片的文件夹。为站点默认存放图片的文件夹。“HTTP地址地址”为站点的网址。这两项均可为站点的网址。这两项均可以保持默认。以保持默认。“缓存缓存”可以使站点文件的移可以使站点文件的移动、改名、查找等站点管理的操作速度大动、改名、查找等站点管理的操作速度大大提升，建议选择此项。大提升，建议选择此项。（2）在“本地信息”类别中，在“站点名称”框中为新建的站点中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年（3）在）在“远程信息远程信息”类别中可以创建远程类别中可以创建远程站点。所谓远程站点是指位于站点。所谓远程站点是指位于Web服务器服务器上的站点，它可以被其他人通过上的站点，它可以被其他人通过Internet访访问到。可以利用问到。可以利用“远程信息远程信息”这一项来创这一项来创建管理远程站点，如图建管理远程站点，如图9.7所示。所示。（3）在“远程信息”类别中可以创建远程站点。所谓远程站点是中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年在在“访问访问”列表中选择列表中选择“FTP”一项，其一项，其中中“FTP主机主机”为网站的为网站的FTP地址；地址；“主主机目录机目录”为网站文件在为网站文件在FTP主机上的目主机上的目录；录；“登录登录”为用户名；为用户名；“密码密码”为登为登录密码；如果链接服务器用到防火墙，录密码；如果链接服务器用到防火墙，要选中要选中“使用防火墙使用防火墙”一项，并设置好一项，并设置好参数；其他可根据需要选择。参数；其他可根据需要选择。在“访问”列表中选择“FTP”一项，其中“FTP主机”为网中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年（4）其他如）其他如“测试服务器测试服务器”、“遮盖遮盖”等类别较少用到，可自己练习。等类别较少用到，可自己练习。（5）单击）单击“确认确认”按钮，站点定义完按钮，站点定义完毕，可以正式创建属于自己的网页了。毕，可以正式创建属于自己的网页了。（4）其他如“测试服务器”、“遮盖”等类别较少用到，可自己练中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6.3 制作简单的网页1新建网页2打开网页3保存网页4设置网页属性9.6.3 制作简单的网页中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6.4 在网页中使用图片一个漂亮的网页离不开图片的修饰，下一个漂亮的网页离不开图片的修饰，下面在网页中插入图片，对网页进行美化。面在网页中插入图片，对网页进行美化。单击插入面板上的按钮，然后在弹出的单击插入面板上的按钮，然后在弹出的对话框对话框“选择图像源选择图像源”中选择需要插入中选择需要插入的图片，如图的图片，如图9.12所示。所示。9.6.4 在网页中使用图片中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年需要注意的是，如果所选择的图像文需要注意的是，如果所选择的图像文件，是网站目录以外的文件，件，是网站目录以外的文件，Dreamweaver MX会弹出一个如图会弹出一个如图9.13所示所示的对话框，提示是否将图像文件保存到网的对话框，提示是否将图像文件保存到网站目录内。单击站目录内。单击“是是”按钮，将其保存到按钮，将其保存到站点文件夹中，以确保站点的完整性。站点文件夹中，以确保站点的完整性。将图片插入到网页之后，看到页面的将图片插入到网页之后，看到页面的效果如图效果如图9.14所示。所示。需要注意的是，如果所选择的图像文件，是网站目录以外的文件，D中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年此时，选中插入的图片，可以在属性面板此时，选中插入的图片，可以在属性面板上设置图片的属性，如图上设置图片的属性，如图9.15所示。所示。此时，选中插入的图片，可以在属性面板上设置图片的属性，如图中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6.5 文字处理文字，是一个网页中最基本的要素。文字，是一个网页中最基本的要素。选取一段文字，此时的属性面板显示如图选取一段文字，此时的属性面板显示如图9.16所示。所示。9.6.5 文字处理中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年9.6.6 建立超级链接超级链接（超级链接（link），简称链接，是页面与页），简称链接，是页面与页面之间一个单向的关联关系。通过单击链面之间一个单向的关联关系。通过单击链接，可以从一个页面跳到另一个页面，可接，可以从一个页面跳到另一个页面，可以建立文字或图片链接。以建立文字或图片链接。1文字链接在页面中选取需要建立链接的文字，如欢在页面中选取需要建立链接的文字，如欢迎访问新浪网，在属性面板的迎访问新浪网，在属性面板的“链接链接”框框中填写链接地址，当浏览者单击该链接的中填写链接地址，当浏览者单击该链接的时候，浏览器就会转到该页面，例如输入时候，浏览器就会转到该页面，例如输入http:/，如图，如图9.21所示。所示。9.6.6 建立超级链接中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年2图片链接图片链接的建立过程与文字链接相似，这图片链接的建立过程与文字链接相似，这里就不多作介绍了。但特别要提出的是，里就不多作介绍了。但特别要提出的是，某些图片，在加上链接后，会出现一个蓝某些图片，在加上链接后，会出现一个蓝色的边框，要去掉边框，将色的边框，要去掉边框，将“边框边框”设为设为0即可。即可。2图片链接中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年3热区链接前面介绍的图片链接，一张图只能对应一前面介绍的图片链接，一张图只能对应一个链接。如果想一张图对应多个链接，就个链接。如果想一张图对应多个链接，就需要用到热区链接。选取一张图片后，可需要用到热区链接。选取一张图片后，可以在属性面板看到以在属性面板看到“地图地图”选项，如图选项，如图9.23所示。所示。3热区链接中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年多媒体通信及网络解析课件中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年关于链接的两点提示。关于链接的两点提示。（1）如果要链接到一个）如果要链接到一个E-mail地址，地址，则在则在“链接链接”框中填写框中填写“mailto:E-mail地地址址”，例如，例如“mailto:”。单击该。单击该链接的时候，就会打开默认的链接的时候，就会打开默认的E-mail程序，程序，例如例如Outlook，发送，发送E-mail到到这个地址。这个地址。关于链接的两点提示。中山大学信息科学与技术学院中山大学信息科学与技术学院,黄剑黄剑多媒体技术基础多媒体技术基础,2006年年（2）如果链接到浏览器无法打开的文件，）如果链接到浏览器无法打开的文件，例如例如exe、Zip等文件，那么浏览者在单击等文件，那么浏览者在单击这个链接的时候，就会弹出对话框，询问这个链接的时候，就会弹出对话框，询问将文件保存到硬盘的什么地方，这样就实将文件保存到硬盘的什么地方，这样就实现了文件下载的功能。现了文件下载的功能。（2）如果链接到浏览器无法打开的文件，例如exe、Zip等