Dreamweaver mX 入门 macromedia
macromedia ™ ® Dreamweaver MX 入门
Afterburner. AppletAce. Attain Attain Enterprise Learning System Attain Essentials. Attain Objects for Dreamweaver Attain, Authorware Interactive Studio, Authorware e、 Backstage sktop Studio Backstage Enterprise Studio. Backstage Internet Studio Design in Motion.Director Director M dio、 Doc Around the clock、 Dreamweaver、 Dreamweaver attain、 Drumbeat、 Drumbeat2000 Extreme 3L Flash. Fontographer- FreeHand. Free Hand Graphics Studio Generator. Generator Developer Studio Generator Dynamic Graphics Server. Knowledge Objects. Knowledge Stream Knowledge Track. Lingo. Live Effects Macromedia、 Macromedia M Logo& Design、 Macromedia flash、 Macromedia xres、 Macromind、 Macromind action MAGIC. Mediamaker. Object Authoring. Power Applets. Priority Access. Roundtrip HTML. Scriptlets. SoundEdit ShockRave, Shockmachine, Shockwave, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your ideas Universal mediaⅤuoso、 Web Design101、 Whirlwind和Xra是 Macromedia,,nc.的商标,并且可能已在美国或其他司法 管辖区域(包括国际法管辖区域)内注册。本出版物涉及的其他产品名称、徽标、图案、标题、文字或短语可能是 Macromedia, Inc.或其他实体的商标、服务标志或商品名称,并且可能已在某些司法管辖区域(包括国际法管辖区域)内注册 本指南包含指向第三方Web站点的链接,这些站点不受 Macromedia的控制,并且 Macromedia不对所链接的任何站点上的内容 负贲。如果您访问本指南中提到的第三方web站点,则一切凤险均由您自己承担。 Macromedia提供这些链接仅仅是为了提供方 便,并不意味着 Macromedia认可这些第三方站点的内容或同意对其负有任何责任。 Apple免责声明 对于所提供的计算机软件包、任何针对特殊 销性或适用性, APPLE COMPUTER,INC.不做任何明示或暗示的担保 某些州不允许排除暗示担保,因此以上排除条款可能对您不适用。本担保为您提供特定的法律权利。根据各个州的不同情况,您 也可能拥有其他法律权利 版权所有◎2002 Macromedia,Inc.保留所有权利。未经 Macromedia,Inc事先书面许可,不得将本手册的全部或部分拷贝、 影印、复制、翻译或转換为任何电子形式或可用机器读取的形式。 生htp:/www.macromedia.com/go/thirdparty!上可以找到第三方软件通知和/或附加条款和条件 部件号ZDW60M100X 谢 项目管理: Sheila mcginn 撰写: Chris bedford、 Kim diezel、 Jed Hartman、 Charles Nadeau、 Jennifer Rowe 编辑: Mary Ferguson、 Mary Kraemer、 Lisa Stanziano 品管理: Patrice Oneill 多媒体设计和制作: Aaron Begley、 Benjamin Salles、 Noah Zilberberg 打印和帮助设计和制作: Chris basmajian、 Caroline branch、 John Francis Web编辑和制作: George Brown、 Rebecca Gadbois. Jeff Harmon、 Jon Varese 本地化项目经理: Bonnie loo 持别感谢: Jake Cockrell- Kristin Conradi、 George Comninos、 David Deming、 Tonya Estes、 Stephanie Goss. David Halbakken Nick Halbakken Wanda Huang Narciso(nj) Jaramillo. Craig Jennings. Ken Karleskint Sho Kuwamoto. David Leno、 Jay London、 Sam Mathews, Larry McLister. Susan Morrow、 Masayo Noda, Dan Radigan、 Mike Sundermeyer、 Heidi Bauer Willian ge Taylor、 Lawrence Teschmacher、 Venu Venugopal、 Luciano Arruda、 Raymond Lim、Nveh bhandari、 Scott richards、 Yoko Vogt、 Vincent Truong. Ya Yang、 Arky Tan、 Jerry Wang、 Masayo Noda、 Yoko Shindo Tim Hussey和全体 Dreamweaver工程和质量控制小组成员。 第一版:2002年7月 600 Townsend St San Francisco, CA 94103 2
2 商标 Afterburner、 AppletAce、 Attain、 Attain Enterprise Learning System、 Attain Essentials、 Attain Objects for Dreamweaver、 Authorware、Authorware Attain、Authorware Interactive Studio、Authorware Star、Authorware Synergy、Backstage、Backstage Designer、 Backstage Desktop Studio、 Backstage Enterprise Studio、 Backstage Internet Studio、 Design in Motion、 Director、 Director Multimedia Studio、 Doc Around the Clock、 Dreamweaver、 Dreamweaver Attain、 Drumbeat、 Drumbeat 2000、 Extreme 3D、 Fireworks、 Flash、 Fontographer、 FreeHand、 FreeHand Graphics Studio、 Generator、 Generator Developer's Studio、Generator Dynamic Graphics Server、Knowledge Objects、Knowledge Stream、Knowledge Track、Lingo、Live Effects、 Macromedia、 Macromedia M Logo & Design、 Macromedia Flash、 Macromedia Xres、 Macromind、 Macromind Action、 MAGIC、 Mediamaker、 Object Authoring、 Power Applets、 Priority Access、 Roundtrip HTML、 Scriptlets、 SoundEdit、 ShockRave、Shockmachine、Shockwave、Shockwave Remote、Shockwave Internet Studio、Showcase、Tools to Power Your Ideas、 Universal Media、Virtuoso、Web Design 101、Whirlwind 和 Xtra 是 Macromedia, Inc. 的商标，并且可能已在美国或其他司法 管辖区域 （包括国际法管辖区域）内注册。本出版物涉及的其他产品名称、徽标、图案、标题、文字或短语可能是 Macromedia, Inc. 或其他实体的商标、服务标志或商品名称，并且可能已在某些司法管辖区域 （包括国际法管辖区域）内注册。 本指南包含指向第三方 Web 站点的链接，这些站点不受 Macromedia 的控制，并且 Macromedia 不对所链接的任何站点上的内容 负责。如果您访问本指南中提到的第三方 Web 站点，则一切风险均由您自己承担。Macromedia 提供这些链接仅仅是为了提供方 便，并不意味着 Macromedia 认可这些第三方站点的内容或同意对其负有任何责任。 Apple 免责声明 对于所提供的计算机软件包、任何针对特殊目的的适销性或适用性， APPLE COMPUTER, INC. 不做任何明示或暗示的担保。 某些州不允许排除暗示担保，因此以上排除条款可能对您不适用。本担保为您提供特定的法律权利。根据各个州的不同情况，您 也可能拥有其他法律权利。 版权所有 © 2002 Macromedia, Inc. 保留所有权利。未经 Macromedia, Inc. 事先书面许可，不得将本手册的全部或部分拷贝、 影印、复制、翻译或转换为任何电子形式或可用机器读取的形式。 在 http://www.macromedia.com/go/thirdparty/ 上可以找到第三方软件通知和 / 或附加条款和条件。 部件号 ZDW60M100X 鸣谢 项目管理：Sheila McGinn 撰写：Chris Bedford、 Kim Diezel、 Jed Hartman、 Charles Nadeau、 Jennifer Rowe 编辑：Mary Ferguson、 Mary Kraemer、 Lisa Stanziano 产品管理：Patrice O'Neill 多媒体设计和制作：Aaron Begley、 Benjamin Salles、 Noah Zilberberg 打印和帮助设计和制作：Chris Basmajian、 Caroline Branch、 John Francis Web 编辑和制作：George Brown、 Rebecca Godbois、 Jeff Harmon、 Jon Varese 本地化项目经理 : Bonnie Loo 特别感谢：Jake Cockrell、 Kristin Conradi、 George Comninos、 David Deming、 Tonya Estes、 Stephanie Goss、 David Halbakken、Nick Halbakken、Wanda Huang、Narciso (nj) Jaramillo、Craig Jennings、Ken Karleskint、Sho Kuwamoto、David Lenoe、Jay London、Sam Mathews、Larry McLister、Susan Morrow、Masayo Noda、Dan Radigan、Mike Sundermeyer、Heidi Bauer Williams、 Jorge Taylor、 Lawrence Teschmacher、 Venu Venugopal、 Luciano Arruda、 Raymond Lim、 Nivesh Rajbhandari、Scott Richards、Yoko Vogt、Vincent Truong、Ya Yang、Arky Tan、Jerry Wang、Masayo Noda、Yoko Shindo、 Tim Hussey 和全体 Dreamweaver 工程和质量控制小组成员。 第一版：2002 年 7 月 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103
目录 第l部分 人门 第1章 简介 学习 Dreamweaver基础知识 安装和运行 Dreamweaver 首次探讨 Dreamweaver工作区 12 查看示例站点 第2章 在 Dreamweaver中创建您的第一个Web站点 设置本地站点. 创建并保存新页 调整布局 设置页面标题 添加具有样式的文本 添加图像 设置背景颜色 查看代码 创建第二页 添加页之间的文本链接 为图形化链接创建鼠标经过图像 拷贝导航条 在浏览器中预览 设置远程站点,然后发布 其他参考资料 第3章 在 Dreamweaver中编辑代码 切换到编码工作区 将文件夹拷贝到您的站点 查看已完成的页面 打开多个页面 52 通过拖动添加图像 使用标签选择器添加链接 编辑标签
3 目 录 第 I 部分 入门 第 1 章 简介 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 学习 Dreamweaver 基础知识 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 安装和运行 Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 首次探讨 Dreamweaver 工作区. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 查看示例站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16 第 2 章 在 Dreamweaver 中创建您的第一个 Web 站点 . . . . . . . . . . . . . . . . . . . . . . . . .17 设置本地站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18 创建并保存新页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .24 调整布局. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27 设置页面标题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .33 添加具有样式的文本. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .33 添加图像. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37 设置背景颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .38 查看代码. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40 创建第二页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .41 添加页之间的文本链接 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42 为图形化链接创建鼠标经过图像. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43 拷贝导航条 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44 在浏览器中预览 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45 设置远程站点，然后发布 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45 其他参考资料 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47 第 3 章 在 Dreamweaver 中编辑代码 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49 切换到编码工作区 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49 将文件夹拷贝到您的站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51 查看已完成的页面 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51 打开多个页面 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52 通过拖动添加图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52 使用标签选择器添加链接 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .53 编辑标签. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54
查找与标签有关的信息 用代码提示添加图像 检查您的更改 567 使用“插入”栏添加链接 打印您的代码 其他参考资料 第4章 了解Web应用程序 Web应用程序是什么? Wb应用程序如何工作 创作动态页 选择服务器技术 .67 常用术语 第5章 在 Dreamweaver MX中开发Web应用程序 开始前的准备工作 打开要使用的文档. 定义记录集 显示数据库记录 向表格添加动态域 设置重复的区域 创建插入记录表单 将文件拷贝到服务器 其他参考资料 .84 第6章 在 Windows中安装Web服务器 入门 Information Server 66888 Web服务器基础 了章 示例 ColdFusion站点的设置 ColdFusion开发人员的设置清单 配置您的系统 定义 Dreamweaver站点 连接到示例数据库 第8章 示例 ASPNET站点的设置 ASPNET开发人员的设置清单 01 配置您的系统 定义 Dreamweaver站点 连接到示例数据库(本地配置) 连接到示例数据库(远程服务器配置) 4目录
4 目 录 查找与标签有关的信息 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55 使用代码提示添加图像 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56 检查您的更改 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57 使用 “插入”栏添加链接. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57 打印您的代码 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 其他参考资料 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 第 4 章 了解 Web 应用程序 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59 Web 应用程序是什么？. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59 Web 应用程序如何工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .61 创作动态页 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66 选择服务器技术 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .67 常用术语. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .67 第 5 章 在 Dreamweaver MX 中开发 Web 应用程序 . . . . . . . . . . . . . . . . . . . . . . . . . . .71 开始前的准备工作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .71 打开要使用的文档. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 定义记录集 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73 显示数据库记录 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 向表格添加动态域. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .77 设置重复的区域 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78 查看您的页面 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79 创建插入记录表单. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79 将文件拷贝到服务器 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83 其他参考资料 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84 第 6 章 在 Windows 中安装 Web 服务器. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .85 入门 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86 安装 Personal Web Server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86 安装 Internet Information Server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .87 测试 Web 服务器 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .87 Web 服务器基础 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88 第 7 章 示例 ColdFusion 站点的设置 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .91 ColdFusion 开发人员的设置清单 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .91 配置您的系统 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92 定义 Dreamweaver 站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94 连接到示例数据库. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .98 第 8 章 示例 ASP.NET 站点的设置 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101 ASP.NET 开发人员的设置清单. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101 配置您的系统 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102 定义 Dreamweaver 站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .104 连接到示例数据库 （本地配置）. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .107 连接到示例数据库 （远程服务器配置） . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .108
第9 示例ASP站点的设置 111 ASP开发人员的设置清单 111 配置您的系统 .112 定义 Dreamweaver站点 16 连接到示例数据库(本地配置) 连接到示例数据库(远程服务器配置) 121 示例JSP站点的设置 JSP开发人员的设置核对表 123 配置您的系统 定义 Dreamweaver站点 连接到示例数据库(本地配置) 连接到示例数据库(远程服务器配置) 133 第11章 示例PHP站点的设置 135 PHP开发人员的设置核对表 136 配置您的系统 .137 定义 Dreamweaver站点 140 连接到示例数据库 第12章 数据库连接答疑 Microsoft错误信息答疑 ColdFusion错误信息答疑 权限问题答疑 152 第l部分 教程 第13章 Dreamweaver MX教程 57 学习内容 157 第14章 使用表格设计页面布局教程 159 开始前的准备工作 在“标准”视图中创建和修改表格 标准”视图中设置相对宽度的表格 创建其宽度基于像素的表格 167 在“布局”视图中设计页面 绘制一个布局单元格 168 添加多个布局单元格 170 移动布局单元格或调整其大小 71 向表格中添加颜色 在“布局”视图中设置相对宽度的表格 执行下一个步骤 目录5
目 录 5 第 9 章 示例 ASP 站点的设置 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .111 ASP 开发人员的设置清单 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .111 配置您的系统 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112 定义 Dreamweaver 站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116 连接到示例数据库 （本地配置）. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .120 连接到示例数据库 （远程服务器配置） . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121 第 10 章 示例 JSP 站点的设置 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123 JSP 开发人员的设置核对表. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123 配置您的系统 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .124 定义 Dreamweaver 站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .127 连接到示例数据库 （本地配置）. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131 连接到示例数据库 （远程服务器配置） . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .133 第 11 章 示例 PHP 站点的设置 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .135 PHP 开发人员的设置核对表. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .136 配置您的系统 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .137 定义 Dreamweaver 站点 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140 连接到示例数据库 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .143 第 12 章 数据库连接答疑 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .147 Microsoft 错误信息答疑 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .147 ColdFusion 错误信息答疑 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151 权限问题答疑 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .152 第 II 部分 教程 第 13 章 Dreamweaver MX 教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .157 学习内容. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .157 第 14 章 使用表格设计页面布局教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159 开始前的准备工作 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160 在 “标准”视图中创建和修改表格 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160 向表格添加颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .165 在 “标准”视图中设置相对宽度的表格 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .166 创建其宽度基于像素的表格 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .167 在 “布局”视图中设计页面 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .168 绘制一个布局单元格. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .168 添加多个布局单元格. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .170 移动布局单元格或调整其大小 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .171 向表格中添加颜色 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .172 在 “布局”视图中设置相对宽度的表格 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173 执行下一个步骤 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .174
第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 文本 : 指明让您逐字输入的文本