Dreamweaver MX
第14章 管理站点资源、库与模板
14.1 资源面板（P315）
* 资源：保存在站点中的元素，如图像、动画文件。
14.1.1 用资源面板查看资源
* 窗口—资源—站点资源、收藏资源—
类别：图像、颜色、链接、影片、脚本。
14.1.2 将资源添加到页面中（P316）
页面中选定插入点—资源面板—选择资源，如图像—插入。
14.1.4 用资源面板添加 URL 链接（P317）
* 选择文字，如佛山电大—资源面板—选择[链接]—
选择 URL—应用。
14.1.5 选择与编辑资源（P318）
* 资源面板—双击要编辑的资源。
14.2.1 为收藏列表添加或删除资源（P320）
* 在站点资源列表中—选择资源—单击[添加到收藏夹]。
14.3 使用库项目
14.3.1 创建库项目（P323）
1. 选择图像，如
演讲文档|工具软件|静态图像|动态视频|图形设计|音乐语言|通讯联络
修改—库—添加对象到库。
2.将库项目添加到文档中
文档中选定插入点—资源面板库类别—选择库项目—插入。
14.3.2 编辑库项目（P324）
* 更新所有使用指定库项目的文档
修改—库—更新页面—文件使用……导航栏目.lbi—开始。
15.1 在设计视图中编辑代码
15.1.1 使用标记编辑器编辑代码（P339）
右击对象，如图像—编辑标签—源，如 ../dttx/&.gif。
15.1.3 使用标记选择器编辑代码（P342）
单击对象，如图像—右击<img>标签—编辑标签—
<img src="../dttx/&.gif" width="50" height="49">
15.1.4 编辑脚本程序
1.查看—可视化助理—不可见元素。
2.插入—HTML—脚本对象—脚本—语言：Javascript，内容：……。
3.链接脚本文件
插入—HTML—脚本对象—脚本—
语言：Javascript，内容：不输入—确定。
属性面板选择脚本程序 。
15.2 设置代码编辑环境
15.2.1 设置代码参数（P345）
* 编辑—首选参数—代码格式、代码改写。
15.2.2 管理标签库（P347）
* 编辑—标签库—HTML 标签、JSP 标签、ASP 标签。
15.3 Dreamweaver MX 中的代码编辑
15.3.1 代码片段（Snippets）面板（P351）
* 插入“切换图像”的代码片段
选定插入点或对象—窗口—代码片段—JavaScrip—图像—
右击“切换图像”的代码片段—编辑、插入。
15.4 代码优化与调试
15.4.1 净化代码（P353）
* 打开文档—命令—清理 HTML—空标签区块、多余的嵌套标签……。
15.4.4 使用 JavaScript 调试器（P355）
* JavaScript 调试器：调试 客户端 JavaScript 代码程序。
16.1 定义动态数据源
16.1.1 为动态数据源连接数据库（P358）
1.应用程序面板：数据库、绑定、服务器行为、组件。
数据库：连接，如 wssdk_cn，表，如 图书记录表，用户资料表。
绑定：记录集，如 tsjl_rs 图书号、图书名称、作者、出版社。
服务器行为：重复区域、插入记录（表单"form1"）、转到详细页面
2.动态数据源：数据库信息、HTML 表单提交的值、服务器对象的值。
添加到绑定（Bindings）面板的数据源列表中。
3.ASP 访问网络数据库步骤
序号 |
缩写 |
说明 |
1 |
ASP |
动态服务器网页 |
2 |
ODBC |
开放数据库连接，数据库操作驱动程序。（P359） 如 Microsoft Access Driver(ODBC) Microsoft SQL Server Driver(ODBC) |
3 |
DSN |
程序和数据库相连的信息集合。（P359） |
4 |
wssdk.mdb wssdk_Data.MDF |
Access 数据库 SQL Server 数据库 |
4.Dreamweaver MX 中数据库操作步骤
序号 |
名称 |
举例 |
创建步骤 |
1 |
数据库 |
wssdk.mdb |
Microsoft Access 数据库管理系统 |
2 |
数据源名 |
wssdk_DSN |
Windows 2000 操作系统 开始—程序—管理工具—ODBC（P359） |
3 |
数据库连接 |
wssdk_cn |
Dreamweaver MX 应用程序面板 数据库[+]—数据库名称（P361） |
4 |
记录集 |
tsjl_rs |
Dreamweaver MX 应用程序面板 绑定[+]—记录集（查询）（P363） |
5 |
插入记录 |
表单“tsmc” 插入字段 “图书名称” |
Dreamweaver MX 应用程序面板 服务器行为[+]—插入记录（P393） |
5.Dreamweaver MX 中生成数据库连接和记录集的代码
连接与 记录集 |
Dreamweaver MX |
ASP |
数据库 连接 wssdk_cn |
<!--#include file= <% |
set cn=Server.CreateObject |
记录集 tsjl_rs |
<% |
set rs=Server.CreateObject ("ADODB.Recordset") rs.open "select * from 图书记录表",cn,3 |
注意中国学生网要求的数据库引擎（驱动），
ASP 会员：修改“/会员名/路径/数据库名”，要与实际对应。
虚拟主机：不加会员名。
自管主机：软件要求 Windows Server 2000 服务版，
IIS 管理发布 Web 站点，支持 ASP 脚本运行。
6.创建数据源名 DSN
开始—设置—管理工具—数据源（ODBC）—系统 DSN—添加—
Microsoft Access Driver(*.mdb)—完成。
数据源名：wssdk_DSN
描述：网上书店库数据源名
数据库：E:\本地站点\mdb\wssdk.mdb
7.创建本地数据库连接
文件—新建—动态页，ASP Javascript—网页中增加调用脚本的代码
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
应用程序面板—数据库—[+]—
连接名：如 wssdk_cn
数据源名：wssdk_DSN（Dreamweaver 连接要使用本地 DSN）
测试—成功创建连接脚本。
<!--#include file="../Connections/wssdk_cn.asp"-->
<%
// FileName="Connection_odbc_conn_dsn.htm"
// Type="ADO"
// DesigntimeType="ADO"
// HTTP="false"
// Catalog=""
// Schema=""
var MM_wssdk_cn_STRING = "dsn=wssdk_DSN;"
%>
8.测试服务器
显示动态页面内容，测试服务器可以在本地计算机或远程服务器上。
把远程站点目录作为测试服务器的目录。
9.定义测试服务器（P362）
动态网页—应用程序面板—绑定—为文件创建站点—高级选项卡—
类别：测试服务器—设置：
URL 前缀： IIS 设置的本地站点根文件夹 |
URL 后缀： 应用程序 URL 地址 |
| http://localhost/ | mycoolapp/ |
16.1.2 定义数据记录
1.数据记录（Recordeset）：查询数据库多个表得到的数据集合，
临时存储在服务器程序中。
2.创建数据记录
打开网页—插入—应用程序对象—重复区域—创建记录集；
（打开动态网页—应用程序面板—绑定[+]—记录集（查询））
名称：tsjl_rs dzjc_rs
连接：wssdk_cn
表：图书记录表
列：书名、作者、出版社
筛选：“图书类别”“=、包含”“输入值”“大专教材”
<%
var tsjl_rs =
Server.CreateObject("ADODB.Recordset");
tsjl_rs.ActiveConnection = MM_wssdk_cn_STRING;
tsjl_rs.Source ="SELECT * FROM 图书记录表";
tsjl_rs.CursorType = 0;
tsjl_rs.CursorLocation = 2;
tsjl_rs.LockType = 1;
tsjl_rs.Open();
var tsjl_rs_numRows = 0;
%>
16.1.3 定义 ASP 服务器变量（P364）
16.2 在页面中添加动态数据源（P365）
16.2.1 动态文本（P365）
选定插入点—绑定标签—
选择记录集，如 yfzl_rs，字段，如 用户号、用户姓名—插入。
16.2.2 动态图像（P367）
动态更换页面中的图像。
插入—图像—数据源—动态数据源列表—
数据源存放的文件夹\图书封面文件名，如 wssd\wyzh.jpg。
小结：创建访问数据库的动态页
1.Windows 操作系统中创建数据源名 DSN
开始—设置—管理工具—数据源（ODBC）—系统 DSN—添加—
Microsoft Access Driver(*.mdb)—完成。
数据源名：wssdk_DSN
描述：网上书店库数据源名
数据库：E:\本地站点\mdb\wssdk.mdb
2.打开 Dreamweaver 创建本地数据库连接
文件—新建—动态页，ASP Javascript—应用程序面板—数据库[+]
连接名：如 wssdk_cn
数据源名：wssdk_DSN
3.应用程序面板—绑定[+]—记录集（查询）
名称：tsjl_rs
连接：wssdk_cn
表：图书记录表
列：全部
4.绘制2行多列表格。标题栏输入标题。
把绑定标签记录集列表中的字段，
如 图书号、图书名称、……，拖入表格中的相应位置。
5.选定表格记录所在行—服务器标签—行为[+]—重复区域—
记录集：tsjl_rs、显示所有记录。
16.3 显示数据库记录
16.3.1 将格式应用到数据上（P369）
选择文档中的动态数据，如 {tsjl_rs.图书定价}—
应用程序面板—梆定卡—图书定价—格式—货币—
默认值 如 ￥24.00 。
16.3.2 创建记录导航链接
数据记录导航链接：第一个、上一个、下一个、最后一个。
插入—应用程序对象—记录集分页—记录集导航条……。
| 第一页 | 前一页 | 下一页 | 最后一页 |
 |
 |
 |
 |
16.3.4 显示多条记录（P371）
插入—应用程序对象—动态数据—动态表格—
数据记录集：dzjc_rs
每页显示记录数：10
| 图书号 | 图书名称 | 出版社 | 作者 | 图书定价 | 图书数量 | 图书类别 |
| 1 | “神舟”五号清华群英谱 | 北京清华大学 | 编写组 | 33 | 999 | 新书介绍 |
| 2 | 纳米激光测尺在清华诞生 | 北京清华大学 | 宋晓梦 | 33 | 999 | 新书介绍 |
| 3 | 人类基因组测序 | 北京清华大学 | 编写组 | 33 | 999 | 新书介绍 |
| 4 | “舒氏区”学习记忆功能 | 北京清华大学 | 编写组 | 33 | 999 | 新书介绍 |
| 5 | 计算机网络应用 | 广东科学 | 吕晓阳 | 28 | 999 | 大专教材 |
| 6 | 电脑网络操作 | 北京理工大学 | 编写组 | 24 | 999 | 大专教材 |
| 7 | 网络数据库开发实战 | 博嘉科学 | 刘洪海 | 40 | 999 | 大专教材 |
| 8 | SQL Server 2000 教程 | 北京理工大学 | 曹军生 | 29 | 999 | 大专教材 |
| 9 | SQL Server 7.0 教程 | 电子工业 | 赵增敏等 | 24 | 999 | 大专教材 |
| 10 | Access 2000 数据库 | 辽宁人民 | 能力考试 | 25 | 999 | 大专教材 |
16.3.5 创建记录计数器（P373）
选定插入点—插入—应用程序对象—显示记录计数—记录集，如 tsjl_rs。
记录 1 到 10 （总共 56）
16.4 交互表单
16.4.1 表单与表单对象（P373）
插入—表单—文本域、单选按钮、复选框、下拉列表、跳转菜单、
提交或重置按钮。表单对象，如 qtyj.htm qtyj.asp
16.4.2 创建表单（P375）
表单数据传输到服务器上的方式：
POST：将表单数据嵌入到 HTTP 请求中，传递较多数据。
GET：将表单数据附加到请求页面的 URL 中，传递较少数据,
限制在 8192 个字符，不要用来传送重要信息（用户姓名、密码）。
17.1 主页面与细节页面
17.1.1 什么是主页面与细节页面（P383）
1.主页面：列出每条记录并提供各个记录的链接。
2.细节页面：显示单条记录细节信息。
17.1.2 快速创建主页面与细节页面（P384）
2）插入—应用程序对象—主详细页集—
记录集：tsjl_rs
主页字段：全部字段
链接详细表单：图书名称
识别字段：图书号
细节页面名：detail.asp
细节页字段：图书号、图书名称、作者、出版社、定价、图书类别
17.1.3 手动创建主页面与细节页面（P385）
1.手动创建主页面与细节页面
1）创建主页面、添加数据记录集。
2）在主页面显示记录。
3）将浏览者选择的记录 ID 号传送到细节页面。
4）在数据库中查找记录并将结果显示在细节页面中。
2.在主页上创建链接
在主页上选择要链接的内容—服务器行为面板[+]—转到详细页面：
链接：详细信息
详细信息页：detail.asp
传递 URL 参数：图书号
记录集： tsjl_rs
列：全部字段
传递现有参数：URL 参数、表单参数。
URL 第一部分 ： 网址、细节页面 |
URL 第二部分： URL 参数，查找某记录 |
| http://www.mysite.com/books.asp | ? id = 43 |
17.2 数据库查找页面
17.2.1 什么是数据库查找页面（P386）
1.查找页面：HTML 表单提供输入查找参数。
2.结果页面：
17.2.2 创建查找页面与结果页面
1.查找页面与结果页面可合并。
2.创建查找页面
插入表单、表单对象，如查找按钮。
属性面板：
动作：结果页面的文件名。方式：传送数据的方式（POST、GET）。
2.创建结果页面（P387）
打开结果页面—插入—应用程序对象—重复区域—创建记录集—
名称：dzjc_rs
连接：wssdk_cn
表：图书记录表
列：书名、作者、出版社
过滤：图书类别=‘大专教材’
传递方式：POST 方式：选表单参数，GET 方式：选 URL 参数。
17.2.3 显示查询结果（P389）
结果页面—插入—应用程序对象—动态数据—动态表格—重复区域
选择要链接的文字—服务行为面板[+]—转向详细页面—设置参数。
17.3 修改数据库页面
17.3.1 创建输入记录页面（P390）
1.使用应用程序对象创建输入记录页面
输入记录页面—插入—应用程序对象—插入记录—插入记录表单……
2.手动创建表单和应用服务器行为创建输入记录页面
手动创建表单—服务器行为[+]—插入记录—
连接：如 wssdk_cn
插入表：图书记录表
插入数据后转向：如 wssd.asp
输入数据的表单：如 form1
表单元素：如 tsmc 插入到列中“图书名称”（文本）
列：如 图书名称
提交为：如 文本。
17.3.2 快速创建更新页面（P393）。
17.3.3 删除记录页面（P395）
1）创建显示记录页面—从绑定面板拖动要显示的字段。
2）添加提交按钮—服务器行为面板[+]—删除记录—
连接：wssdk_cn
从表格中删除：用户资料表
选取记录自：yfzl_rs
唯一键列：用户号
提交此表单以删除：delete
删除后，转到：yfzl.asp
17.4 网站注册与登录页面
17.4.1 建立注册页面（P397）
1）注册页面添加表单，应有输入用户资料的文本域、注册按钮。
2）手动创建表单—服务器行为[+]—插入记录—
连接：如 wssdk_cn
插入表：用户资料表
插入数据后转向：如 yfzl.asp
输入数据的表单：如 form1
表单元素：如 yfxm 插入到列中“用户姓名”（文本）
列：如 用户姓名
提交为：如 文本。
3)服务器行为[+]—用户身份验证—检查新用户—
用户名字段：如 yfxm
如果存在，则转到：注册失败提示页面，如 zcsp.asp。
17.4.2 用户登录页面（P399）
1）登录页面添加表单，
应有输入用户名、密码的文本域、登录、注册按钮。
2）手动创建表单—服务器行为[+]—用户身份验证—登录用户—
从表单获取输入：login
用户姓名字段：yfxm
密码字段：gsmm
使用连接验证：如 wssdk_cn
表格：用户资料表
用户名列：用户姓名
密码列：购书密码。
如果登录成功，转向：如 wssd_gm.asp
如果登录失败，转向：如 dlsp.asp
基于以项限制访问：用户名和密码。
3)限制对页的访问
打开需要限制访问的页—服务器行为[+]—用户身份验证—
限制对页的访问—
如果访问被拒绝，则转到：注册页面，如 zcym.asp。
18.2 检查链接（P403）
* 文件面板—选择文件—文件—检查页—检查链接—结果面板—
[检查链接]：检查当前文档中的链接、为整个站点检查链接。
18.3 修改错误链接
* 检查链接结果面板—链接检查器标签—单击无效链接进行修改。