第 7章 可制作动态网页的软件
本章要点：
? 了解可制作动态网页的软件
? 掌握用 Dreamweaver UltraDev 4.0制作动
态网页
? 学会如何制作动态网页
7.1 Dreamweaver UltraDev
概述
7.1.1 Dreamweaver UltraDev 功能特点
UltraDev 4.0增加了很多新的功能, UltraDev l.0原有的一些功能
也大大增强了 。 下面从自动化相关功能, 动态数据格式化, 代码
编写相关功能和自定义相关功能四个方面介绍 UltraDev 4.0的新特
色 。
1．自动化相关功能
在服务器数据自动化操作方面, UltraDev 4增强了许多功能,
使用户在创建 Web应用程序时, 有更快捷的操作方法和更强的数
据控制能力 。
? 实时数据
可以在工作区中实时查看服务器端数据, 节省时间, 避免重复
劳动 。 活动数据 （ Live Data） 是完全可编辑的, 因此, 用户可以
在处理服务器数据时连续布局页面和逻辑 。
? 数据绑定检查器
使用数据绑定检查器 （ Data Bindings Inspector） 可以给页面快
速添加服务器表达式或来自数据库中的信息 。 把一个对象的属性
绑定到服务器表达式无需知道准确的语法 。
? 远程数据库连接
UltraDev允许用户通过自己的网页应用服务器行为, 直接地连
接数据库, 不再需要动态架构和设定服务器连接 。
? 用户鉴定服务器行为器
在不用书写复杂的服务端代码的情况下, 用户可以将密码保护
加入到自己的站点里 。 它可以让用户通过数据库验证用户名和密
码, 同时密码保护站点页面 。
2,动态数据格式化
用户可以把当前的格式（数据格式）和 ufl编码，而不是手写
代码，应用到数据库数据或者服务器表达式中，还可以用那些服
务器语言中的 asp,jsp和 cfml等库文件将基本的服务器端的逻辑值
应用到页面上。同时，通过数据库制作网页应用导航条，显示和
隐藏版面的某些区域，插入、更新和删除某些记录。
? 3．代码编写相关功能
为了弥补可视化编辑方法在 Web网页制作方面的局限,
UltraDev 4提高了自己的代码编写功能和整合性, 使用户既可以直
接创建 Web应用程序的内容, 也可以通过手工来编写程序代码,
从而增强了对 Web的制作能力 。
? 同时控制 HTML和服务器标记
在可视化环境中工作仍能保持对代码的完全访问 。 当用户在一
个视图中修改时, 修改结果会在另一个视图中立即反映出来 。 这
样, 不但节省了用户的编辑时间, 而且还增强了代码控制能力 。
? 整合文本编辑器
增加了以代码为中心的新特性, 包括自动缩排, 标点平衡和选
择多行后一次缩进 。 现在, 手工编写代码就像在设计视图环境中
一样方便 。 而且输人代码时, UltraDev 4自动对 HTML,客户端
JavaScript,ASP,JSP和 CFML脚本使用不同的颜色显示, 可以快
速区分关键字和标记 。
? 快速标签编辑器和代码导航条
通过快速标签编辑器, 用户能够手写代码并快速地把代码加入
到页面视图中 。 如果需要, 用户还能快速地修改, 加入或者去除
页面中已选中物件的 html标签 。 用户能够快速地找到自己所要编
辑的代码, 可以通过代码视图工具栏的下拉菜单找到文档中的
JavaScript函数 。
? 整合 BBEdit或 HomeSite Bundle
UltraDev内置了 BBEdit（ Mac） 的适用版和 HomeSite（ Windows）
的完全版, 此组合让用户在那些主流的文本编辑器和 UltraDev之
间轻松工作 。
4．自定义相关功能
UltraDev 4在 Web应用支持上增加了更多的内容, 例如, 支持
所有工业标准的应用服务器和 JavaBean,使用户在 web开发和应用
时有了更多的选择余地 。
? 服务器行为生成器
使用服务器行为生成器 （ Server Behavior Builder）, 用户可以
创建可重用的服务器端脚本 （ 服务器行为 ） 库, 无需对 UltraDev
API编程 。 这个功能在一个大型的 Web应用程序中是非常有用的,
可以大大减少用户的程序创建的时间和精力 。
? 支持工业标准的应用服务器
UltraDev 4支持所有工业标准的服务器, 例如, Microsoft IIS、
Allaire ColdFusion,IBM WebSphere,BEA WebLogic和 Netscape
Enterprise Sever等, 用户可以根据自己的实际情况选择需要的服
务器, 不必局限于某一个服务器 。
? 支持 JavaBean
现在,JSP开发者可以注册任何的 JavaBean,作为 UltraDev数
据源，从而可以把 JSP页面连接到 JavaBean。 UltraDev内置
JavaBean类,jar和 zip文件。注册 JavaBean之后，用户就可以在数
据绑定检查器（ Data Bindings Inspector） 中使用拖放方法访问
JavaBean的属性。
7.1.2 DreamweaverUltraDev的安装及配置
使用 UltraDev 开发 Web应用程序, 在用户本地计算机系统配置
上与 Dreamweaver 4 等网页工具有所不同 。 这主要是因为
UltraDev 4不但支持传统的静态页面, 而且还支持基于新 Web技术
的动态页面 。 这就要求用户的计算机除了具备基本的软硬件要求
外, 还应在软件上满足一些特殊的要求, 例如必须在本地计算机
上安装服务器开发和控制环境 。 根据用户需求的不同, 所需要的
基本配置也不相同, 下面列出了三种不同的系统配置：
? 为运行 UltraDev 4而需要使用的系统配置 。
? 为运行动态页面而需要使用的系统配置 。
? 为存储数据而需要使用的系统配置 。
为了建立可行的 Web应用, 用户的系统至少要达到前两个配置
要求 。 如果需要使用数据库, 用户的系统就必须达到存储数据的
配置要求 。
1,运行 UItraDev4的系统配置
在基本运行环境上, UltraDev 4与 Dreamweaver 4的要求基本相
同, 用户只需适当地增加一些内存, 即可增加数据库的连接以及
数据查询和操作速度, 从而提高 Web开发速度 。 下面是运行
UltraDev时的系统配置要求：
? 中央处理器,Intel奔腾处理器（ 233MHz的处理速度或者更快）、
奔腾处理器或其他同级别的兼容处理器。
? 内存,64MB的 RAM。
? 硬盘空间,50MB的可用磁盘空间 。
? 其他设备：支持 SVGA 24色以上的显示器, 鼠标和调制解调器等
设备 。
? 操作系统,Windows 95,Windows 98,Windows Me,带有 Service
Pack 5的 Windows NT 4.0, Windows 2000,Windows XP以及其
他支持 UltraDev 4的操作系统 。
2、运行动态页面的系统配置
在 UltraDev 4中，实现 Web应用时已包括了创建动态的页面。
在网络服务器把动态的页面发送到浏览器之前，应用服务器就会
在运行中处理该动态页面。为了运行动态页面，用户需要一个应
用服务器，它应支持 ASP,JSP或 Allaire ColdFusion中的任何一种
或多种，能在为浏览器提交动态页面之前生成 HTML源代码文件。
3,实现数据存储的系统要求
无论用户创建何种 Web应用程序, 不进行数据的存储几乎是不
可能的 。 对于一个数据存储量不大的程序, 可以使用文本文件来
实现数据的存储和读取, 不过, 文本的执行效率不高, 也不便管
理 。 所以, 一般的 Web应用程序都不采用文本来存储数据, 而是利
用数据库技术来存储数据 。 数据库的数据查询快速, 管理方便,
容错功能强, 在 Internet信息管理和应用中占有绝对的优势 。
对于数据库, 不同的用户, 不同的数据量要求, 也可能有不同
的选择 。 如果用户构建的站点规模不大, 可以使用一些小型的数
据库程序, 例如, Microsoft Access或 Lotus Approach等 。 本书
就是以 Microsoft Access 2000为例向大家介绍数据的使用的,
因为它在进行数据库设计和管理时非常便捷, 而且性能优越, 帮
助信息也很全面, 用户很容易掌握其使用方法 。
如果用户构建的站点规模很大, 有大量的数据等待处理, 并且
希望数据库非常强壮和拥有强大的容错能力, 则应该安装服务器
级别的数据库系统, 例如 Microsoft SQL Server,Sybase、
Informix和 Oracle等, 一般使用 Microsoft SQL Server和 Oracle,
因为它们的功能强大, 而且应用范围广, 受支持程度高 。
7.1.3 Dreamweaver UltraDev工作界面
当第一次启动 UltraDev 4时, 看到如图 7-1所示的窗口和面板,
用户会感觉到它有别于其他许多网页创作软件 。 许多网页创作软
件的界面拥有大量固定的菜单, 工具栏和工具, 使得在工作过程
中真正的文档工作区域经常被压缩得很小, 而 UltraDev 4却使用了
简便, 精巧, 实用的工具, 不同级别和经验的用户都可以根据需
要有选择地定制自己所喜欢的界面, 以用来提高工作效率 。 下面
介绍一下窗口中界面元素的名称和功能：
对象面板
图 7-1 UltraDev的窗口结构
1．文档商口
文档窗口是 UltraDev 4的主工作区域，通过在文档窗口中输
入文字、插入图片以及其他各种页面元素，并且进行链接设置等
操作，就可以在其中创建新的 Web页。当需要对已有的 Web页面
进行编辑等操作时，也需要在文档窗口中打开并且完成编辑工作。
在文档窗口还可以快速查看当前页面的各种属性，使用标记选择
器追踪 HTML元素，以及设置页面尺寸等。它的显示结果同文件
在测览器中显示的结果基本相同。
2．对象面板
在对象面板上包含网页中所有可能用到的页面元素, 从简单的
文本, 图像一直到复杂的 ActiveX,交互图像, 甚至网页中的隐藏
对象 （ 如非间断空格, 服务器引用等 ）, 用于在文档中创建不同
类型的对象 。 在 Window菜单中选择 Objects命令, 就会在屏幕中
显示 Objects面板 。
3,启动面板
启动面板上包含了普通用户最常使用的控制按钮, 通过这些按
钮, 可以快速启动或关闭最常用的检视器和浮动面板 。 在
UltraDev 4中, 除了 Objects面板和属性面板外, 最重要的就是启动
面板, 使用它可以快速打开一些重要窗口 。 一个复杂的页面创作
需要经常用到这些工具, 而使用装载器来管理, 可以极大地提高
工作效率 。
由于 UltraDev 4拥有数量众多的窗口和面板，用户也许希望
其他一些窗口和面板也可以通过装载器来快速打开，这就需要自
定义装载器。单击 Edit菜单中的 Preferences命令，可以打开
Preferences对话框，在 Category列表中选择 Panels选项，在右边对
话框中，可以在列表中通过增减相应的项目来设置装载器的按钮，
如图 7-2所示。
单击加号按钮可以打开项目菜单, 在其中选择未添加到装载器
中的项目 。 在列表中显示的是已经添加到装载器中的项目, 使用
减号按钮可以将选中的项目从列表中删除 。
图 7-2 Preferences对话框
4,属性面板
属性面板在 UltraDev 4中是一个十分重要的工具, 使用它可以
对任何页面对象进行详细的属性查看和设置 。 当选定页面中的某
个对象时, 属性面板将显示相应对象的所有属性细节 。 如果需要,
用户可以随时对这些属性进行编辑和设置 。 属性面板中的内容不
是固定的, 它会随着选择对象的不同而变化 。 例如, 在文档中空
白区域单击, 在属性面板中只会显示一些诸如格式, 字体, 字号
等文本属性；而选择了图像对象时, 将在属性面板中显示图像的
尺寸, 链接, 替换文本的属性 。 选择的对象不同, 则属性面板的
内容也不同, 如图 7-3所示 。
图 7-3 不同对象下的属性面板
文本的属性面板
图像的属性面板
表格的属性面板
5．可停靠浮动面板
可停靠浮动面板是一个工具集合的控制框架, 用户可以将各
种浮动窗口, 面板和检视器放在其中, 组合成为选项卡的形式,
以节省屏幕的空间, 必要的时候还可以将这些浮动窗口, 面板和
检视器从中分离, 从而成为独立的浮动面板 。
7.1.4 Dreamweaver UltraDev 4的工作方式
利用 UltraDev 4设计 Web应用程序, 不仅要对应用程序的数
据流程和文件结构进行设计, 而且还要掌握 UItraDev 4的基本工作
方式, 只有这样才能减少不必要的开发环节, 提高应用程序的开
发效率 。 在 UltraDev 4中, 一个页面程序的创建应按照三个步骤来
走, 它们分别为：制作静态页面和定义记录集, 添加和激活动态
内容, 以及编辑和调试 Web页 。
1,制作静态页面和定义记录集
制作动态页的第一步就是创建静态页面 。 用户可以定置
Dreamweaver所有的设计工具, 然后根据页面的实际需要创建显
示内容 。
如果在应用中使用了数据库, 下一步就要定义记录集, 以便从
数据库中临时提取数据 。 应用不能直接调用数据库, 它必须以记
录集为中介手段 。 用户定义的任何记录集都要添加到数据捆绑监
视器的列表中, 然后用这个监视器往用户的 Web页中添加动态内
容 。
2．添加和激活动态内容
在向数据捆绑监视器中添加了记录集或其他数据源之后, 就可
以向用户的 Web页中添加动态内容, 而不必考虑插入到用户的
Web页中的服务器端脚本 。 向 UltraDev 4添加动态内容时, 仅仅
需要指明其位置和内容 。
3,编辑和调试 Web页
最后一步就是根据需要编辑和调试 Web 页 。 Dreamweaver
UltraDev 4为用户提供了三种编辑环境,Dreamweaver传统的可视
化编辑环境, UltraDev 4活动数据 （ Live Data） 编辑环境和源代码
编辑环境 。
当然, 用户还可以使用其他的 ASP调试工具进行实时的跟踪调
试, 比如 Microsoft公司的 InterDev。 另外, Microsoft公司还出了
一个产品叫做 ScriptDebuger,也是个很好用的调试工具 。 它甚至
可以让用户单步执行脚本, 实时查看变量数据 。
7.2 框架的创建
在 UltraDev 4中, 专门提供了一个用于创建框架的对象面板,
集成 8种常用的框架, 通过它们, 用户可以很快完成各种框架结构
的应用 。 另外, 通过莱单, 用户也可以逐步完成框架的创建 。 下
面分别对框架的规划, 创建和分割进行介绍 。
7.2.1框架的规划
在正式创建框架页面之前, 必须对框架页面的布局和内容进行
规划, 以减少后期修改工作 。 规划框架页面可能会涉及到下列几
个问题：
? 确定页面结构 。 通过结构草图规划页面内框架的数量, 排列方式,
是否需要滚动条, 框架与框架之间的距离等 。 通常, 三框架页面
是大多数人的选择 。
? 协调色彩 。 多框架的页面需要使用协调的背景色, 文本色和链接
色, 尤其是链接颜色应该统一 。 用户应该从页面, 甚至站点设计
的全局出发, 考虑框架内色彩的应用问题 。
? 规划初始页面。每个框架都应该有一个初始页面，简单的问候语、
富有意义的图像都可以作为初始页面的内容，否则在测览器内将
看到一个空白的区域。初始页面可以是以前创建的页面文件，也
可以从空白页面开始，在发布站点之前，完成空白页面的编辑和
填充。
?确定目标框架。目标框架是更换最频繁的窗口区域，可能多个链接
目标都需要在此框架内打开，所以该框架应该处在醒目的位置，
而且显示区域比较大，一般应占整个页面的 60％以上的比例空间。
7.2.2创建框架
? 要为当前页面创建框架结构, 最常用的方法是使用 Frames对
象面板来创建 。 在该面板中, UltraDev 4提供了 8种框架结构 （ 如
图 7-6所示 ）, 用户只要单击其中的框架按钮, 就可以在当前页面
或者插入点所在的框架中应用按钮所对应的框架结构, 完成页面
分割任务 。 例如, 单击对象面板中的 Insert Left and Nested Top
Frame按钮, 可将当前文档窗口分割成三部分, 如图 7-7所示 。
图 7-7 通过 Frames对象面板创建框架图 7-6 Frames对象面
单独使用 UltraDev 4提供的 8种框架结构, 是不能满足框架页面的创建需要
的, 开发人员需要结合使用它们才能创建各种各样的框架 。 UltraDev 4不但允
许用户在一个文档窗口中应用框架技术, 也允许用户嵌套框架, 即在单个框架
中应用框架 。
除了 Frames对象面板外，用户还可以通过三种方式来创建框架：一种是通过
Insert菜单下的 Frames子菜单来完成，一种是通过 Modify菜单的 Frameset子菜单
来完成，另一种是使用 Alt功能键。其中,Alt功能键的使用必须是在原有框架
的基础上。如果用户要使用 Alt功能键分割框架，可按住 Alt功能键，将鼠标移
动到框架边框处。当鼠标的形状切换成垂直状时，沿箭头指示的方向拖动鼠标
，可将框架分割成上、下两个部分。当鼠标的形状切换成水平状时，沿箭头指
示的方向拖动鼠标，可将框架分割成左、右两个部分。
7.2.3 修改框架属性
用户在创建框架时,UltraDev 4都按照默认的内容来设置框
架的大小以及其他一些属性，包括边框的有无、边框宽度、边框
颜色、所选行或列的宽度、行或列宽度的度量单位等内容。为了
框架的美观和统一，用户还必须对上面这些属性进行设置，下面
分别进行介绍。 1,选择框架
要对框架进行属性设置和其他操作, 首先必须选择框架
UltraDev 4提供了两种选择框架的方法, 用户可选择其中任一种方
法：
图 7-8 框架面板
? 按住 Alt功能键, 单击页面内的框架 。
? 在打开的框架面板内单击框架 。 框架面板是 UltraDev 4用于管理框
架的工具, 执行 window菜单的 Frames命令或者使用 Ctrl＋ F10组
合键时, 都将打开如图 7-8所示的框架面板, 当前页面的框架集及
其框架的布局将显示在框架面板内 。
UltraDev 4提供了两种选择框架集的方法，用户可执行下列操作之一,
? 在文档窗口单击框架边框 。
? 在框架面板内单击包围框架的白色边框 。
无论是框架还是框架集处于选择状态时, 在它的周围都将出现由
圆点组成的虚线框 。 按住 Ctrl功能键的同时, 按左, 右移动键时,
将选择相邻的框架 。 按上移动键, 将选择父框架集, 按下移动键,
将选择子框架集 。
2．调整框架大小
框架集由多个矩形框架组成, 它们都是从简单的水平或垂直框架
演变而来的, 这与表格对页面的划分非常类似 。 对于规则的框架来
说, 同列的框架都具有相同的行高, 或者同行的框架都具有相同的
列宽 。 对于不规则的框架来说, 较小的框架仍然是由初始框架分割
而成的, 较大的框架则是由初始框架合并而成的, 本质上仍然可将
它们看成是由行, 列内的框架组成的 。
用户要调整单个框架的大小, 将鼠标指向框架的边框 （ 整个框架
边框除外 ）, 当鼠标变成上下的箭头时, 按住鼠标水平 （ 垂直 ） 地
拖动框架的边框可对同列 （ 行 ） 内框架的宽度 （ 高度 ） 进行快速的
调整 。 另外, 在框架边框的属性面板中, 用户也可以通过 Column
（ Row） 选项区域中的 Value和 Units值的调整来对行或列内框架的
大小进行定量的设置 。
3．设置边框
边框是位于不同框架之间的分割线, 与边框有关的属性包括是
否显示边框, 边框的宽度与边框的颜色等 。 用户如果要设置框架
边框, 首先选择它, 然后打开框架边框的属性面板 （ 如图 7-9所示 ）
来设置 。 其中, Borders下拉列表框用于设置是否显示边框, 打开
该下拉列表框, 选择 Yes选项时, 表示以三维和灰度显示边框 。
选择 No选项时, 表示显示扁平和灰度边框 。 选择 Default选项时,
将由访问者使用的浏览器决定是否显示边框的内容 。
图 7-9 框架边框的属性面板
Border Color颜色框用于设置框架集边框的颜色，用户可直接
在文本框内输入代表颜色的 16进制数值，也可以打开颜色选择器
选择所需的颜色。注意，只有在 Borders下拉列表框内定义框架集
的边框为显示状态时，在此设置的颜色才能生效。
Border Width文本框用于设置边框的宽度，用户可直接在文
本框内输入边框的数值，它的度量单位是像素。加大边框的宽度
时，它们在浏览器窗口占据的位置也将增大，尤其是框架较多的
情况下，显示边框往往会暄宾夺主，使页面内容在浏览器窗口处
于次要的地位。因此大多数情况下，都将边框的宽度定义为 1或 0。
4．改变框架其他属性
除了框架大小的调整, 边框的显示状态和边框颜色之外, 用户
还需要设置框架的其他一些属性, 例如, 框架名称, 滚动条, 源
文件, 边距宽度和边距高度等内容, 这些属性都出现在框架的属
性面板, 如图 7-10所示 。 其中, 框架名称是设置目标框架的关键,
链接页面就是通过框架名称来确定打开页面内容的位置的 。 在
Frame Name文本框中, 用户可以输入框架的名称, 数字, 字母,
下划线及其组合都可以作为框架名称的组成部分 。 不过,
UltraDev 4不允许使用空格, 短横 （ － ）, 半角句点 （, ） 作为框
架名称的组成部分, 并且下划线不得出现在名称的最前端 。 框架
名称确定了之后, 就可以通过 Src文本框为当前框架设置一个默认
的页面文件 。
。
图 7-10 框架的属性面板
在框架内填充内容时，它的方法与在文档窗口添加页面内容
完全相似，在内容与边框之间总是保留一定的距离，这样，不同
的框架就会以间距为分割线，即使边框未出现在浏览器窗口，不
同框架的页面内容仍然能够很好地加以区分。 UltraDev 4使用属性
面板的 Margin Width文本框定义框架内容与边框之间的水平间距，
Margin Height文本框定义框架内容与边框之间的垂直间距。当框
架内的内容较多时，它们占据的空间将超过框架大小覆盖的范围，
这时就需要在框架的右侧添加垂直滚动条，在框架的底端添加水
平滚动条。 UltraDev 4不仅允许用户在框架内设置滚动条，还可以
根据框架内容的多少自动决定是否显示滚动条。在框架属性面板
中，打开 Scroll下拉列表框，确定滚动条的显示状态。选择 No选
项时，滚动条不会出现在浏览器窗口。选择 Yes选项时，滚动条
将始终显示在浏览器窗口。选择 Auto选项时，表示当框架内容超
过框架覆盖的区域时，将显示滚动条，否则滚动条处于隐藏状态。
选择 Default选项时，由访问者使用的浏览器来决定是否显示滚动
条，济览器的类型不同，它对滚动条的处理方式也不同。
在浏览器窗口内使用鼠标拖动页面的框架时, 也能够对框架的
大小进行修改 。 但如果在框架的属性面板内启用 No Resize复选框,
那么访问者修改框架大小的尝试将是无效的 。
7.2.4 保存框架页面
在 UltraDev 4中, 保存框架页面比保存普通页面要复杂一些,
这主要是由于框架页面是
由框架集及其框架内容组成的 。 在保存框架页面时, 不仅要保存框
架的内容, 还要对框架集本身进行保存 。
如果用户要保存框架集, 可选择 File菜单的 Save Frameset命令,
打开 Save AS对话框, 将框架集文件定位在当前站点内 。 需要将
当前框架集进行另存处理时, 可选择 File菜单的 save Framset As命
令 。
如果用户要保存框架内的页面时, 需要将插入点定位在框架内,
然后选择 File菜单的 Save命令, 这样在打开的对话框内便可确定框
架页面的名称及其路径 。 一次性地对框架文件, 框架集文件存盘
时, 可选择 File菜单中的 Save All命令, UltraDev 4将依次对框架集
和框架内容进行保存 。
7.3 表单
表单是访问者与网页维护人员之间进行沟通和交流的桥梁, 当
访问者填写完表单数据之后, 信息将被发送给 ASP应用程序, 由
ASP应用程序分析访问者的要求, 并将结果显示在浏览器窗口, 或
者反馈给站点所有者, 并对访问者作出响应 。 表单是 UltraDev 4创
建 Web应用程序的重要内容 。 本节首先介绍表单的一些基本内容,
使用户对表单有一个明确的认识, 然后详细介绍表单及主要表单元
素的创建方法 。
7.3.1 表单的创建
在动态交互式网页中, 表单对象是最常用的页面对象, 它能够方
便地收集各种所需信息, 是用户与 Web应用程序之间进行数据交换
的重要接口 。 UltraDev 4提供了多种创建表单的方法, 在文档窗口
内, 执行下列方法之一时, 都可以创建一张表单：
? 选择 Insert菜单的 Form命令 。
? 打开 Form对象面板, 单击 Insert Form按钮 。
? 选择 Insert菜单的 Form Objects选项, 然后从其子菜单中选择任何
一个表单元素插入命令 。
表单被创建之后, 以红色虚线框的形式出现在文档窗口, 表明
表单元素的填充范围, 只有出现在该区域的内容才作为表单的一
部分 。 如果红色虚线框未显示在文档窗口内, 用户可以选择 View
菜单中的 Invisible Elements命令 。 在表单的边框上单击, 或者将
插入点移动至表单内, 都将使表单处于选择状态 。 当用户选择表
单之后, 属性面板就会显示出表单的属性内容, 如图 7-11所示 。
图 7-11 表单的属性面板
7.3.2 创建文本框
对于表单的创建,UltraDev 4支持两种情况，一种是创建
单行文本框，一种是创建滚动文本框。其中单行文本框用于
接收简短的用户信息，滚动文本框用于接收内容较多的用户
信息。下面分别介绍它们的创建过程。
7.3.3 创建复选框
在 Windows的对话框中，用户也许经常接触到复选框的使用，
复选框允许用户在众多选项内进行多项选择，启用的复选框内将
出现勾选号。一般，复选框的使用必须与说明文字相配合，访问
者可根据说明文字的内容来判断是否启用复选框。
图 7-14 设置复选框的属性
7.3.5创建下拉菜单
下拉菜单是对单选按钮的改进, 其中的选项具有互斥的特点 。
相对于单选按钮, 下拉菜单有优点也有缺点, 优点是可将所有的
选项都集中起来, 只显示经常处于选择状态的选项, 克服了单选
按钮占用过多页面空间的缺点, 节约了页面空间 。 缺点是不方便
访问者进行快速选择 。 在 UltraDev中, 创建下拉菜单的方法也有
两种, 用户只要选择其中的一种即可：
? 选择 Insert→Form Objects→List/Menu 命令 。
? 打开对象面板, 单击 list／ Menu按钮 。
下拉菜单的属性包括菜单名称, 初始选项和菜单数值等 。 菜单
名称是识别下拉菜单的唯一标记, ASP应用程序是通过该名称识
别不同的表单元素的 。 初始选项就是打开页面时, 首先出现在下
拉菜单的内容 。 当访问者将表单发送给 ASP应用程序时, 应用程
序将根据下拉菜单的数值来判断菜单选项是否已被选中, 在菜单
数值与菜单选项之间存在着对应关系 。
要设置下拉菜单的属性，在表单中选择它，然后打开如图 7-
16所示的属性面板来进行，具体内容可参照下面的选项介绍。 。
? Lisl／ Menu文本框：在该文本框中设置下拉菜单的名称 。
? Type选项区域：在该选项区域中, 确认选择了 Menu单选按钮 。
? List Values按钮：通过该按钮设置下拉菜单中的选项 。
用户要通过 list Values按钮设置下拉菜单中的选项, 可以参照下面的
操作步骤：
（ 1） 在下拉菜单的属性面板中, 单击 list Values按钮, 打开 List
Values对话框 。
（ 2） 单击左上角的, ＋, 按钮, 然后在 Item Label栏内输人下拉菜
单的第一个选项 。
图 7-16 下拉菜单的属性面板
（ 3）在 Value栏内输人第一选项的菜单数值。
（ 4） 重复上面第 （ 2） 步到第 （ 3） 步, 继续添加其他选项及其数值 。
（ 5） 选项添加完毕, 单击向上箭头按钮时, 将使所选的菜单选项及
其数值向前移动一个位置 。 相反地, 单击向下箭头按钮时, 将使
所选的菜单选项及其数值向后移动一个位置 。
（ 6） 要删除某个菜单选项, 在选项列表中选择它, 然后单击, －,
按钮即可 。
（ 7） 单击 OK按钮, 返回到下拉菜单的属性面板 。
在个人信息表单内需要了解职称情况时, 可在表单内添加, 职
称, 下拉菜单, 它包括, 工人,,, 初级工程师,,, 工程师,,
,高级工程师, 和, 系统工程师, 5个选项, 访问者可根据自身的
情况, 选择与自己相对应的职称选项 。
（ 1）在表单中选择下拉列表框，并打开其属性面板，如图 7-17所
示。
图 7-17 设置下拉列表框的属性
（ 2） 选择 Type的 List单选按钮 。
（ 3） 在 list/Menu文本框内命名下拉列表框 。
（ 4） 单击 list Values按钮, 打开 list Values对话框, 按照上面的方法
确定下拉列表框的选项名称及其数值, 然后单击 OK按钮之后, 返
回属性面板 。
（ 5） 在 Height文本框内设置列表框选项在浏览器窗口的显示长度 。
（ 6）在 Selections选项区域中，启用 Allow multiple复选框时，表
示允许访问者一次选择多个选项，此时下拉列表框的作用与复选
框完全相同。取消 Allow multiple复选框时，下拉列表框的作用与
单选按钮相同。将 Height文本框内的数值修改为 1，并取消 Allow
multiple复选框时，下拉列表框的作用与下拉菜单相同。
7.3.7 创建重置和提交按钮
收集数据信息是表单的主要功能，当访问者完成文本框的输
入、复选框和单选按钮等的选择之后，便可对表单的内容进行检
查并进行修改，最后将表单数据提交给 ASP应用程序。 UltraDev 4
提供了两个按钮未完成这项工作，其中，重置按钮用于恢复默认
的表单数据，提交按钮用于以 Post或 Get的方式提交数据给 ASP应
用程序。
用户在创建好用于接收信息的表单元素之后，可按照下面的
步骤来创建重置和提交按钮并设置其属性：
（ 1）将插入点置于表单中，选择 Insert→ Form Obects→ Button命令，
或者单击对象面板中的 Button按钮，创建一个按钮。
（ 2）选择新创建按钮，打开其属性面板，设置按钮属性，如图 7-
18所示。
图 7-18 设置按钮属性
（ 3） 在 Button Name文本框内定义表单按钮的名称 。
（ 4） 在 lable文本框内定义表单按钮的标签 。
（ 5） 在 Action选项区域中, 选择 Submit form单选按钮, 则创建的按
钮为提交按钮；选择 Reset form单选按钮, 则创建的按钮为重置按
钮 。 这里选择 Reset form单选按钮 。
（ 6） 按照前面的步骤创建第第二个按钮, 并在按钮的属性面板中选
择 Submit form单选按钮, 将按钮设置为提交按钮 。
7.4 应用层
随着信息时代的来临，人们对页面内容的定位、移动和显示提出了
更高的要求，为引入层的概念。层是一种全新的页面定位技术，可以对
其中的对象提供像素级的精确定位，并可以自由地在页面中移动。用户
将对象放入到层中之后，可以控制哪些显示在前面，哪些显示在后面，
哪些显示，哪些不显示。另外，配合时间轴的使用，用户还可以同时移
动一个或者多个层，轻松地制作出各种动态效果。
7.4.1 层的基本概念
在层出现之前，用户可以使用表格控制页面的版面。文本、
图像都可填充在表格内，它们的位置通过表格是非常容易控制的。
当需要精确地控制图像时，就必须借助更加小巧的表格，而且无
法改变在平面上布置对象的限制。为增强 Web设计者布置版面的
手段,W3C在新的 Cascading Style Sheet（ 层叠样式表）中包括了
一个特性，允许对页面上的元素进行绝对的定位。绝对定位 使某
个元素 （ 图像或文本 ） 可以定位到页面上的任何位置, 这个特性就
是 Web页面上的层, Web页面上的层实际上是通过 HTML标记来
创建的, 通过在标记中设置页面坐标, 可以在页面中对层进行精
确定位 。 在 UltraDev 4中, 用户可以通过简单的方法在页面中创
建层, 而无须进行任何编码的工作 。
通过在 UltraDev 4中创建层, 可以在页面中的任何位置插入精确定
位的元素, 并且可以对多个层进行堆叠和隐藏等操作, 还可以通
过使用行为设置层的动画和交互效果, 大大提高页面创作的能力
和质量 。
7.4.2 层的基本操作
层的基本操作主要包括默认参数的修改, 层的创建, 层的对齐,
嵌套, 尺寸调整和位置移动等, 下面分别进行介绍 。
1．修改层的默认参数
在使用层时，都是按默认参数来设置，为了使页面中创建的
层能够适应自己工作的需要，用户可以修改它的默认参数值。选
择 Edit→ Preference命令或按下键盘上的 Ctrl＋ U键，打开
Preferences对话框，并在 Category列表框中选择 Layers选项，
如图 7-19所示。
有关层的默认设置内容主要包括以下几项：
? Tag下拉列表框：该下拉列表框设置在创建层时使用的 HTML标记 。
? Visibility下拉列表框：该下拉列表框设置创建的层默认的可见性 。
? Width和 Height文本框：这两个文本框设置创建的层默认的宽度和高度属
性 。
? Backgroud选项：该选项用来指定背景颜色或者图像 。
? Nesting复选框：启用该复选框将把新层设置为嵌入式的层 。
? Netscape 4复选框：启用该复选框将在插入层时加人 Resize修复程序。
图 7-19 设置层的默认属性
2．创建层
UltraDev 4为用户提供了下面三种创建层的方式, 用户使用任何
一种都可以创建出一个新层 。
? 选择 Insert→ Layer命令, 可以得到一个默认的层 。
? 使用 CSS Style选项卡可以创建一个精确定义大小的层 。
? 最直接的方法是从对象面板中单击, Draw Layer”按钮之后, 在页
面上拖动出层的大小 。
3．激活与选择
需要在层内添加文本、图像、插件、表格时，必须先激活层。
激活层的方法非常简单，用户只需单击层所在的区域。层被激活
后，光标将停留在层中，层的边框高亮显示，此时在层的左上角
出现选择手柄（如图 7-20所示），将鼠标指向手柄时，它的形状
将切换成手形，单击之后便可使激活的层处于选择状态。
如果用户需要一次性地选择多个层时, 可按下列方法之一进行操作：
? 按住 Shift功能键的同时, 依次单击多个层 。
? 按住 Shift功能键的同时, 依次在层面板的名称列表内选择 。
当多个层被选中时, 最后选择的层的手柄以黑色小方块的形式出现, 而在
此之前选择的层手柄将切换成白色 。 在文档窗口的空白位置单击时, 将
取消所有层的选择 。
4．调整层的尺寸
将鼠标移动到层的边框处，它的形状将切换成双向箭头，按住鼠标并进行
拖动即可调整层的尺寸。不过，如果要精确地定义层，必须使用键盘和
属性面板。如果选择多个层，那么层的操作对所选的层都有效，并且这
些层将具有相同的高度或宽度。
图 7-20 激活的层
如果要使用键盘调整, 先选择层, 然后按住 Ctrl功能键, 每按
一次光标移动键, 将按照箭头指示的方向以像素为单位改变层的
大小 。 如果同时按住 Shift和 Ctrl功能键, 每按一次光标移动键,
将按照箭头指示的方向以网格为单位改变层的大小 。
如果用户要使用属性面板来调整层的尺寸, 先选择文档窗口的一个
或多个层, 然后打开属性面板, 在 Height,Width文本框内输入
以像素为单位的数值 。
5．改变层的位置
选择层之后, 使用鼠标拖动便可改变层在文档窗口的位置 。 配
合光标移动键的使用, 用户可以以像素或网格为单位移动层, 前
者适合于快速地改变层的位置, 后者适合于精确定位的情况 。 与
移动层关联的菜单命令是 View菜单的 Prevent Overlaps命令 。
如果该命令前出现勾号, 表示 UltraDev 4启用防止层相互重叠的
功能, 此时用户就无法对层进行移动 。 再次执行该命令时, 将取
消防止层相互重叠的功能 。
6．对齐层
在进行层对齐时, 需要确定基准层, 其他层都是通过基准层来进行
对齐的 。 一次性地选择多个层之后, UltraDev 4总是将最后选择
的层作为基准层 。 如果多个层相互重叠, 用户还可改变层的排列
顺序 。 要对齐层, 一次性地选择文档窗口的多个层, 单击
Modify→ Align中的对齐命令即可 。
7．嵌套层
嵌套层就是在父层内添加新的子层, 嵌套的级别是不受限制的, 用
户可通过层面板来查看包括嵌套层在内的所有层 。 选择 Window
菜单中的 Layers命令, 打开层面板, 其中显示各个嵌套层之间的
关系, 如图 7-21所示 。
在名称列表内出现当前页面内所有层的名称, 而且层的名称将按照
添加的顺序依次排列, 最先添加的层位于名称列表的底部, 最近
添加的层位于名称列表的顶部 。 特定层的可见性通过眼睛图标在
面板的第一列显示, 选择眼睛图标可以使用户在三种不同的可见
性状态之间进行切换：眼睛闭上表示层被隐藏, 眼睛睁开表示层
是可见的, 没有眼睛表示层的可见性属性被设置为默认的, 对于
Navigator 4.0和 IE 4.0,它们都意味着继承父层的可见性 。 需要
同时将所有层的可见性设为相同的状态, 可在标签的顶部单击眼
睛图标, 所有的眼睛都会同时开关 。
用户要改变某一层的名称, 只要在面板中双击该层的名称, 该
名称就会高亮显示, 输人新的层名称之后回车即可 。 在嵌套层的
左侧会出现一个, ＋, 或, －, 号, 若出现, ＋, 号则表示只显
示父层而不显示对应的子层, 单击, ＋, 号可以显示子层；单击
,－, 号将隐藏所有的子层 。
UltraDev 4提供了 3种添加嵌套层的方法, 用户可选择下列方法
之一进行操作 。
? 选择父层, 执行 Insert菜单的 Layer命令 。
图 7-21 显示层间的嵌套
? 拖动对象面板的 Layer按钮至父层内。
? 单击对象面板的 Layer按钮, 在父层内拖动 。
? 按住 Ctrl功能键在层面板内选择一个层后拖动到父层, 当包围目标
层名称的方框显示时, 释放鼠标便形成新的嵌套层 。 嵌套层随着
父层的移动而移动, 并继承父层的可见性 。 用户可以使用嵌套属
性快速地隐藏层 。 如果所有子层的可见性都被设置为默认, 那么
通过父层, 用户可能使所有的子层继承父层的可见性设置, 并从
视图中消失 。
7.4.3 设置层的属性
用户要设置某个层的属性, 就先在页面中选择该层, 然后打开
其属性面板 （ 如图 7-22所示 ） 。 为了让 CSS和 JavaScript能够正
确地引用层, 必须为层命名, 该名称必须是唯一的 。 在创建层的
同时, UltraDev 4自动为每一个层进行命名, 其命名规则是
,Layer”与阿拉伯数字的结合, 用户可在层属性面板左上角的文
本框内输入一个便于管理和记忆的名称 。 UltralDev 4规定层的名
字可以使用英文字母和数字, 但不允许使用特殊字符 （ 如空格,
连字号, 斜线或句号等 ） 。
打开 Tag下拉列表框之后, 可以看到与层有关的 HTML标识 。 默
认情况下, 被定位的层使用＜ div＞ 标识, 但是用户也可以选择＜
span＞, ＜ layer＞ 或＜ ilayer>标识 。 Visibility下拉列表框决定着
图的可见性, 各选项的意义与 Layers选项卡的完全相同 。 在层面板
内, 选择想要改变可见性的层所在的行, 单击左侧的眼睛图标也能
够改变层的可见性 。 如果层左侧的眼睛图标是睁开的, 表示该层是
可见的 。
图 7-22 层属性面板
如果层左侧的眼睛图标是闭上的, 表示该层不可见 。 如果层的左侧
没有眼睛图标, 则层继承其父层的可见性 。 如果层没有嵌套, 那么
层的父层就是文档本身, 它总是可见的 。 希望改变所有层的可见性
时, 可在打开的层面板内, 单击眼睛图标列最顶部的眼睛图标, 使
眼睛图标处于关闭状态 。 无论层是否可见, 层都占用页面上的空间,
并且需要一些页面下载的时间 。 隐藏层不会影响布局, 但其中的内
容将耗费和可见层相同的下载时间 。
通常, 层的大小总是与插入其中的文本或图形相匹配 。 通过改
变属性面板中的高度和宽度属性, 用户可以限制层的尺寸 。 当用
户定义的层相对于某个图像太小时, 或者当许多文本依赖于层的
Overflow属性的设置时, 就会发生溢出现像 （ Overflow） 。
CSS层支持 4种不同的 Overflow设置：
? Visible选项表示将显示所有溢出的文本或图像, 同时忽略为层所
设定的高度和宽度 。
? Hidden选项表示忽略文本或者图形中溢出尺寸之外的部分 。
? Scroll选项表示无论插入对象的尺寸或数量如何, 也无论层的大小
尺寸如何, 水平和垂直的滚动条都将被添加到层上 。
? Auto选项表示当层的内容超过宽度和高度时, 水平的和垂直的滚
动条将显示在浏览器窗口 。 目前, UltralDev 4还不能在文档窗口
直接显示结果, 需要设置层的 Overflow属性, 必须借助于浏览
器 。 层在页面内的位置是相对于文档窗口或父层左上角的位置,
L,T文本框以像素 （ 默认 ） 为单位的数值将决定着这段距离的长
短, 它们分别表示相对于左上角的横向距离与纵向距离 。 W,H
文本框用于指定层的宽度与高度, 该数值只能对所选的层有效,
未选择的层仍将保留
以前的大小 。 定义距离, 长度数值时, 除了默认的像素之外, 用户
还 可 以 使用 其 他的 单位, 例如 pc(picas),pt(points),in
（ inches）, mm（ millimeters）, cm（ centimeters） 或 ％
（ 在父层的百分比 ） 等, 缩写的单符号或百分号必须紧邻输入的
数值, 中间不能存在空格 。
Clip选项区域用于指定显示区域与层边界之间的距离, 它可以实
现层对象的剪切 。 用户可从 T（ top）, L（ Ieft）, R（ Right）,
B（ Bottom） 4个方向上设置显示区域与层边界的距离 。 Z－
Index文本框用于设置层的叠放顺序, 当多个层出现时, 它能够
改变层的显示状态 。 数值较大的层出现在上面, 数值较小的层出
现在下面 。 另外, 为了改变层的叠放顺序, 用户还可选择层面板
的 Z列, 然后单击希望改变叠放顺序的层数字 。 在数字的周围出
现活动边框时, 可在此输入一个较大的数字, 表示将层尽量移动
到前端 。 输入一个较小的数字时, 表示将层尽量移动到底端 。 Z
－ Index的值必须被设置为整数, 正, 负没有关系 。 由于该值是
相对的, 因此较大的值对应的层将显示在顶层, 而较小的值对齐
的层将显示在底层 。
Bg Image文本框用于指定层的背景图像, 用户可在文本框中输
入背景图像的路径与名称, 或者单击右侧的文件夹图标, 在打开
的对话框内确定背景图像的位置与名称 。 当层的大小超过图像的
尺寸时, 背景图像将被拉伸, 以适用层的大小 。 如果希望给层添
加背景颜色时, 可在 Bg Color文本框内输入 16进制的数值, 该数
值与某个颜色相对应 。 当然, 用户也可以打开颜色框从中进行选
择 。
7.5 站点管理
7.5.1 规划站点
1．确定站点主题
针对建站的目的制定主题是一条必须遵循的规则, 如果主题与目的相去甚
远, 那么建站的目的也就没有达到, 可以说站点本身是不成功的 。 在确定
站点的主题时, 需要对当前的站点进行系统的分析, 寻找自己的突破口与
切入点, 以期达到, 标新, 的目标 。 公司站点的主题集中在产品研发, 生
产销售, 客户关系和项目协作等方面, 而个人站点 可以把注意力集中在一
个或几个关键性主题上, 每个主题都采用数个网页加以展示 。
对于正在从事某项工作的用户来说, 可以通过站点邀请一些志同道合的朋
友共同参与, 站点的主题是针对项目内容, 前景预测, 个人想法和当前情
况等进行说明 。 如果访问者对介绍的情况比较感兴趣, 就会以电子邮件,
电话或传真的方式与建站者进行联系 。
站点是展现个人才华的舞台, 设计者对制作工具的掌握, 大局的处理, 色
彩的运用和文字功底的深厚在站点上都一览无余 。 如果用户在音乐, 书法
,绘画和手工等方面具有独到之处, 可以将代表性的作品拍摄下来, 通过
扫描仪将照片转换成图片, 在站点上建立个人作品专集 。
对于变幻莫测的世界, 人们难免会对其间发生的事件和涌现的人物提出自己
的看法, 通过站点抛砖引玉, 与访问者进行交流, 切磋, 即使不能形成统一
的意见, 也可以从中受到启发, 增进学识 。
2,搜集材料
一般, 站点所需要的材料包括文字, 图片, 动画, 音频和视频等内容, 用
户可以从报刊, 杂志, 书籍, 光盘以及网络上获得, 其中网络和光盘是大量
素材的重要来源 。 如果素材来源于共享资源, 经过加工就可以应用到自己的
站点内 。 如果素材带有版权属性, 那么在使用之前必须征得所有人的同意 。
对于图片类素材来说, 需要使用 Photoshop,PhotoDraw等工具进行处理, 加
工 。 对于动画来说, 需要使用 ImageReady和 Flash等工具来进行创建或编辑 。
对于音, 视频素材来说, 需要使用专用的编辑器进行剪辑 。 对于数据类素材
来说, 在使用之前应该进行认真的核对, 以防误传 。
3,选择相关编辑工具
由于 UltraDev 4具有 Dreamweaver 4的一切功能, 因此它不需要其他网页编
辑工具来帮助完成工作, 但是 UltraDev 4本身并不具有图像绘制, 图像处理,
动画制作和音频制作等功能, 仍然需要其他一些相关编辑工具来制作和处理
网页材料 。 例如, 利用 Cakewalk Audio设计 MIDI音乐, 利用 GoldWave设计
WAV音效, 利用 Flash设计网页动画, 以及利用 Photoshop处理图像等 。
7.5.2 创建站点
站点是保存网页文件及其文件夹的载体, 在创建站点期间, 它的内容总是保
存在本地的计算机中, 经过网页编辑, 站点测试之后, 就可以着手将它发布
到远程服务器上, 这样访问者在浏览器的帮助下, 通过互联网就可以浏览到
站点的内容 。 要创建站点, 可参照下面的过程：
（ l） 在文档窗口中, 选择 Site菜单中的 New Site命令, 打开 Site Definition
for Unnamed Site l对话框, 并显示 Local Info选项的内容, 如图 7-23所示 。
图 7-23 创建新站点
（ 2） 在 Site Name文本框内输入站点的名称 。
（ 3） 单击 Local Root文本框右侧的文件夹图标, 打开如图 7-24所示的 Choose
Local Folder,对话框 。 在对话框内确定存放本地站点的文件夹之后, 单击
,保存, 按钮, 返回 Local Info选项卡 。 如果用户知道保存本地站点的文件夹,
可直接在 Local Root文本框中输入 。
图 7-24 确定站点的本地主目录
（ 4） 如果要站点自动刷新文件列表, 可启用 Refresh Local File List
Automatica复选框 。
（ 5） 在 HTTP Address文本框中输入能够访问站点的 URL地址, 以便直接进
行访问测试 。
（ 6） 如果希望使用 Cache加快站点的访问和更新速度, 可启用 Cache选项区
域中的 Enable Cache复选框 。
（ 7） 单击 OK按钮, 返回到 Define Sites对话框, 新创建的站点名称会出现在
站点列表中, 然后单击 Done按钮, UltraDev 4会打开站点窗口, 并显示出新
建的本地站点的内容, 如图 7-25所示 。
图 7-25 显示新站点的内容
7.5.3 配置站点
新站点创建之后, 用户还需要对站点的应用程序服务器, 远程信息, 设计记
录, 站点地图和文件列的显示方式等属性进行设置, 以使站点满足站点管理
和测试的需要 。 要配置站点属性, 选择 Site菜单中的 Define Sites命令, 打开
Define Sites对话框, 在站点列表中选择要配置的站点名称, 然后单击 Edit按
钮, 即可打开该站点的定义对话框进行配置 。
1,设置远程信息
设置远程信息是将文件传送到一个远程服务器所必需的, 它考虑到任何类
型的主机, 但大多数用户的文件都是上传到 Unix或者 NT Web服务器中的 。
在站点的定义对话框中, 从 Category文本框中选择 Remote Info选项, 然后在
右侧的 Access下拉列表框中选择访问远程站点的方式 。 由于是在本机上开发
Web应用程序 （ 远程站点和本地站点都在同一台计算机上 ）, 因此选择
Local/Network选项, 然后在 Remote Folder文本框中输入远程站点的目录,
如图 7-26所示 。 一般, 远程站点的目录应该是在 IIS或者 PWS中创建的站点
的主目录, 例如 C:＼ Mysite,只有这样才能实现 UltraDev 4和 IIS或 PW的协
同工作 。
利用 UltraDev 4创建远程站点, 站点的根目录必须同 IIS中定义的站点目录相
同, 但可以不与本地站点的目录相同 。 本地站点和远程站点的目录是否相同
取决于用户的创作水平和喜好 。 如果用户的创作水平比较高, 可以将本地站
点和远程站点的目录设置为同一个目录, 这样做的优点是将利用 UltraDev 4
创建的 Web 应用程序直接保存在远程站点目录中, 不需要上传文件
（ UltraDev 4在默认情况下将文件保存在本地站点的目录中, 需要移植到远
程站点的目录中才可浏览 ）, 即可以直接通过浏览器打开 。 但是这样也有缺
陷, 那就是只要通过浏览器浏览过站点, 就不能再利用 UltraDev 4对浏览
过的文档进行编辑, 同时会出现读写错误 。 所以, 如果用户的创作水平不高,
需要经常修改站点中的 Web应用程序, 可以分开设置本地站点和远程站点的
目录, 在创作应用程序之后再将文件从本地站点复制到远程站点的目录中 。
图 7-26 定义本地站点为远程站
2,配置应用程序服务器
用户要在站点中创建和测试 Web应用程序, 还必须指定使用的 Web技术是
ASP,JSP还是 Cold Fusion。 在站点定义对话框的 Category列表框中, 选择
Application Server选项, 对话框右侧会如图 7-27所示, 用户可以选择和设置
Web技术 。
图 7-27 指定 Web技术
在 Server Model下拉列表框中，选择要使用的技术，例如选择
ASP2.0,表示用 ASP技术来编写动态网页。在 Scripting下拉列表框中，
选择默认脚本语言，例如 VBScript。 在 Page Extension下拉列表框中选
择默认页面的文件扩展名，例如,asp。 对于远程信息选项的内容，用户
不必修改，使用上面设置的默认内容。设置完毕，单击 OK按钮，保存
设置内容。
3,集成设计记录
随着 Web站点设计工作的深入, 它的工作规模可能变得越来越庞大, 参与工
作的人员也会相应增多 。 如何增强开发人员之间的联系, 就变成了一个非常
现实的问题 。 UltraDev 4提供的设计记录是非常实用的, 它可以附属到任何
利用 UltraDev 4创建的页面中, 或者插入到页面中的媒体中, 开发人员可以
轻易地获得上述信息 。
在站点定义对话框中, 选择 Category列表框中的 Design Notes选项时, 将使
对话框右侧显示出设计记录的相关选项, 如图 7-28所示 。 用户可以启用设计
记录, 也可以上传设计记录以便共享 。
图 7-28 集成设计记录
在 Design Notes选项区域中, 启用 Maintain Design Notes复选框, 表示启用站
点的设计记录, 希望对站点上的任意页面添加或修改设计记录, 该复选框必
须处于启用状态 。 启用 Upload Design Notes for Sharing复选框时, 表示当移
动相应的文件时能够自动放置或获取设计记录 。 单击 Clean Up按钮时, 将打
开如图 7-29所示的删除提示信息, 单击, 是 （ Y）,按钮之后, 将删除任何没
有相关 HTML文件的设计记录 。
图 7-29 删除提示信息
4．修改站点地图
UltraDev 4的站点窗口可以显示站点地图, 直观地向用户展示站点内容的 Web
页面之间的链接关系 。 为了控制站点地图的显示方式, 用户可在站点定义对
话框的 Category选项区域中选择 Site Map Layout选项, 使对话框右侧显示出
站点地图显示方式控制选项, 如图 7-30所示 。
Home Page文本框用于填写当前站点主页的名称, 用户可直接在文本框内输
入主页的名称, 也可单击右侧的文件夹图标, 在打开的对话框内进行选择 。
如果输入的主页名称是不存在的, 那么单击 OK按钮关闭对话框之后, 将打
开一个信息提示对话框, 提示用户主页名称不存在 。 如果主页名称存在, 则
在单击, 确定, 按钮之后, UltraDev 4将自动创建一个空白文件作为当前站
点的主页 。 空白文件将根据 Home Page文本框的内容进行命名 。 在默认的情
况下, UltraDev 4 总 是 以 index,htm 或 index,asp,default,htm 或
default,asp作为站点的主页 。
Number of Column Width选项用于设置站点地图在屏幕上显示的方式, 用户
可修改 2个文本框的数值,以便确定站点地图显示的列数与列宽 。
图 7-30 站点地图显示方式控制选项
5,控制文件显示方式
为了控制本地文件在站点窗口的显示方式, 用户可在站点定义对话框的
Category列表框中选择 File View Columns选项, 使该对话框右侧显示出文件
显示方式的控制选项 。
在站点定义对话框中的右侧窗格中, 单击加号按钮时, 可在列表框内添加新
的显示列 。 Column Name用于对显示列进行命名, 打开 Associate with Design
下拉列表框, 可以确定它与设计记录的从属关系 。 Align用于设置显示列的
对齐方式, 例如 Left,Right和 Center。 需要在文件窗格内显示定义的列时,
还需启用 Show复选框 。
在列表框内选择文件列之后, 单击减号按钮, 将把它从列表内删除, 所删除
的文件列将不再显示在文件窗格内 。 单击向上的箭头时, 将提高文件列在文
件窗格内的排列顺序, 使它向窗格的左侧移动 。 类似地, 单击向下的箭头时,
将降低文件列在文件窗格内的排列顺序, 使它向窗格的右侧移动 。 7.5.4 站
点管理
在 UltraDev 4中, 站点管理主要是通过 Define Sites对话框和站点窗口来完
成 。 其中 Define Sites对话框主要是用来对站点进行整体操作, 例如站点的
创建, 编辑和删除等 。 而站点窗口主要是用来对某一个站点进行具体应用和
管理的, 下面分别进行简单的介绍 。
要利用 Define Sites对话框管理站点, 在文档窗口中, 选择 Site菜单中的 Define
Sites命令, 打开 Define Sites对话框 。 在 Define sites对话框的站点列表中列出
了当前定义的所有站点, 用户可以对它们进行编辑, 复制和删除等操作 。 如
果用户创建新的站点, 可通过 New按钮来进行 。 如果要配置某个站点信息,
可在站点列表中选择该站点, 然后通过 Edit按钮来进行 。 如果要删除某个站
点, 可在站点列表中选择该站点, 然后通过 Remove来完成 。
如果用户要根据原有站点来创建新的站点, 可先在站点列表中选择相应的站
点, 然后单击 Duplicate按钮, 新站点就会出现在站点列表中 。 复制站点之后,
用户可以通过 Edit按钮对站点的配置信息进行修改, 以满足实际应用的需要 。
这样复制站点有两个非常大的好处, 一是可以减少创建用户站点的时间和精
力, 二是可以使各个站点之间的风格保持统一 。
要利用站点窗口管理站点内容, 可在文档窗口中选择 Site菜单中的 Site Files
或 Site Map命令, 打开站点窗口 。 第一次打开站点窗口时, 它被水平地一分
为二, 左侧显示远程站点的内容, 它是以文件列表的形式出现 。 右侧显示本
地站点的内容, 它可以以文件列表和站点地图两种形式显示 。 当本地站点的
文件列表和站点地图同时出现在站点窗口时, 可以将显示远程站点的窗格关
闭 。
显示本地站点的窗格将标记为 Local Folder,显示远程点的窗格标记为
Remote Site。 如果未将站点发布到远程, 或者未与远程保持联系, 远程站点
的窗格将处于空白状态 。 执行下列任何一种操作时, 将使本地站点的内容以
文件列表的形式显示：
? 在文档窗口内执行 Window菜单的 Site Files命令 。
? 单击站点窗口的 Site Files按钮 。
以文件列表的形式显示站点时, 用户可以看到网页文件的大小 （ Size）, 类
型 （ Type）, 修改时间 （ Modified） 和检测者 （ Checked Out By） 等信息 。
单击站点窗口的上述标签时, 可对站点文件进行升序或降序排列 。
用户执行下列任何一种操作时, 将使本地站点的内容以站点地图的形式显示：
? 在文档窗口内执行 Window菜单的 SiteMap命令 。
? 单击 Site Map按钮右下角的箭头, 从弹出的快捷菜单中选择 Map and Files
或 Site Map命令 。 选择 Map and Files命令时, 在站点窗口内将显示站点的地
图与文件列表 。 选择 Site Map命令时, 在站点窗口内仅显示站点的地图形式
（ 如图 7-31所示 ） 。
站点地图按照 Web应用程序中的各个文件之间的链接和转换关系来分
级显示, 使用户可以清楚地查看到当前站点中的文件关系 。 在站点
地图的二级目录中, 如果图标前带有, ＋, 号标识, 说明该目录下
还有下一级目录, 单击该, ＋, 号, 可展开目录的下一级内容, 同
时, ＋, 号标识变成为, －, 号标识 。
如果站点内未包含主页文件, 那么站点地图就不会显示在站点窗口
内, 因为站点的内容都是围绕着主页组织的 。 此时, 如果用户右击
打开快捷菜单, 执行 Set as Home Page命令, 所选的文件将作为站点
的主页 。
图 7-31 显示站点地图
7.5.5 认识站点链接地址
在 UltraDev中, HTML链接或 URL可以有三种格式：绝对地址, 相对地址和
站点根目录相对地址 。 在使用地址格式作为链接的目标之后, 最好能够对地
址的特点有所了解, 以便根据需要选择最佳的链接形式, 否则当站点的位置
或者开发环境发生改变时, 更改大量的链接将是一件令人头痛的事 。 所以,
如果用户想减少链接目标地址带来的麻烦, 在构建开发环境和站点管理时,
就必须对 UltraDev 4的三种地址格式有深刻的认识, 并根据实际应用的需要
来选择地址格式 。
1,绝对地址
绝对地址包括完整的 URL（ 统一资源定位 ）, 它表示协议的类型, 域名, 路
径和文件名等 。 通常, 绝对地址采取下面的格式：
http://www.sddx.com/infocenter/index.htm
绝对地址往往应用于需要同其他服务器上的 Web页进行链接的场合, 它并不
适用于作为 UltraDev 4网页的链接形式 。 因为绝对地址比相对地址要输入更
多的 URL组件, 而协议的类型和域名往往是重复的 。 另外, 如果链接目标
的位置发生改变, 那么就需要对绝对地址进行修正, 否则将无法访问链接目
标 。 例如, 将 infocenter目录下的文件移动到另域 www.sddx.com后, 就必须
将所有绝对链接改成如下的形式：
http://www.sddx.com/infocenter/index.htm
否则, 浏览器还是试图到 www.sddx.corn 域内查看 infocenter 目录下的
index.htm,可能无法找到该文件, 或者显示重名的其他文件 。 在使用相对路
径的情况下, 由于 index.htm仍然位于 infocenter目录下, 因此, 无论移动到哪
个域内, 链接都无需进行修改 。
2,相对地址
相对地址是一种不指定目录的地址, 它总是以当前的 HTML页作为出发点,
因此它只包括了 URL的一部分, 省略了 URL的协议与域名, 只由文件夹与文
件名两部分组成 。 例如, 使用绝对地址来创建从主页 index.htm上的按钮到同
一文件夹内另一个文件 Object.asp链接时, 可以应用下面的链接格式：
http://www.sddx.com/infocenter/object.asp
由于 index.htm与 object.asp位于相同的文件夹内, 因此可以使用相对路径表示
链接目标,object.asp
使用相对路径之后, 无论 index.htm与 object.asp的保存位置如何变化, 只要保
证它们位于相同的文件夹内, 就无需对链接的地址进行修改, 它总是能够确
保链接目标的顺利访问 。 在使用相对地址作为链接目标之前, 应该对文件进
行保存, 并且最好保存在本地站点一个现有的文件夹内 。 在没有保存文件的
情况下使用相对地址作为链接目标时, UltraDev 4将给出揭示信息, 希望用
户对文件进行保存 。 如果用户不对文件进行保存, 在链接地址前会自动插入
一个前缀 fill://Path,这里的 Path指的是对象在本地驱动器中的位置 。 例如：
file://c:/infocenter/images/button_01.gif
file://scb/news/images/button_01.gif
这样的相对地址直接发送到远程服务器上, 由于 file://的影响, 将导致无法正
常访问 。 一个网页往往涉及到 html文件, 脚本文件, 图像文件, 声音文件与
视频文件等, 为了便于管理, 可将它们保存在不同的文件夹内, 如果文件的
数量仍然很多, 还可进行文件夹的嵌套, 在文件夹内创建子文件夹 。 这时,
应用相对地址作为链接目标时, 可以在其中包括文件夹或子文件夹, 例如：
infocenter/images/logo.gif
infocenter/cig_bin/abc.pl
infocenter/javascript/abc.js
infocenter/vbscript/abc.asp
这里的 infocenter文件夹与当前包括链接目标的网页位于相同的目录内 。 使用
相对文档地址也可以链接到位于更高目录层次中的对象, 代表一个更高的文
件夹的符号是两点和一根斜线 （,,／ ） 。 此时相对文档地址看起来可能是下
面的这个样式：
.,／ infocenter／ cig_bin／ abc,pl
这个链接会从当前文档向上移动一级目录, 然后按照 infocenter,cig_bin的顺
序, 找到 abc,pl文件 。 采用文档相对地址对于中小型的 Web站点来说是一种
相当好的全面解决方案, 但在开发大型站点, 尤其是站点存储在多个服务器
时, 最好还是使用下面将介绍的站点根目录相对地址 。
3,站点根目录
不同于相对地址会省略 URL的协议, 服务器, 域名以及路径部分, 站点根目
录相对地址只省略 URL的协议和服务器部分, 保留了存储文件的路径 （ 文件
夹 ）, 它表示当站点存在于不同的服务器时, 可使用路径 （ 文件夹 ） 代表不
同的服务器主机 。
所有的 Web站点文件夹被存储在 Web服务器中的特定目录中, 这个目录是公
用的 。 这个特定目录就是主机目录, 在讲述创建本地根目录文件夹时, 曾经
在 UltraDev 4的 Site Information对话框内提到主机目录 。 站点根目录相对地
址是以主机为基础, 在很大程度上就像文档相对地址以当前 HTML页为基础 。
站点根目录相对地址的格式要求链接目标从一根斜线开始, 紧随其后的才是
保存文件的文件夹或目录名称 。 例如, 将站点保存在 sddx的根目录中, 就可
以采用下列形式的站点根目录相对地址：
／ sddx/abc.asp
请注意链接目标前的反斜线, 这是站点根目录相对地址的显著特征 。 对于大
型站点来说, 它需要多个服务器分门别类地处理不同来源的信息, 就必须使
用站点根目录将它们联系起来 。
习题与练习
1．如何创建 DSN？
2,在定义站点过程中应注意哪些事项？
3,创建数据库链接具体怎么操作？
4,在 UltraDev 4中, 如何进行站点管理？
5,新站点创建之后, 如何对站点的相关属
性进行设置, 以使站点满足站点管理和
测试的需要？
本章要点：
? 了解可制作动态网页的软件
? 掌握用 Dreamweaver UltraDev 4.0制作动
态网页
? 学会如何制作动态网页
7.1 Dreamweaver UltraDev
概述
7.1.1 Dreamweaver UltraDev 功能特点
UltraDev 4.0增加了很多新的功能, UltraDev l.0原有的一些功能
也大大增强了 。 下面从自动化相关功能, 动态数据格式化, 代码
编写相关功能和自定义相关功能四个方面介绍 UltraDev 4.0的新特
色 。
1．自动化相关功能
在服务器数据自动化操作方面, UltraDev 4增强了许多功能,
使用户在创建 Web应用程序时, 有更快捷的操作方法和更强的数
据控制能力 。
? 实时数据
可以在工作区中实时查看服务器端数据, 节省时间, 避免重复
劳动 。 活动数据 （ Live Data） 是完全可编辑的, 因此, 用户可以
在处理服务器数据时连续布局页面和逻辑 。
? 数据绑定检查器
使用数据绑定检查器 （ Data Bindings Inspector） 可以给页面快
速添加服务器表达式或来自数据库中的信息 。 把一个对象的属性
绑定到服务器表达式无需知道准确的语法 。
? 远程数据库连接
UltraDev允许用户通过自己的网页应用服务器行为, 直接地连
接数据库, 不再需要动态架构和设定服务器连接 。
? 用户鉴定服务器行为器
在不用书写复杂的服务端代码的情况下, 用户可以将密码保护
加入到自己的站点里 。 它可以让用户通过数据库验证用户名和密
码, 同时密码保护站点页面 。
2,动态数据格式化
用户可以把当前的格式（数据格式）和 ufl编码，而不是手写
代码，应用到数据库数据或者服务器表达式中，还可以用那些服
务器语言中的 asp,jsp和 cfml等库文件将基本的服务器端的逻辑值
应用到页面上。同时，通过数据库制作网页应用导航条，显示和
隐藏版面的某些区域，插入、更新和删除某些记录。
? 3．代码编写相关功能
为了弥补可视化编辑方法在 Web网页制作方面的局限,
UltraDev 4提高了自己的代码编写功能和整合性, 使用户既可以直
接创建 Web应用程序的内容, 也可以通过手工来编写程序代码,
从而增强了对 Web的制作能力 。
? 同时控制 HTML和服务器标记
在可视化环境中工作仍能保持对代码的完全访问 。 当用户在一
个视图中修改时, 修改结果会在另一个视图中立即反映出来 。 这
样, 不但节省了用户的编辑时间, 而且还增强了代码控制能力 。
? 整合文本编辑器
增加了以代码为中心的新特性, 包括自动缩排, 标点平衡和选
择多行后一次缩进 。 现在, 手工编写代码就像在设计视图环境中
一样方便 。 而且输人代码时, UltraDev 4自动对 HTML,客户端
JavaScript,ASP,JSP和 CFML脚本使用不同的颜色显示, 可以快
速区分关键字和标记 。
? 快速标签编辑器和代码导航条
通过快速标签编辑器, 用户能够手写代码并快速地把代码加入
到页面视图中 。 如果需要, 用户还能快速地修改, 加入或者去除
页面中已选中物件的 html标签 。 用户能够快速地找到自己所要编
辑的代码, 可以通过代码视图工具栏的下拉菜单找到文档中的
JavaScript函数 。
? 整合 BBEdit或 HomeSite Bundle
UltraDev内置了 BBEdit（ Mac） 的适用版和 HomeSite（ Windows）
的完全版, 此组合让用户在那些主流的文本编辑器和 UltraDev之
间轻松工作 。
4．自定义相关功能
UltraDev 4在 Web应用支持上增加了更多的内容, 例如, 支持
所有工业标准的应用服务器和 JavaBean,使用户在 web开发和应用
时有了更多的选择余地 。
? 服务器行为生成器
使用服务器行为生成器 （ Server Behavior Builder）, 用户可以
创建可重用的服务器端脚本 （ 服务器行为 ） 库, 无需对 UltraDev
API编程 。 这个功能在一个大型的 Web应用程序中是非常有用的,
可以大大减少用户的程序创建的时间和精力 。
? 支持工业标准的应用服务器
UltraDev 4支持所有工业标准的服务器, 例如, Microsoft IIS、
Allaire ColdFusion,IBM WebSphere,BEA WebLogic和 Netscape
Enterprise Sever等, 用户可以根据自己的实际情况选择需要的服
务器, 不必局限于某一个服务器 。
? 支持 JavaBean
现在,JSP开发者可以注册任何的 JavaBean,作为 UltraDev数
据源，从而可以把 JSP页面连接到 JavaBean。 UltraDev内置
JavaBean类,jar和 zip文件。注册 JavaBean之后，用户就可以在数
据绑定检查器（ Data Bindings Inspector） 中使用拖放方法访问
JavaBean的属性。
7.1.2 DreamweaverUltraDev的安装及配置
使用 UltraDev 开发 Web应用程序, 在用户本地计算机系统配置
上与 Dreamweaver 4 等网页工具有所不同 。 这主要是因为
UltraDev 4不但支持传统的静态页面, 而且还支持基于新 Web技术
的动态页面 。 这就要求用户的计算机除了具备基本的软硬件要求
外, 还应在软件上满足一些特殊的要求, 例如必须在本地计算机
上安装服务器开发和控制环境 。 根据用户需求的不同, 所需要的
基本配置也不相同, 下面列出了三种不同的系统配置：
? 为运行 UltraDev 4而需要使用的系统配置 。
? 为运行动态页面而需要使用的系统配置 。
? 为存储数据而需要使用的系统配置 。
为了建立可行的 Web应用, 用户的系统至少要达到前两个配置
要求 。 如果需要使用数据库, 用户的系统就必须达到存储数据的
配置要求 。
1,运行 UItraDev4的系统配置
在基本运行环境上, UltraDev 4与 Dreamweaver 4的要求基本相
同, 用户只需适当地增加一些内存, 即可增加数据库的连接以及
数据查询和操作速度, 从而提高 Web开发速度 。 下面是运行
UltraDev时的系统配置要求：
? 中央处理器,Intel奔腾处理器（ 233MHz的处理速度或者更快）、
奔腾处理器或其他同级别的兼容处理器。
? 内存,64MB的 RAM。
? 硬盘空间,50MB的可用磁盘空间 。
? 其他设备：支持 SVGA 24色以上的显示器, 鼠标和调制解调器等
设备 。
? 操作系统,Windows 95,Windows 98,Windows Me,带有 Service
Pack 5的 Windows NT 4.0, Windows 2000,Windows XP以及其
他支持 UltraDev 4的操作系统 。
2、运行动态页面的系统配置
在 UltraDev 4中，实现 Web应用时已包括了创建动态的页面。
在网络服务器把动态的页面发送到浏览器之前，应用服务器就会
在运行中处理该动态页面。为了运行动态页面，用户需要一个应
用服务器，它应支持 ASP,JSP或 Allaire ColdFusion中的任何一种
或多种，能在为浏览器提交动态页面之前生成 HTML源代码文件。
3,实现数据存储的系统要求
无论用户创建何种 Web应用程序, 不进行数据的存储几乎是不
可能的 。 对于一个数据存储量不大的程序, 可以使用文本文件来
实现数据的存储和读取, 不过, 文本的执行效率不高, 也不便管
理 。 所以, 一般的 Web应用程序都不采用文本来存储数据, 而是利
用数据库技术来存储数据 。 数据库的数据查询快速, 管理方便,
容错功能强, 在 Internet信息管理和应用中占有绝对的优势 。
对于数据库, 不同的用户, 不同的数据量要求, 也可能有不同
的选择 。 如果用户构建的站点规模不大, 可以使用一些小型的数
据库程序, 例如, Microsoft Access或 Lotus Approach等 。 本书
就是以 Microsoft Access 2000为例向大家介绍数据的使用的,
因为它在进行数据库设计和管理时非常便捷, 而且性能优越, 帮
助信息也很全面, 用户很容易掌握其使用方法 。
如果用户构建的站点规模很大, 有大量的数据等待处理, 并且
希望数据库非常强壮和拥有强大的容错能力, 则应该安装服务器
级别的数据库系统, 例如 Microsoft SQL Server,Sybase、
Informix和 Oracle等, 一般使用 Microsoft SQL Server和 Oracle,
因为它们的功能强大, 而且应用范围广, 受支持程度高 。
7.1.3 Dreamweaver UltraDev工作界面
当第一次启动 UltraDev 4时, 看到如图 7-1所示的窗口和面板,
用户会感觉到它有别于其他许多网页创作软件 。 许多网页创作软
件的界面拥有大量固定的菜单, 工具栏和工具, 使得在工作过程
中真正的文档工作区域经常被压缩得很小, 而 UltraDev 4却使用了
简便, 精巧, 实用的工具, 不同级别和经验的用户都可以根据需
要有选择地定制自己所喜欢的界面, 以用来提高工作效率 。 下面
介绍一下窗口中界面元素的名称和功能：
对象面板
图 7-1 UltraDev的窗口结构
1．文档商口
文档窗口是 UltraDev 4的主工作区域，通过在文档窗口中输
入文字、插入图片以及其他各种页面元素，并且进行链接设置等
操作，就可以在其中创建新的 Web页。当需要对已有的 Web页面
进行编辑等操作时，也需要在文档窗口中打开并且完成编辑工作。
在文档窗口还可以快速查看当前页面的各种属性，使用标记选择
器追踪 HTML元素，以及设置页面尺寸等。它的显示结果同文件
在测览器中显示的结果基本相同。
2．对象面板
在对象面板上包含网页中所有可能用到的页面元素, 从简单的
文本, 图像一直到复杂的 ActiveX,交互图像, 甚至网页中的隐藏
对象 （ 如非间断空格, 服务器引用等 ）, 用于在文档中创建不同
类型的对象 。 在 Window菜单中选择 Objects命令, 就会在屏幕中
显示 Objects面板 。
3,启动面板
启动面板上包含了普通用户最常使用的控制按钮, 通过这些按
钮, 可以快速启动或关闭最常用的检视器和浮动面板 。 在
UltraDev 4中, 除了 Objects面板和属性面板外, 最重要的就是启动
面板, 使用它可以快速打开一些重要窗口 。 一个复杂的页面创作
需要经常用到这些工具, 而使用装载器来管理, 可以极大地提高
工作效率 。
由于 UltraDev 4拥有数量众多的窗口和面板，用户也许希望
其他一些窗口和面板也可以通过装载器来快速打开，这就需要自
定义装载器。单击 Edit菜单中的 Preferences命令，可以打开
Preferences对话框，在 Category列表中选择 Panels选项，在右边对
话框中，可以在列表中通过增减相应的项目来设置装载器的按钮，
如图 7-2所示。
单击加号按钮可以打开项目菜单, 在其中选择未添加到装载器
中的项目 。 在列表中显示的是已经添加到装载器中的项目, 使用
减号按钮可以将选中的项目从列表中删除 。
图 7-2 Preferences对话框
4,属性面板
属性面板在 UltraDev 4中是一个十分重要的工具, 使用它可以
对任何页面对象进行详细的属性查看和设置 。 当选定页面中的某
个对象时, 属性面板将显示相应对象的所有属性细节 。 如果需要,
用户可以随时对这些属性进行编辑和设置 。 属性面板中的内容不
是固定的, 它会随着选择对象的不同而变化 。 例如, 在文档中空
白区域单击, 在属性面板中只会显示一些诸如格式, 字体, 字号
等文本属性；而选择了图像对象时, 将在属性面板中显示图像的
尺寸, 链接, 替换文本的属性 。 选择的对象不同, 则属性面板的
内容也不同, 如图 7-3所示 。
图 7-3 不同对象下的属性面板
文本的属性面板
图像的属性面板
表格的属性面板
5．可停靠浮动面板
可停靠浮动面板是一个工具集合的控制框架, 用户可以将各
种浮动窗口, 面板和检视器放在其中, 组合成为选项卡的形式,
以节省屏幕的空间, 必要的时候还可以将这些浮动窗口, 面板和
检视器从中分离, 从而成为独立的浮动面板 。
7.1.4 Dreamweaver UltraDev 4的工作方式
利用 UltraDev 4设计 Web应用程序, 不仅要对应用程序的数
据流程和文件结构进行设计, 而且还要掌握 UItraDev 4的基本工作
方式, 只有这样才能减少不必要的开发环节, 提高应用程序的开
发效率 。 在 UltraDev 4中, 一个页面程序的创建应按照三个步骤来
走, 它们分别为：制作静态页面和定义记录集, 添加和激活动态
内容, 以及编辑和调试 Web页 。
1,制作静态页面和定义记录集
制作动态页的第一步就是创建静态页面 。 用户可以定置
Dreamweaver所有的设计工具, 然后根据页面的实际需要创建显
示内容 。
如果在应用中使用了数据库, 下一步就要定义记录集, 以便从
数据库中临时提取数据 。 应用不能直接调用数据库, 它必须以记
录集为中介手段 。 用户定义的任何记录集都要添加到数据捆绑监
视器的列表中, 然后用这个监视器往用户的 Web页中添加动态内
容 。
2．添加和激活动态内容
在向数据捆绑监视器中添加了记录集或其他数据源之后, 就可
以向用户的 Web页中添加动态内容, 而不必考虑插入到用户的
Web页中的服务器端脚本 。 向 UltraDev 4添加动态内容时, 仅仅
需要指明其位置和内容 。
3,编辑和调试 Web页
最后一步就是根据需要编辑和调试 Web 页 。 Dreamweaver
UltraDev 4为用户提供了三种编辑环境,Dreamweaver传统的可视
化编辑环境, UltraDev 4活动数据 （ Live Data） 编辑环境和源代码
编辑环境 。
当然, 用户还可以使用其他的 ASP调试工具进行实时的跟踪调
试, 比如 Microsoft公司的 InterDev。 另外, Microsoft公司还出了
一个产品叫做 ScriptDebuger,也是个很好用的调试工具 。 它甚至
可以让用户单步执行脚本, 实时查看变量数据 。
7.2 框架的创建
在 UltraDev 4中, 专门提供了一个用于创建框架的对象面板,
集成 8种常用的框架, 通过它们, 用户可以很快完成各种框架结构
的应用 。 另外, 通过莱单, 用户也可以逐步完成框架的创建 。 下
面分别对框架的规划, 创建和分割进行介绍 。
7.2.1框架的规划
在正式创建框架页面之前, 必须对框架页面的布局和内容进行
规划, 以减少后期修改工作 。 规划框架页面可能会涉及到下列几
个问题：
? 确定页面结构 。 通过结构草图规划页面内框架的数量, 排列方式,
是否需要滚动条, 框架与框架之间的距离等 。 通常, 三框架页面
是大多数人的选择 。
? 协调色彩 。 多框架的页面需要使用协调的背景色, 文本色和链接
色, 尤其是链接颜色应该统一 。 用户应该从页面, 甚至站点设计
的全局出发, 考虑框架内色彩的应用问题 。
? 规划初始页面。每个框架都应该有一个初始页面，简单的问候语、
富有意义的图像都可以作为初始页面的内容，否则在测览器内将
看到一个空白的区域。初始页面可以是以前创建的页面文件，也
可以从空白页面开始，在发布站点之前，完成空白页面的编辑和
填充。
?确定目标框架。目标框架是更换最频繁的窗口区域，可能多个链接
目标都需要在此框架内打开，所以该框架应该处在醒目的位置，
而且显示区域比较大，一般应占整个页面的 60％以上的比例空间。
7.2.2创建框架
? 要为当前页面创建框架结构, 最常用的方法是使用 Frames对
象面板来创建 。 在该面板中, UltraDev 4提供了 8种框架结构 （ 如
图 7-6所示 ）, 用户只要单击其中的框架按钮, 就可以在当前页面
或者插入点所在的框架中应用按钮所对应的框架结构, 完成页面
分割任务 。 例如, 单击对象面板中的 Insert Left and Nested Top
Frame按钮, 可将当前文档窗口分割成三部分, 如图 7-7所示 。
图 7-7 通过 Frames对象面板创建框架图 7-6 Frames对象面
单独使用 UltraDev 4提供的 8种框架结构, 是不能满足框架页面的创建需要
的, 开发人员需要结合使用它们才能创建各种各样的框架 。 UltraDev 4不但允
许用户在一个文档窗口中应用框架技术, 也允许用户嵌套框架, 即在单个框架
中应用框架 。
除了 Frames对象面板外，用户还可以通过三种方式来创建框架：一种是通过
Insert菜单下的 Frames子菜单来完成，一种是通过 Modify菜单的 Frameset子菜单
来完成，另一种是使用 Alt功能键。其中,Alt功能键的使用必须是在原有框架
的基础上。如果用户要使用 Alt功能键分割框架，可按住 Alt功能键，将鼠标移
动到框架边框处。当鼠标的形状切换成垂直状时，沿箭头指示的方向拖动鼠标
，可将框架分割成上、下两个部分。当鼠标的形状切换成水平状时，沿箭头指
示的方向拖动鼠标，可将框架分割成左、右两个部分。
7.2.3 修改框架属性
用户在创建框架时,UltraDev 4都按照默认的内容来设置框
架的大小以及其他一些属性，包括边框的有无、边框宽度、边框
颜色、所选行或列的宽度、行或列宽度的度量单位等内容。为了
框架的美观和统一，用户还必须对上面这些属性进行设置，下面
分别进行介绍。 1,选择框架
要对框架进行属性设置和其他操作, 首先必须选择框架
UltraDev 4提供了两种选择框架的方法, 用户可选择其中任一种方
法：
图 7-8 框架面板
? 按住 Alt功能键, 单击页面内的框架 。
? 在打开的框架面板内单击框架 。 框架面板是 UltraDev 4用于管理框
架的工具, 执行 window菜单的 Frames命令或者使用 Ctrl＋ F10组
合键时, 都将打开如图 7-8所示的框架面板, 当前页面的框架集及
其框架的布局将显示在框架面板内 。
UltraDev 4提供了两种选择框架集的方法，用户可执行下列操作之一,
? 在文档窗口单击框架边框 。
? 在框架面板内单击包围框架的白色边框 。
无论是框架还是框架集处于选择状态时, 在它的周围都将出现由
圆点组成的虚线框 。 按住 Ctrl功能键的同时, 按左, 右移动键时,
将选择相邻的框架 。 按上移动键, 将选择父框架集, 按下移动键,
将选择子框架集 。
2．调整框架大小
框架集由多个矩形框架组成, 它们都是从简单的水平或垂直框架
演变而来的, 这与表格对页面的划分非常类似 。 对于规则的框架来
说, 同列的框架都具有相同的行高, 或者同行的框架都具有相同的
列宽 。 对于不规则的框架来说, 较小的框架仍然是由初始框架分割
而成的, 较大的框架则是由初始框架合并而成的, 本质上仍然可将
它们看成是由行, 列内的框架组成的 。
用户要调整单个框架的大小, 将鼠标指向框架的边框 （ 整个框架
边框除外 ）, 当鼠标变成上下的箭头时, 按住鼠标水平 （ 垂直 ） 地
拖动框架的边框可对同列 （ 行 ） 内框架的宽度 （ 高度 ） 进行快速的
调整 。 另外, 在框架边框的属性面板中, 用户也可以通过 Column
（ Row） 选项区域中的 Value和 Units值的调整来对行或列内框架的
大小进行定量的设置 。
3．设置边框
边框是位于不同框架之间的分割线, 与边框有关的属性包括是
否显示边框, 边框的宽度与边框的颜色等 。 用户如果要设置框架
边框, 首先选择它, 然后打开框架边框的属性面板 （ 如图 7-9所示 ）
来设置 。 其中, Borders下拉列表框用于设置是否显示边框, 打开
该下拉列表框, 选择 Yes选项时, 表示以三维和灰度显示边框 。
选择 No选项时, 表示显示扁平和灰度边框 。 选择 Default选项时,
将由访问者使用的浏览器决定是否显示边框的内容 。
图 7-9 框架边框的属性面板
Border Color颜色框用于设置框架集边框的颜色，用户可直接
在文本框内输入代表颜色的 16进制数值，也可以打开颜色选择器
选择所需的颜色。注意，只有在 Borders下拉列表框内定义框架集
的边框为显示状态时，在此设置的颜色才能生效。
Border Width文本框用于设置边框的宽度，用户可直接在文
本框内输入边框的数值，它的度量单位是像素。加大边框的宽度
时，它们在浏览器窗口占据的位置也将增大，尤其是框架较多的
情况下，显示边框往往会暄宾夺主，使页面内容在浏览器窗口处
于次要的地位。因此大多数情况下，都将边框的宽度定义为 1或 0。
4．改变框架其他属性
除了框架大小的调整, 边框的显示状态和边框颜色之外, 用户
还需要设置框架的其他一些属性, 例如, 框架名称, 滚动条, 源
文件, 边距宽度和边距高度等内容, 这些属性都出现在框架的属
性面板, 如图 7-10所示 。 其中, 框架名称是设置目标框架的关键,
链接页面就是通过框架名称来确定打开页面内容的位置的 。 在
Frame Name文本框中, 用户可以输入框架的名称, 数字, 字母,
下划线及其组合都可以作为框架名称的组成部分 。 不过,
UltraDev 4不允许使用空格, 短横 （ － ）, 半角句点 （, ） 作为框
架名称的组成部分, 并且下划线不得出现在名称的最前端 。 框架
名称确定了之后, 就可以通过 Src文本框为当前框架设置一个默认
的页面文件 。
。
图 7-10 框架的属性面板
在框架内填充内容时，它的方法与在文档窗口添加页面内容
完全相似，在内容与边框之间总是保留一定的距离，这样，不同
的框架就会以间距为分割线，即使边框未出现在浏览器窗口，不
同框架的页面内容仍然能够很好地加以区分。 UltraDev 4使用属性
面板的 Margin Width文本框定义框架内容与边框之间的水平间距，
Margin Height文本框定义框架内容与边框之间的垂直间距。当框
架内的内容较多时，它们占据的空间将超过框架大小覆盖的范围，
这时就需要在框架的右侧添加垂直滚动条，在框架的底端添加水
平滚动条。 UltraDev 4不仅允许用户在框架内设置滚动条，还可以
根据框架内容的多少自动决定是否显示滚动条。在框架属性面板
中，打开 Scroll下拉列表框，确定滚动条的显示状态。选择 No选
项时，滚动条不会出现在浏览器窗口。选择 Yes选项时，滚动条
将始终显示在浏览器窗口。选择 Auto选项时，表示当框架内容超
过框架覆盖的区域时，将显示滚动条，否则滚动条处于隐藏状态。
选择 Default选项时，由访问者使用的浏览器来决定是否显示滚动
条，济览器的类型不同，它对滚动条的处理方式也不同。
在浏览器窗口内使用鼠标拖动页面的框架时, 也能够对框架的
大小进行修改 。 但如果在框架的属性面板内启用 No Resize复选框,
那么访问者修改框架大小的尝试将是无效的 。
7.2.4 保存框架页面
在 UltraDev 4中, 保存框架页面比保存普通页面要复杂一些,
这主要是由于框架页面是
由框架集及其框架内容组成的 。 在保存框架页面时, 不仅要保存框
架的内容, 还要对框架集本身进行保存 。
如果用户要保存框架集, 可选择 File菜单的 Save Frameset命令,
打开 Save AS对话框, 将框架集文件定位在当前站点内 。 需要将
当前框架集进行另存处理时, 可选择 File菜单的 save Framset As命
令 。
如果用户要保存框架内的页面时, 需要将插入点定位在框架内,
然后选择 File菜单的 Save命令, 这样在打开的对话框内便可确定框
架页面的名称及其路径 。 一次性地对框架文件, 框架集文件存盘
时, 可选择 File菜单中的 Save All命令, UltraDev 4将依次对框架集
和框架内容进行保存 。
7.3 表单
表单是访问者与网页维护人员之间进行沟通和交流的桥梁, 当
访问者填写完表单数据之后, 信息将被发送给 ASP应用程序, 由
ASP应用程序分析访问者的要求, 并将结果显示在浏览器窗口, 或
者反馈给站点所有者, 并对访问者作出响应 。 表单是 UltraDev 4创
建 Web应用程序的重要内容 。 本节首先介绍表单的一些基本内容,
使用户对表单有一个明确的认识, 然后详细介绍表单及主要表单元
素的创建方法 。
7.3.1 表单的创建
在动态交互式网页中, 表单对象是最常用的页面对象, 它能够方
便地收集各种所需信息, 是用户与 Web应用程序之间进行数据交换
的重要接口 。 UltraDev 4提供了多种创建表单的方法, 在文档窗口
内, 执行下列方法之一时, 都可以创建一张表单：
? 选择 Insert菜单的 Form命令 。
? 打开 Form对象面板, 单击 Insert Form按钮 。
? 选择 Insert菜单的 Form Objects选项, 然后从其子菜单中选择任何
一个表单元素插入命令 。
表单被创建之后, 以红色虚线框的形式出现在文档窗口, 表明
表单元素的填充范围, 只有出现在该区域的内容才作为表单的一
部分 。 如果红色虚线框未显示在文档窗口内, 用户可以选择 View
菜单中的 Invisible Elements命令 。 在表单的边框上单击, 或者将
插入点移动至表单内, 都将使表单处于选择状态 。 当用户选择表
单之后, 属性面板就会显示出表单的属性内容, 如图 7-11所示 。
图 7-11 表单的属性面板
7.3.2 创建文本框
对于表单的创建,UltraDev 4支持两种情况，一种是创建
单行文本框，一种是创建滚动文本框。其中单行文本框用于
接收简短的用户信息，滚动文本框用于接收内容较多的用户
信息。下面分别介绍它们的创建过程。
7.3.3 创建复选框
在 Windows的对话框中，用户也许经常接触到复选框的使用，
复选框允许用户在众多选项内进行多项选择，启用的复选框内将
出现勾选号。一般，复选框的使用必须与说明文字相配合，访问
者可根据说明文字的内容来判断是否启用复选框。
图 7-14 设置复选框的属性
7.3.5创建下拉菜单
下拉菜单是对单选按钮的改进, 其中的选项具有互斥的特点 。
相对于单选按钮, 下拉菜单有优点也有缺点, 优点是可将所有的
选项都集中起来, 只显示经常处于选择状态的选项, 克服了单选
按钮占用过多页面空间的缺点, 节约了页面空间 。 缺点是不方便
访问者进行快速选择 。 在 UltraDev中, 创建下拉菜单的方法也有
两种, 用户只要选择其中的一种即可：
? 选择 Insert→Form Objects→List/Menu 命令 。
? 打开对象面板, 单击 list／ Menu按钮 。
下拉菜单的属性包括菜单名称, 初始选项和菜单数值等 。 菜单
名称是识别下拉菜单的唯一标记, ASP应用程序是通过该名称识
别不同的表单元素的 。 初始选项就是打开页面时, 首先出现在下
拉菜单的内容 。 当访问者将表单发送给 ASP应用程序时, 应用程
序将根据下拉菜单的数值来判断菜单选项是否已被选中, 在菜单
数值与菜单选项之间存在着对应关系 。
要设置下拉菜单的属性，在表单中选择它，然后打开如图 7-
16所示的属性面板来进行，具体内容可参照下面的选项介绍。 。
? Lisl／ Menu文本框：在该文本框中设置下拉菜单的名称 。
? Type选项区域：在该选项区域中, 确认选择了 Menu单选按钮 。
? List Values按钮：通过该按钮设置下拉菜单中的选项 。
用户要通过 list Values按钮设置下拉菜单中的选项, 可以参照下面的
操作步骤：
（ 1） 在下拉菜单的属性面板中, 单击 list Values按钮, 打开 List
Values对话框 。
（ 2） 单击左上角的, ＋, 按钮, 然后在 Item Label栏内输人下拉菜
单的第一个选项 。
图 7-16 下拉菜单的属性面板
（ 3）在 Value栏内输人第一选项的菜单数值。
（ 4） 重复上面第 （ 2） 步到第 （ 3） 步, 继续添加其他选项及其数值 。
（ 5） 选项添加完毕, 单击向上箭头按钮时, 将使所选的菜单选项及
其数值向前移动一个位置 。 相反地, 单击向下箭头按钮时, 将使
所选的菜单选项及其数值向后移动一个位置 。
（ 6） 要删除某个菜单选项, 在选项列表中选择它, 然后单击, －,
按钮即可 。
（ 7） 单击 OK按钮, 返回到下拉菜单的属性面板 。
在个人信息表单内需要了解职称情况时, 可在表单内添加, 职
称, 下拉菜单, 它包括, 工人,,, 初级工程师,,, 工程师,,
,高级工程师, 和, 系统工程师, 5个选项, 访问者可根据自身的
情况, 选择与自己相对应的职称选项 。
（ 1）在表单中选择下拉列表框，并打开其属性面板，如图 7-17所
示。
图 7-17 设置下拉列表框的属性
（ 2） 选择 Type的 List单选按钮 。
（ 3） 在 list/Menu文本框内命名下拉列表框 。
（ 4） 单击 list Values按钮, 打开 list Values对话框, 按照上面的方法
确定下拉列表框的选项名称及其数值, 然后单击 OK按钮之后, 返
回属性面板 。
（ 5） 在 Height文本框内设置列表框选项在浏览器窗口的显示长度 。
（ 6）在 Selections选项区域中，启用 Allow multiple复选框时，表
示允许访问者一次选择多个选项，此时下拉列表框的作用与复选
框完全相同。取消 Allow multiple复选框时，下拉列表框的作用与
单选按钮相同。将 Height文本框内的数值修改为 1，并取消 Allow
multiple复选框时，下拉列表框的作用与下拉菜单相同。
7.3.7 创建重置和提交按钮
收集数据信息是表单的主要功能，当访问者完成文本框的输
入、复选框和单选按钮等的选择之后，便可对表单的内容进行检
查并进行修改，最后将表单数据提交给 ASP应用程序。 UltraDev 4
提供了两个按钮未完成这项工作，其中，重置按钮用于恢复默认
的表单数据，提交按钮用于以 Post或 Get的方式提交数据给 ASP应
用程序。
用户在创建好用于接收信息的表单元素之后，可按照下面的
步骤来创建重置和提交按钮并设置其属性：
（ 1）将插入点置于表单中，选择 Insert→ Form Obects→ Button命令，
或者单击对象面板中的 Button按钮，创建一个按钮。
（ 2）选择新创建按钮，打开其属性面板，设置按钮属性，如图 7-
18所示。
图 7-18 设置按钮属性
（ 3） 在 Button Name文本框内定义表单按钮的名称 。
（ 4） 在 lable文本框内定义表单按钮的标签 。
（ 5） 在 Action选项区域中, 选择 Submit form单选按钮, 则创建的按
钮为提交按钮；选择 Reset form单选按钮, 则创建的按钮为重置按
钮 。 这里选择 Reset form单选按钮 。
（ 6） 按照前面的步骤创建第第二个按钮, 并在按钮的属性面板中选
择 Submit form单选按钮, 将按钮设置为提交按钮 。
7.4 应用层
随着信息时代的来临，人们对页面内容的定位、移动和显示提出了
更高的要求，为引入层的概念。层是一种全新的页面定位技术，可以对
其中的对象提供像素级的精确定位，并可以自由地在页面中移动。用户
将对象放入到层中之后，可以控制哪些显示在前面，哪些显示在后面，
哪些显示，哪些不显示。另外，配合时间轴的使用，用户还可以同时移
动一个或者多个层，轻松地制作出各种动态效果。
7.4.1 层的基本概念
在层出现之前，用户可以使用表格控制页面的版面。文本、
图像都可填充在表格内，它们的位置通过表格是非常容易控制的。
当需要精确地控制图像时，就必须借助更加小巧的表格，而且无
法改变在平面上布置对象的限制。为增强 Web设计者布置版面的
手段,W3C在新的 Cascading Style Sheet（ 层叠样式表）中包括了
一个特性，允许对页面上的元素进行绝对的定位。绝对定位 使某
个元素 （ 图像或文本 ） 可以定位到页面上的任何位置, 这个特性就
是 Web页面上的层, Web页面上的层实际上是通过 HTML标记来
创建的, 通过在标记中设置页面坐标, 可以在页面中对层进行精
确定位 。 在 UltraDev 4中, 用户可以通过简单的方法在页面中创
建层, 而无须进行任何编码的工作 。
通过在 UltraDev 4中创建层, 可以在页面中的任何位置插入精确定
位的元素, 并且可以对多个层进行堆叠和隐藏等操作, 还可以通
过使用行为设置层的动画和交互效果, 大大提高页面创作的能力
和质量 。
7.4.2 层的基本操作
层的基本操作主要包括默认参数的修改, 层的创建, 层的对齐,
嵌套, 尺寸调整和位置移动等, 下面分别进行介绍 。
1．修改层的默认参数
在使用层时，都是按默认参数来设置，为了使页面中创建的
层能够适应自己工作的需要，用户可以修改它的默认参数值。选
择 Edit→ Preference命令或按下键盘上的 Ctrl＋ U键，打开
Preferences对话框，并在 Category列表框中选择 Layers选项，
如图 7-19所示。
有关层的默认设置内容主要包括以下几项：
? Tag下拉列表框：该下拉列表框设置在创建层时使用的 HTML标记 。
? Visibility下拉列表框：该下拉列表框设置创建的层默认的可见性 。
? Width和 Height文本框：这两个文本框设置创建的层默认的宽度和高度属
性 。
? Backgroud选项：该选项用来指定背景颜色或者图像 。
? Nesting复选框：启用该复选框将把新层设置为嵌入式的层 。
? Netscape 4复选框：启用该复选框将在插入层时加人 Resize修复程序。
图 7-19 设置层的默认属性
2．创建层
UltraDev 4为用户提供了下面三种创建层的方式, 用户使用任何
一种都可以创建出一个新层 。
? 选择 Insert→ Layer命令, 可以得到一个默认的层 。
? 使用 CSS Style选项卡可以创建一个精确定义大小的层 。
? 最直接的方法是从对象面板中单击, Draw Layer”按钮之后, 在页
面上拖动出层的大小 。
3．激活与选择
需要在层内添加文本、图像、插件、表格时，必须先激活层。
激活层的方法非常简单，用户只需单击层所在的区域。层被激活
后，光标将停留在层中，层的边框高亮显示，此时在层的左上角
出现选择手柄（如图 7-20所示），将鼠标指向手柄时，它的形状
将切换成手形，单击之后便可使激活的层处于选择状态。
如果用户需要一次性地选择多个层时, 可按下列方法之一进行操作：
? 按住 Shift功能键的同时, 依次单击多个层 。
? 按住 Shift功能键的同时, 依次在层面板的名称列表内选择 。
当多个层被选中时, 最后选择的层的手柄以黑色小方块的形式出现, 而在
此之前选择的层手柄将切换成白色 。 在文档窗口的空白位置单击时, 将
取消所有层的选择 。
4．调整层的尺寸
将鼠标移动到层的边框处，它的形状将切换成双向箭头，按住鼠标并进行
拖动即可调整层的尺寸。不过，如果要精确地定义层，必须使用键盘和
属性面板。如果选择多个层，那么层的操作对所选的层都有效，并且这
些层将具有相同的高度或宽度。
图 7-20 激活的层
如果要使用键盘调整, 先选择层, 然后按住 Ctrl功能键, 每按
一次光标移动键, 将按照箭头指示的方向以像素为单位改变层的
大小 。 如果同时按住 Shift和 Ctrl功能键, 每按一次光标移动键,
将按照箭头指示的方向以网格为单位改变层的大小 。
如果用户要使用属性面板来调整层的尺寸, 先选择文档窗口的一个
或多个层, 然后打开属性面板, 在 Height,Width文本框内输入
以像素为单位的数值 。
5．改变层的位置
选择层之后, 使用鼠标拖动便可改变层在文档窗口的位置 。 配
合光标移动键的使用, 用户可以以像素或网格为单位移动层, 前
者适合于快速地改变层的位置, 后者适合于精确定位的情况 。 与
移动层关联的菜单命令是 View菜单的 Prevent Overlaps命令 。
如果该命令前出现勾号, 表示 UltraDev 4启用防止层相互重叠的
功能, 此时用户就无法对层进行移动 。 再次执行该命令时, 将取
消防止层相互重叠的功能 。
6．对齐层
在进行层对齐时, 需要确定基准层, 其他层都是通过基准层来进行
对齐的 。 一次性地选择多个层之后, UltraDev 4总是将最后选择
的层作为基准层 。 如果多个层相互重叠, 用户还可改变层的排列
顺序 。 要对齐层, 一次性地选择文档窗口的多个层, 单击
Modify→ Align中的对齐命令即可 。
7．嵌套层
嵌套层就是在父层内添加新的子层, 嵌套的级别是不受限制的, 用
户可通过层面板来查看包括嵌套层在内的所有层 。 选择 Window
菜单中的 Layers命令, 打开层面板, 其中显示各个嵌套层之间的
关系, 如图 7-21所示 。
在名称列表内出现当前页面内所有层的名称, 而且层的名称将按照
添加的顺序依次排列, 最先添加的层位于名称列表的底部, 最近
添加的层位于名称列表的顶部 。 特定层的可见性通过眼睛图标在
面板的第一列显示, 选择眼睛图标可以使用户在三种不同的可见
性状态之间进行切换：眼睛闭上表示层被隐藏, 眼睛睁开表示层
是可见的, 没有眼睛表示层的可见性属性被设置为默认的, 对于
Navigator 4.0和 IE 4.0,它们都意味着继承父层的可见性 。 需要
同时将所有层的可见性设为相同的状态, 可在标签的顶部单击眼
睛图标, 所有的眼睛都会同时开关 。
用户要改变某一层的名称, 只要在面板中双击该层的名称, 该
名称就会高亮显示, 输人新的层名称之后回车即可 。 在嵌套层的
左侧会出现一个, ＋, 或, －, 号, 若出现, ＋, 号则表示只显
示父层而不显示对应的子层, 单击, ＋, 号可以显示子层；单击
,－, 号将隐藏所有的子层 。
UltraDev 4提供了 3种添加嵌套层的方法, 用户可选择下列方法
之一进行操作 。
? 选择父层, 执行 Insert菜单的 Layer命令 。
图 7-21 显示层间的嵌套
? 拖动对象面板的 Layer按钮至父层内。
? 单击对象面板的 Layer按钮, 在父层内拖动 。
? 按住 Ctrl功能键在层面板内选择一个层后拖动到父层, 当包围目标
层名称的方框显示时, 释放鼠标便形成新的嵌套层 。 嵌套层随着
父层的移动而移动, 并继承父层的可见性 。 用户可以使用嵌套属
性快速地隐藏层 。 如果所有子层的可见性都被设置为默认, 那么
通过父层, 用户可能使所有的子层继承父层的可见性设置, 并从
视图中消失 。
7.4.3 设置层的属性
用户要设置某个层的属性, 就先在页面中选择该层, 然后打开
其属性面板 （ 如图 7-22所示 ） 。 为了让 CSS和 JavaScript能够正
确地引用层, 必须为层命名, 该名称必须是唯一的 。 在创建层的
同时, UltraDev 4自动为每一个层进行命名, 其命名规则是
,Layer”与阿拉伯数字的结合, 用户可在层属性面板左上角的文
本框内输入一个便于管理和记忆的名称 。 UltralDev 4规定层的名
字可以使用英文字母和数字, 但不允许使用特殊字符 （ 如空格,
连字号, 斜线或句号等 ） 。
打开 Tag下拉列表框之后, 可以看到与层有关的 HTML标识 。 默
认情况下, 被定位的层使用＜ div＞ 标识, 但是用户也可以选择＜
span＞, ＜ layer＞ 或＜ ilayer>标识 。 Visibility下拉列表框决定着
图的可见性, 各选项的意义与 Layers选项卡的完全相同 。 在层面板
内, 选择想要改变可见性的层所在的行, 单击左侧的眼睛图标也能
够改变层的可见性 。 如果层左侧的眼睛图标是睁开的, 表示该层是
可见的 。
图 7-22 层属性面板
如果层左侧的眼睛图标是闭上的, 表示该层不可见 。 如果层的左侧
没有眼睛图标, 则层继承其父层的可见性 。 如果层没有嵌套, 那么
层的父层就是文档本身, 它总是可见的 。 希望改变所有层的可见性
时, 可在打开的层面板内, 单击眼睛图标列最顶部的眼睛图标, 使
眼睛图标处于关闭状态 。 无论层是否可见, 层都占用页面上的空间,
并且需要一些页面下载的时间 。 隐藏层不会影响布局, 但其中的内
容将耗费和可见层相同的下载时间 。
通常, 层的大小总是与插入其中的文本或图形相匹配 。 通过改
变属性面板中的高度和宽度属性, 用户可以限制层的尺寸 。 当用
户定义的层相对于某个图像太小时, 或者当许多文本依赖于层的
Overflow属性的设置时, 就会发生溢出现像 （ Overflow） 。
CSS层支持 4种不同的 Overflow设置：
? Visible选项表示将显示所有溢出的文本或图像, 同时忽略为层所
设定的高度和宽度 。
? Hidden选项表示忽略文本或者图形中溢出尺寸之外的部分 。
? Scroll选项表示无论插入对象的尺寸或数量如何, 也无论层的大小
尺寸如何, 水平和垂直的滚动条都将被添加到层上 。
? Auto选项表示当层的内容超过宽度和高度时, 水平的和垂直的滚
动条将显示在浏览器窗口 。 目前, UltralDev 4还不能在文档窗口
直接显示结果, 需要设置层的 Overflow属性, 必须借助于浏览
器 。 层在页面内的位置是相对于文档窗口或父层左上角的位置,
L,T文本框以像素 （ 默认 ） 为单位的数值将决定着这段距离的长
短, 它们分别表示相对于左上角的横向距离与纵向距离 。 W,H
文本框用于指定层的宽度与高度, 该数值只能对所选的层有效,
未选择的层仍将保留
以前的大小 。 定义距离, 长度数值时, 除了默认的像素之外, 用户
还 可 以 使用 其 他的 单位, 例如 pc(picas),pt(points),in
（ inches）, mm（ millimeters）, cm（ centimeters） 或 ％
（ 在父层的百分比 ） 等, 缩写的单符号或百分号必须紧邻输入的
数值, 中间不能存在空格 。
Clip选项区域用于指定显示区域与层边界之间的距离, 它可以实
现层对象的剪切 。 用户可从 T（ top）, L（ Ieft）, R（ Right）,
B（ Bottom） 4个方向上设置显示区域与层边界的距离 。 Z－
Index文本框用于设置层的叠放顺序, 当多个层出现时, 它能够
改变层的显示状态 。 数值较大的层出现在上面, 数值较小的层出
现在下面 。 另外, 为了改变层的叠放顺序, 用户还可选择层面板
的 Z列, 然后单击希望改变叠放顺序的层数字 。 在数字的周围出
现活动边框时, 可在此输入一个较大的数字, 表示将层尽量移动
到前端 。 输入一个较小的数字时, 表示将层尽量移动到底端 。 Z
－ Index的值必须被设置为整数, 正, 负没有关系 。 由于该值是
相对的, 因此较大的值对应的层将显示在顶层, 而较小的值对齐
的层将显示在底层 。
Bg Image文本框用于指定层的背景图像, 用户可在文本框中输
入背景图像的路径与名称, 或者单击右侧的文件夹图标, 在打开
的对话框内确定背景图像的位置与名称 。 当层的大小超过图像的
尺寸时, 背景图像将被拉伸, 以适用层的大小 。 如果希望给层添
加背景颜色时, 可在 Bg Color文本框内输入 16进制的数值, 该数
值与某个颜色相对应 。 当然, 用户也可以打开颜色框从中进行选
择 。
7.5 站点管理
7.5.1 规划站点
1．确定站点主题
针对建站的目的制定主题是一条必须遵循的规则, 如果主题与目的相去甚
远, 那么建站的目的也就没有达到, 可以说站点本身是不成功的 。 在确定
站点的主题时, 需要对当前的站点进行系统的分析, 寻找自己的突破口与
切入点, 以期达到, 标新, 的目标 。 公司站点的主题集中在产品研发, 生
产销售, 客户关系和项目协作等方面, 而个人站点 可以把注意力集中在一
个或几个关键性主题上, 每个主题都采用数个网页加以展示 。
对于正在从事某项工作的用户来说, 可以通过站点邀请一些志同道合的朋
友共同参与, 站点的主题是针对项目内容, 前景预测, 个人想法和当前情
况等进行说明 。 如果访问者对介绍的情况比较感兴趣, 就会以电子邮件,
电话或传真的方式与建站者进行联系 。
站点是展现个人才华的舞台, 设计者对制作工具的掌握, 大局的处理, 色
彩的运用和文字功底的深厚在站点上都一览无余 。 如果用户在音乐, 书法
,绘画和手工等方面具有独到之处, 可以将代表性的作品拍摄下来, 通过
扫描仪将照片转换成图片, 在站点上建立个人作品专集 。
对于变幻莫测的世界, 人们难免会对其间发生的事件和涌现的人物提出自己
的看法, 通过站点抛砖引玉, 与访问者进行交流, 切磋, 即使不能形成统一
的意见, 也可以从中受到启发, 增进学识 。
2,搜集材料
一般, 站点所需要的材料包括文字, 图片, 动画, 音频和视频等内容, 用
户可以从报刊, 杂志, 书籍, 光盘以及网络上获得, 其中网络和光盘是大量
素材的重要来源 。 如果素材来源于共享资源, 经过加工就可以应用到自己的
站点内 。 如果素材带有版权属性, 那么在使用之前必须征得所有人的同意 。
对于图片类素材来说, 需要使用 Photoshop,PhotoDraw等工具进行处理, 加
工 。 对于动画来说, 需要使用 ImageReady和 Flash等工具来进行创建或编辑 。
对于音, 视频素材来说, 需要使用专用的编辑器进行剪辑 。 对于数据类素材
来说, 在使用之前应该进行认真的核对, 以防误传 。
3,选择相关编辑工具
由于 UltraDev 4具有 Dreamweaver 4的一切功能, 因此它不需要其他网页编
辑工具来帮助完成工作, 但是 UltraDev 4本身并不具有图像绘制, 图像处理,
动画制作和音频制作等功能, 仍然需要其他一些相关编辑工具来制作和处理
网页材料 。 例如, 利用 Cakewalk Audio设计 MIDI音乐, 利用 GoldWave设计
WAV音效, 利用 Flash设计网页动画, 以及利用 Photoshop处理图像等 。
7.5.2 创建站点
站点是保存网页文件及其文件夹的载体, 在创建站点期间, 它的内容总是保
存在本地的计算机中, 经过网页编辑, 站点测试之后, 就可以着手将它发布
到远程服务器上, 这样访问者在浏览器的帮助下, 通过互联网就可以浏览到
站点的内容 。 要创建站点, 可参照下面的过程：
（ l） 在文档窗口中, 选择 Site菜单中的 New Site命令, 打开 Site Definition
for Unnamed Site l对话框, 并显示 Local Info选项的内容, 如图 7-23所示 。
图 7-23 创建新站点
（ 2） 在 Site Name文本框内输入站点的名称 。
（ 3） 单击 Local Root文本框右侧的文件夹图标, 打开如图 7-24所示的 Choose
Local Folder,对话框 。 在对话框内确定存放本地站点的文件夹之后, 单击
,保存, 按钮, 返回 Local Info选项卡 。 如果用户知道保存本地站点的文件夹,
可直接在 Local Root文本框中输入 。
图 7-24 确定站点的本地主目录
（ 4） 如果要站点自动刷新文件列表, 可启用 Refresh Local File List
Automatica复选框 。
（ 5） 在 HTTP Address文本框中输入能够访问站点的 URL地址, 以便直接进
行访问测试 。
（ 6） 如果希望使用 Cache加快站点的访问和更新速度, 可启用 Cache选项区
域中的 Enable Cache复选框 。
（ 7） 单击 OK按钮, 返回到 Define Sites对话框, 新创建的站点名称会出现在
站点列表中, 然后单击 Done按钮, UltraDev 4会打开站点窗口, 并显示出新
建的本地站点的内容, 如图 7-25所示 。
图 7-25 显示新站点的内容
7.5.3 配置站点
新站点创建之后, 用户还需要对站点的应用程序服务器, 远程信息, 设计记
录, 站点地图和文件列的显示方式等属性进行设置, 以使站点满足站点管理
和测试的需要 。 要配置站点属性, 选择 Site菜单中的 Define Sites命令, 打开
Define Sites对话框, 在站点列表中选择要配置的站点名称, 然后单击 Edit按
钮, 即可打开该站点的定义对话框进行配置 。
1,设置远程信息
设置远程信息是将文件传送到一个远程服务器所必需的, 它考虑到任何类
型的主机, 但大多数用户的文件都是上传到 Unix或者 NT Web服务器中的 。
在站点的定义对话框中, 从 Category文本框中选择 Remote Info选项, 然后在
右侧的 Access下拉列表框中选择访问远程站点的方式 。 由于是在本机上开发
Web应用程序 （ 远程站点和本地站点都在同一台计算机上 ）, 因此选择
Local/Network选项, 然后在 Remote Folder文本框中输入远程站点的目录,
如图 7-26所示 。 一般, 远程站点的目录应该是在 IIS或者 PWS中创建的站点
的主目录, 例如 C:＼ Mysite,只有这样才能实现 UltraDev 4和 IIS或 PW的协
同工作 。
利用 UltraDev 4创建远程站点, 站点的根目录必须同 IIS中定义的站点目录相
同, 但可以不与本地站点的目录相同 。 本地站点和远程站点的目录是否相同
取决于用户的创作水平和喜好 。 如果用户的创作水平比较高, 可以将本地站
点和远程站点的目录设置为同一个目录, 这样做的优点是将利用 UltraDev 4
创建的 Web 应用程序直接保存在远程站点目录中, 不需要上传文件
（ UltraDev 4在默认情况下将文件保存在本地站点的目录中, 需要移植到远
程站点的目录中才可浏览 ）, 即可以直接通过浏览器打开 。 但是这样也有缺
陷, 那就是只要通过浏览器浏览过站点, 就不能再利用 UltraDev 4对浏览
过的文档进行编辑, 同时会出现读写错误 。 所以, 如果用户的创作水平不高,
需要经常修改站点中的 Web应用程序, 可以分开设置本地站点和远程站点的
目录, 在创作应用程序之后再将文件从本地站点复制到远程站点的目录中 。
图 7-26 定义本地站点为远程站
2,配置应用程序服务器
用户要在站点中创建和测试 Web应用程序, 还必须指定使用的 Web技术是
ASP,JSP还是 Cold Fusion。 在站点定义对话框的 Category列表框中, 选择
Application Server选项, 对话框右侧会如图 7-27所示, 用户可以选择和设置
Web技术 。
图 7-27 指定 Web技术
在 Server Model下拉列表框中，选择要使用的技术，例如选择
ASP2.0,表示用 ASP技术来编写动态网页。在 Scripting下拉列表框中，
选择默认脚本语言，例如 VBScript。 在 Page Extension下拉列表框中选
择默认页面的文件扩展名，例如,asp。 对于远程信息选项的内容，用户
不必修改，使用上面设置的默认内容。设置完毕，单击 OK按钮，保存
设置内容。
3,集成设计记录
随着 Web站点设计工作的深入, 它的工作规模可能变得越来越庞大, 参与工
作的人员也会相应增多 。 如何增强开发人员之间的联系, 就变成了一个非常
现实的问题 。 UltraDev 4提供的设计记录是非常实用的, 它可以附属到任何
利用 UltraDev 4创建的页面中, 或者插入到页面中的媒体中, 开发人员可以
轻易地获得上述信息 。
在站点定义对话框中, 选择 Category列表框中的 Design Notes选项时, 将使
对话框右侧显示出设计记录的相关选项, 如图 7-28所示 。 用户可以启用设计
记录, 也可以上传设计记录以便共享 。
图 7-28 集成设计记录
在 Design Notes选项区域中, 启用 Maintain Design Notes复选框, 表示启用站
点的设计记录, 希望对站点上的任意页面添加或修改设计记录, 该复选框必
须处于启用状态 。 启用 Upload Design Notes for Sharing复选框时, 表示当移
动相应的文件时能够自动放置或获取设计记录 。 单击 Clean Up按钮时, 将打
开如图 7-29所示的删除提示信息, 单击, 是 （ Y）,按钮之后, 将删除任何没
有相关 HTML文件的设计记录 。
图 7-29 删除提示信息
4．修改站点地图
UltraDev 4的站点窗口可以显示站点地图, 直观地向用户展示站点内容的 Web
页面之间的链接关系 。 为了控制站点地图的显示方式, 用户可在站点定义对
话框的 Category选项区域中选择 Site Map Layout选项, 使对话框右侧显示出
站点地图显示方式控制选项, 如图 7-30所示 。
Home Page文本框用于填写当前站点主页的名称, 用户可直接在文本框内输
入主页的名称, 也可单击右侧的文件夹图标, 在打开的对话框内进行选择 。
如果输入的主页名称是不存在的, 那么单击 OK按钮关闭对话框之后, 将打
开一个信息提示对话框, 提示用户主页名称不存在 。 如果主页名称存在, 则
在单击, 确定, 按钮之后, UltraDev 4将自动创建一个空白文件作为当前站
点的主页 。 空白文件将根据 Home Page文本框的内容进行命名 。 在默认的情
况下, UltraDev 4 总 是 以 index,htm 或 index,asp,default,htm 或
default,asp作为站点的主页 。
Number of Column Width选项用于设置站点地图在屏幕上显示的方式, 用户
可修改 2个文本框的数值,以便确定站点地图显示的列数与列宽 。
图 7-30 站点地图显示方式控制选项
5,控制文件显示方式
为了控制本地文件在站点窗口的显示方式, 用户可在站点定义对话框的
Category列表框中选择 File View Columns选项, 使该对话框右侧显示出文件
显示方式的控制选项 。
在站点定义对话框中的右侧窗格中, 单击加号按钮时, 可在列表框内添加新
的显示列 。 Column Name用于对显示列进行命名, 打开 Associate with Design
下拉列表框, 可以确定它与设计记录的从属关系 。 Align用于设置显示列的
对齐方式, 例如 Left,Right和 Center。 需要在文件窗格内显示定义的列时,
还需启用 Show复选框 。
在列表框内选择文件列之后, 单击减号按钮, 将把它从列表内删除, 所删除
的文件列将不再显示在文件窗格内 。 单击向上的箭头时, 将提高文件列在文
件窗格内的排列顺序, 使它向窗格的左侧移动 。 类似地, 单击向下的箭头时,
将降低文件列在文件窗格内的排列顺序, 使它向窗格的右侧移动 。 7.5.4 站
点管理
在 UltraDev 4中, 站点管理主要是通过 Define Sites对话框和站点窗口来完
成 。 其中 Define Sites对话框主要是用来对站点进行整体操作, 例如站点的
创建, 编辑和删除等 。 而站点窗口主要是用来对某一个站点进行具体应用和
管理的, 下面分别进行简单的介绍 。
要利用 Define Sites对话框管理站点, 在文档窗口中, 选择 Site菜单中的 Define
Sites命令, 打开 Define Sites对话框 。 在 Define sites对话框的站点列表中列出
了当前定义的所有站点, 用户可以对它们进行编辑, 复制和删除等操作 。 如
果用户创建新的站点, 可通过 New按钮来进行 。 如果要配置某个站点信息,
可在站点列表中选择该站点, 然后通过 Edit按钮来进行 。 如果要删除某个站
点, 可在站点列表中选择该站点, 然后通过 Remove来完成 。
如果用户要根据原有站点来创建新的站点, 可先在站点列表中选择相应的站
点, 然后单击 Duplicate按钮, 新站点就会出现在站点列表中 。 复制站点之后,
用户可以通过 Edit按钮对站点的配置信息进行修改, 以满足实际应用的需要 。
这样复制站点有两个非常大的好处, 一是可以减少创建用户站点的时间和精
力, 二是可以使各个站点之间的风格保持统一 。
要利用站点窗口管理站点内容, 可在文档窗口中选择 Site菜单中的 Site Files
或 Site Map命令, 打开站点窗口 。 第一次打开站点窗口时, 它被水平地一分
为二, 左侧显示远程站点的内容, 它是以文件列表的形式出现 。 右侧显示本
地站点的内容, 它可以以文件列表和站点地图两种形式显示 。 当本地站点的
文件列表和站点地图同时出现在站点窗口时, 可以将显示远程站点的窗格关
闭 。
显示本地站点的窗格将标记为 Local Folder,显示远程点的窗格标记为
Remote Site。 如果未将站点发布到远程, 或者未与远程保持联系, 远程站点
的窗格将处于空白状态 。 执行下列任何一种操作时, 将使本地站点的内容以
文件列表的形式显示：
? 在文档窗口内执行 Window菜单的 Site Files命令 。
? 单击站点窗口的 Site Files按钮 。
以文件列表的形式显示站点时, 用户可以看到网页文件的大小 （ Size）, 类
型 （ Type）, 修改时间 （ Modified） 和检测者 （ Checked Out By） 等信息 。
单击站点窗口的上述标签时, 可对站点文件进行升序或降序排列 。
用户执行下列任何一种操作时, 将使本地站点的内容以站点地图的形式显示：
? 在文档窗口内执行 Window菜单的 SiteMap命令 。
? 单击 Site Map按钮右下角的箭头, 从弹出的快捷菜单中选择 Map and Files
或 Site Map命令 。 选择 Map and Files命令时, 在站点窗口内将显示站点的地
图与文件列表 。 选择 Site Map命令时, 在站点窗口内仅显示站点的地图形式
（ 如图 7-31所示 ） 。
站点地图按照 Web应用程序中的各个文件之间的链接和转换关系来分
级显示, 使用户可以清楚地查看到当前站点中的文件关系 。 在站点
地图的二级目录中, 如果图标前带有, ＋, 号标识, 说明该目录下
还有下一级目录, 单击该, ＋, 号, 可展开目录的下一级内容, 同
时, ＋, 号标识变成为, －, 号标识 。
如果站点内未包含主页文件, 那么站点地图就不会显示在站点窗口
内, 因为站点的内容都是围绕着主页组织的 。 此时, 如果用户右击
打开快捷菜单, 执行 Set as Home Page命令, 所选的文件将作为站点
的主页 。
图 7-31 显示站点地图
7.5.5 认识站点链接地址
在 UltraDev中, HTML链接或 URL可以有三种格式：绝对地址, 相对地址和
站点根目录相对地址 。 在使用地址格式作为链接的目标之后, 最好能够对地
址的特点有所了解, 以便根据需要选择最佳的链接形式, 否则当站点的位置
或者开发环境发生改变时, 更改大量的链接将是一件令人头痛的事 。 所以,
如果用户想减少链接目标地址带来的麻烦, 在构建开发环境和站点管理时,
就必须对 UltraDev 4的三种地址格式有深刻的认识, 并根据实际应用的需要
来选择地址格式 。
1,绝对地址
绝对地址包括完整的 URL（ 统一资源定位 ）, 它表示协议的类型, 域名, 路
径和文件名等 。 通常, 绝对地址采取下面的格式：
http://www.sddx.com/infocenter/index.htm
绝对地址往往应用于需要同其他服务器上的 Web页进行链接的场合, 它并不
适用于作为 UltraDev 4网页的链接形式 。 因为绝对地址比相对地址要输入更
多的 URL组件, 而协议的类型和域名往往是重复的 。 另外, 如果链接目标
的位置发生改变, 那么就需要对绝对地址进行修正, 否则将无法访问链接目
标 。 例如, 将 infocenter目录下的文件移动到另域 www.sddx.com后, 就必须
将所有绝对链接改成如下的形式：
http://www.sddx.com/infocenter/index.htm
否则, 浏览器还是试图到 www.sddx.corn 域内查看 infocenter 目录下的
index.htm,可能无法找到该文件, 或者显示重名的其他文件 。 在使用相对路
径的情况下, 由于 index.htm仍然位于 infocenter目录下, 因此, 无论移动到哪
个域内, 链接都无需进行修改 。
2,相对地址
相对地址是一种不指定目录的地址, 它总是以当前的 HTML页作为出发点,
因此它只包括了 URL的一部分, 省略了 URL的协议与域名, 只由文件夹与文
件名两部分组成 。 例如, 使用绝对地址来创建从主页 index.htm上的按钮到同
一文件夹内另一个文件 Object.asp链接时, 可以应用下面的链接格式：
http://www.sddx.com/infocenter/object.asp
由于 index.htm与 object.asp位于相同的文件夹内, 因此可以使用相对路径表示
链接目标,object.asp
使用相对路径之后, 无论 index.htm与 object.asp的保存位置如何变化, 只要保
证它们位于相同的文件夹内, 就无需对链接的地址进行修改, 它总是能够确
保链接目标的顺利访问 。 在使用相对地址作为链接目标之前, 应该对文件进
行保存, 并且最好保存在本地站点一个现有的文件夹内 。 在没有保存文件的
情况下使用相对地址作为链接目标时, UltraDev 4将给出揭示信息, 希望用
户对文件进行保存 。 如果用户不对文件进行保存, 在链接地址前会自动插入
一个前缀 fill://Path,这里的 Path指的是对象在本地驱动器中的位置 。 例如：
file://c:/infocenter/images/button_01.gif
file://scb/news/images/button_01.gif
这样的相对地址直接发送到远程服务器上, 由于 file://的影响, 将导致无法正
常访问 。 一个网页往往涉及到 html文件, 脚本文件, 图像文件, 声音文件与
视频文件等, 为了便于管理, 可将它们保存在不同的文件夹内, 如果文件的
数量仍然很多, 还可进行文件夹的嵌套, 在文件夹内创建子文件夹 。 这时,
应用相对地址作为链接目标时, 可以在其中包括文件夹或子文件夹, 例如：
infocenter/images/logo.gif
infocenter/cig_bin/abc.pl
infocenter/javascript/abc.js
infocenter/vbscript/abc.asp
这里的 infocenter文件夹与当前包括链接目标的网页位于相同的目录内 。 使用
相对文档地址也可以链接到位于更高目录层次中的对象, 代表一个更高的文
件夹的符号是两点和一根斜线 （,,／ ） 。 此时相对文档地址看起来可能是下
面的这个样式：
.,／ infocenter／ cig_bin／ abc,pl
这个链接会从当前文档向上移动一级目录, 然后按照 infocenter,cig_bin的顺
序, 找到 abc,pl文件 。 采用文档相对地址对于中小型的 Web站点来说是一种
相当好的全面解决方案, 但在开发大型站点, 尤其是站点存储在多个服务器
时, 最好还是使用下面将介绍的站点根目录相对地址 。
3,站点根目录
不同于相对地址会省略 URL的协议, 服务器, 域名以及路径部分, 站点根目
录相对地址只省略 URL的协议和服务器部分, 保留了存储文件的路径 （ 文件
夹 ）, 它表示当站点存在于不同的服务器时, 可使用路径 （ 文件夹 ） 代表不
同的服务器主机 。
所有的 Web站点文件夹被存储在 Web服务器中的特定目录中, 这个目录是公
用的 。 这个特定目录就是主机目录, 在讲述创建本地根目录文件夹时, 曾经
在 UltraDev 4的 Site Information对话框内提到主机目录 。 站点根目录相对地
址是以主机为基础, 在很大程度上就像文档相对地址以当前 HTML页为基础 。
站点根目录相对地址的格式要求链接目标从一根斜线开始, 紧随其后的才是
保存文件的文件夹或目录名称 。 例如, 将站点保存在 sddx的根目录中, 就可
以采用下列形式的站点根目录相对地址：
／ sddx/abc.asp
请注意链接目标前的反斜线, 这是站点根目录相对地址的显著特征 。 对于大
型站点来说, 它需要多个服务器分门别类地处理不同来源的信息, 就必须使
用站点根目录将它们联系起来 。
习题与练习
1．如何创建 DSN？
2,在定义站点过程中应注意哪些事项？
3,创建数据库链接具体怎么操作？
4,在 UltraDev 4中, 如何进行站点管理？
5,新站点创建之后, 如何对站点的相关属
性进行设置, 以使站点满足站点管理和
测试的需要？
