第15章 图像对齐和图像地图教程 开始前的准备工作 设置图像对齐方式 176 设置图像边距 创建图像地图 继续下面的学习 使用 Dreamweaver设计文件教程 开始前的准备工作 使用代码片断 插入代码片断 添加内容代码片断 添加脚注代码片断. 修改代码片断内容 188 将代码保存为代码片断 继续下面的学习 第17章 使用层叠样式表进行设计教程 开始前的准备工作 打开“CSS样式”面板 重定义HTML标签 设置页面背景颜色. 设置链接样式 导出样式以创建外部样式表 附加外部样式表 继续下面的学习 .198 第18章 创建主详细页集教程 开始前的准备工作 创建主详细页集 创建数据库记录集 插入主详细页集应用程序对象 查看页面 ...207 继续下面的学习 第19章 建立插入记录页教程 开始前的准备工作. 创建插入页 添加表单对象 定义“插入记录”服务器行为 215 测试您的插入页 继续下面的学习 6目录
6 目 录 第 15 章 图像对齐和图像地图教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175 开始前的准备工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175 设置图像对齐方式. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .176 设置图像边距 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .178 创建图像地图 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .179 继续下面的学习 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .182 第 16 章 使用 Dreamweaver 设计文件教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .183 开始前的准备工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184 使用代码片断 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184 插入代码片断 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184 添加内容代码片断. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .187 添加脚注代码片断. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .188 修改代码片断内容. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .188 将代码保存为代码片断 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .189 继续下面的学习 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .190 第 17 章 使用层叠样式表进行设计教程. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191 开始前的准备工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192 打开 “CSS 样式”面板 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .193 重定义 HTML 标签 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194 设置页面背景颜色. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .195 设置链接样式 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .196 导出样式以创建外部样式表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .197 附加外部样式表 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198 继续下面的学习 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198 第 18 章 创建主详细页集教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .199 开始前的准备工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200 创建主详细页集 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200 创建数据库记录集. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .202 插入主详细页集应用程序对象. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205 查看页面. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .207 继续下面的学习 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208 第 19 章 建立插入记录页教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .209 开始前的准备工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .209 创建插入页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210 添加表单对象 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211 定义 “插入记录”服务器行为 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .215 测试您的插入页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .217 继续下面的学习 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .217 索 引 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .219
第丨部分 入门 一曹 通过创建简单但功能齐全的Web站点,使您熟悉 Dreamweaver MX可视化设计、手工编码和各种应用程序 开发工具 此部分包含以下各章 第1章第9页的“简介 ·第2章第17页的“在 Dreamweaver中创建您的第一个 Web站点” ·第3章第49页的“在 Dreamweaver中编辑代l ·第4章第59页的“了解Web应用程序” 第5章第71页的“在 Dreamweaver MX中开发Web应 用程序” ·第6章第85页的“在 Windows中安装Web服务器” ·第7章第91页的“示例 ColdFusion站点的设置” ·第8章第101页的“示例 ASPNET站点的设置 第9章第111页的“示例ASP站点的设置” 第10章第123页的“示例JSP站点的设置” ·第11章第135页的“示例PHP站点的设置 ·第12章第147页的“数据库连接答疑
第 I 部分 入门 通过创建简单但功能齐全的 Web 站点，使您熟悉 Dreamweaver MX 可视化设计、手工编码和各种应用程序 开发工具。 此部分包含以下各章： • 第 1 章第 9 页的 “简介” • 第 2 章第 17 页的“在 Dreamweaver 中创建您的第一个 Web 站点” • 第 3 章第 49 页的 “在 Dreamweaver 中编辑代码” • 第 4 章第 59 页的 “了解 Web 应用程序” • 第 5 章第 71 页的“在 Dreamweaver MX 中开发 Web 应 用程序” • 第 6 章第 85 页的 “在 Windows 中安装 Web 服务器” • 第 7 章第 91 页的 “示例 ColdFusion 站点的设置” • 第 8 章第 101 页的 “示例 ASP.NET 站点的设置” • 第 9 章第 111 页的 “示例 ASP 站点的设置” • 第 10 章第 123 页的 “示例 JSP 站点的设置” • 第 11 章第 135 页的 “示例 PHP 站点的设置” • 第 12 章第 147 页的 “数据库连接答疑” 第 I 部分
第1章 简介 本指南旨在介绍如何使用 Macromedia dreamweaver MX,其对象是对本软件主要特性尚不熟 悉的用户。本指南中的课程引导您完成创建一个简单但具备一定功能的Web站点的过程 Macromedia Dreamweaver MX是一种专业的HTML编辑器,用于对Web站点、Web页和 web应用程序进行设计、编码和开发。无论您喜欢直接编写HTML代码的驾驭感还是偏爱在 可视化编辑环境中工作, Dreamweaver都会为您提供帮助良多的工具,丰富您的Web创作体 利用 Dreamweaver中的可视化编辑功能,您可以快速地创建页面而无需编写任何代码。不过 如果您更喜欢用手工直接编码, Dreamweaver还包括许多与编码相关的工具和功能。并且,借 助 Dreamweaver,您还可以使用服务器语言(例如ASP、 ASPNET、 Cold Fusion标记语言 (CFML)、JSP和PHP)生成支持动态数据库的Web应用程序 有关 Dreamweaver的更详细信息,请参见 Dreamweaver“帮助”(从“帮助”菜单选择“使用 Dreamweaver”)。 学习 Dreamweaver甚础知识 要开始学习使用 Dreamweaver,请首先从这一《人门》指南开始。然后继续学习其他资源,例 如教程、帮助系统和支持中心。 如何使用本指南 本指南分为若干章节。您不妨按顺序依次阅读各章节;要么,您亦可以阅读本简介的其余部分 然后开始阅读最符合您的兴趣和经验的章节。在毎一章中,我们建议您按课程顺序阅读各课程 这些课程的顺序是经过精心设计的,大略模拟创建一个Web站点的常见工作流程 下列清单描述了每一章的内容 ·本简介说明如何安装 Dreamweaver并介绍 Dreamweaver工作区。请首先阅读本章,然后阅 读您感兴趣的其他任何章节 寓:在此版本的 Dreamweaver中,对工作区的许多方面都进行了更改,因此,即使您以前曾使用过 ·第2章第17页的“在 Dreamweaver中创建您的第一个Web站点”面向以前曾创建过Web 页但从未使用过 Dreamweaver的人士。该章节提供一些基础知识,介绍如何使用 Dreamweaver的可视化创作工具创建小型但具有一定功能的静态Web站点
9 第 1 章 简介 本指南旨在介绍如何使用 Macromedia Dreamweaver MX，其对象是对本软件主要特性尚不熟 悉的用户。本指南中的课程引导您完成创建一个简单但具备一定功能的 Web 站点的过程。 Macromedia Dreamweaver MX 是一种专业的 HTML 编辑器，用于对 Web 站点、 Web 页和 Web 应用程序进行设计、编码和开发。无论您喜欢直接编写 HTML 代码的驾驭感还是偏爱在 可视化编辑环境中工作， Dreamweaver 都会为您提供帮助良多的工具，丰富您的 Web 创作体 验。 利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。不过， 如果您更喜欢用手工直接编码， Dreamweaver 还包括许多与编码相关的工具和功能。并且，借 助 Dreamweaver，您还可以使用服务器语言 （例如 ASP、 ASP.NET、 ColdFusion 标记语言 (CFML)、 JSP 和 PHP）生成支持动态数据库的 Web 应用程序。 注意：本指南并不是一本诠释 Dreamweaver MX 所有功能的全面的说明手册，而且也不是介绍 Web 设计的入门教材。 有关 Dreamweaver 的更详细信息，请参见 Dreamweaver “帮助”（从 “帮助”菜单选择 “使用 Dreamweaver”）。 学习 Dreamweaver 基础知识 要开始学习使用 Dreamweaver，请首先从这一 《入门》指南开始。然后继续学习其他资源，例 如教程、帮助系统和支持中心。 如何使用本指南 本指南分为若干章节。您不妨按顺序依次阅读各章节；要么，您亦可以阅读本简介的其余部分， 然后开始阅读最符合您的兴趣和经验的章节。在每一章中，我们建议您按课程顺序阅读各课程， 这些课程的顺序是经过精心设计的，大略模拟创建一个 Web 站点的常见工作流程。 下列清单描述了每一章的内容： • 本简介说明如何安装 Dreamweaver 并介绍 Dreamweaver 工作区。请首先阅读本章，然后阅 读您感兴趣的其他任何章节。 注意：在此版本的 Dreamweaver 中，对工作区的许多方面都进行了更改，因此，即使您以前曾使用过 Dreamweaver，也最好阅读本简介。 • 第 2 章第 17 页的“在 Dreamweaver 中创建您的第一个 Web 站点”面向以前曾创建过 Web 页但从未使用过 Dreamweaver 的人士。该章节提供一些基础知识，介绍如何使用 Dreamweaver 的可视化创作工具创建小型但具有一定功能的静态 Web 站点
·第3章第49页的“在 Dreamweaver中编辑代码”主要面向手工编码人员(例如 Macromedia Homesite用户),但它还适用于已使用可视化工具并想要开始编辑代码的人士。该章节提供 与使用 Dreamweaver的代码编辑工具有关的基础知识 ·第4章第59页的“了解Web应用程序”提供与Web应用程序有关的概念性背景知识。 ·第5章第71页的“在 Dreamweaver MX中开发Web应用程序”面向以前已创建过静态页面 (无论是否使用 Dreamweaver)并希望学习使用 Dreamweaver创建数据库驱动的Web应用 程序的人土。它引导您完成创建一个简单Web应用程序的过程 ·设置指导集提供与安装Web服务器和使用各种服务器语言设置动态站点有关的信息 ·教程集提供与实现某些常见任务有关的详细指导。 本指南中的这些课程使用随 Dreamweaver提供的页面布局和示例内容。如果喜欢用自己的布局 和内容创建第一个 Dreamweaver站点,您可以这样做,但如果使用所提供的示例内容将会更容 易学习这些课程。 其他资源 Dreamweaver包括了多种资源,将帮助您快速了解该程序并熟练创建您自己的Web站点和页 面。这些资源包括 ·一套教程,它提供与特定主题有关的更深入的课程,并且对于特定领域所提供的信息要比《入 门》指南中的其余部分所提供的信息更详尽 · Dreamweaver“帮助”,包括与使用 Dreamweaver的所有方面有关的全面信息,并且包括 《入门》和教程的HTML版本。 Dreamweaver“帮助”在操作系统提供的帮助查看器中显 示: Microsoft html帮助( Windows)或 Apple i助( Macintosh) ·“使用 Dreamweaver”是 Dreamweaver“帮助”(不包括《入门》和教程)的内容的PDF 版本,提供与使用 Dreamweaver命令和功能有关的信息。在该PDF版本中不包括某些参考 主题;有关这些主题的信息,请参见 Dreamweaver“帮助”。在您的 Dreamweaver CD中提 供该PDF文件。 此外,您还可在Dreamweaver支持中心(hp:/www.macromedia.com/support/dreamweaver) 找到定期更新的提示、技术说明、示例、教程和信息 有关 Dreamweaver的其他信息性和指导性资源的信息,请参见 Dreamweaver“帮助 字形的定 本指南中采用以下字形约定 ·菜单项按如下格式显示:“菜单名称”>“菜单项名称”。子菜单中的项按如下格式显示:“菜 单名称”>“子菜单名称”>“菜单项名称”。 ·Code字体:指示HTML标签和属性的名称以及在示例中使用的文字 · italic code字体:指示代码中可替换的项(有时称作元符号)。 · Bold roman文本:指明让您逐字输入的文本 10第1章
10 第 1 章 • 第 3 章第 49 页的“在 Dreamweaver 中编辑代码”主要面向手工编码人员（例如 Macromedia HomeSite 用户），但它还适用于已使用可视化工具并想要开始编辑代码的人士。该章节提供 与使用 Dreamweaver 的代码编辑工具有关的基础知识。 • 第 4 章第 59 页的 “了解 Web 应用程序”提供与 Web 应用程序有关的概念性背景知识。 • 第 5 章第 71 页的“在 Dreamweaver MX 中开发 Web 应用程序”面向以前已创建过静态页面 （无论是否使用 Dreamweaver）并希望学习使用 Dreamweaver 创建数据库驱动的 Web 应用 程序的人士。它引导您完成创建一个简单 Web 应用程序的过程。 • 设置指导集提供与安装 Web 服务器和使用各种服务器语言设置动态站点有关的信息。 • 教程集提供与实现某些常见任务有关的详细指导。 本指南中的这些课程使用随 Dreamweaver 提供的页面布局和示例内容。如果喜欢用自己的布局 和内容创建第一个 Dreamweaver 站点，您可以这样做，但如果使用所提供的示例内容将会更容 易学习这些课程。 其他资源 Dreamweaver 包括了多种资源，将帮助您快速了解该程序并熟练创建您自己的 Web 站点和页 面。这些资源包括： • 一套教程，它提供与特定主题有关的更深入的课程，并且对于特定领域所提供的信息要比《入 门》指南中的其余部分所提供的信息更详尽。 • Dreamweaver “帮助” ，包括与使用 Dreamweaver 的所有方面有关的全面信息，并且包括 《入门》和教程的 HTML 版本。 Dreamweaver “帮助”在操作系统提供的帮助查看器中显 示：Microsoft HTML 帮助 (Windows) 或 Apple 帮助 (Macintosh)。 • “使用 Dreamweaver”是 Dreamweaver “帮助”（不包括 《入门》和教程）的内容的 PDF 版本，提供与使用 Dreamweaver 命令和功能有关的信息。在该 PDF 版本中不包括某些参考 主题；有关这些主题的信息，请参见 Dreamweaver“帮助”。在您的 Dreamweaver CD 中提 供该 PDF 文件。 此外，您还可在 Dreamweaver 支持中心 (http://www.macromedia.com/support/dreamweaver/) 找到定期更新的提示、技术说明、示例、教程和信息。 有关 Dreamweaver 的其他信息性和指导性资源的信息，请参见 Dreamweaver “帮助”。 字形约定 本指南中采用以下字形约定： • 菜单项按如下格式显示：“菜单名称”>“菜单项名称”。子菜单中的项按如下格式显示：“菜 单名称” > “子菜单名称” > “菜单项名称”。 • Code 字体 : 指示 HTML 标签和属性的名称以及在示例中使用的文字。 • Italic code 字体 : 指示代码中可替换的项 （有时称作元符号）。 • Bold roman 文本 : 指明让您逐字输入的文本