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