第1章 Dreamweaver 4.0概述
1.1 什么是Dreamweaver
Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一体的所见即所得网页编辑器，他是第一套针对专业网页设计人员特别设计的可视化网页开发工具，利用他可以轻而易举地制作出跨平台、跨浏览器的充满动感的网页。图1-1是其软件标志界面。
图1-1 Dreamweaver 4.0 软件标志界面
随着计算机网络世界的神速发展，Macromedia公司担负着美化网络世界的神秘角色。像著名的多媒体开发工具Authorware和Director均出自Macromedia公司，以及目前在互联网(Internet)上越来越流行的网络多媒体开发工具Flash也是该公司的佳品。而Dreamweaver则是Macromedia公司继Flash以后，向互联网(Internet)推出的又一梦幻利器工具。
Macromedia利用Dreamweaver、Fireworks和Flash这三件利器，分别控制了Web制作、Web图形处理和矢量动画这三个主要的网络创作领域。互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器。从网页编辑器基本性质可以分为“所见即所得”网页编辑器和“非所见即所得”网页编辑器（即原始代码编辑器），两者在实际操作中是各有千秋。
“所见即所得”网页编辑器的优点就是直观性，使用方便且容易上手。在“所见即所得”网页编辑器进行网页制作与在Word中进行文本编辑不会感到有什么区别，但他同时也存在着致命的弱点：
(1) 难以精确达到与浏览器完全一致的显示效果。也就是说在“所见即所得”网页编辑器中制作的网页，在浏览器中预览时，是很难完全达到预期的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来。
(2) 页面原始代码的难以控制性，比如在“所见即所得”编辑器中制作一张表格也要几分钟，但要他完全符合要求可能需要十几分钟，甚至更多时间。
而相比之下，“非所见即所得”的网页编辑器，就不存在这个问题，因为所有的HTML代码都在监控下产生，但是由于“非所见即所得”编辑器的先天条件就注定了他的工作低效率。
为了实现两者的完美结合，即既能产生干净而准确的HTML代码，又具备“所见即所得”的高效率和直观性，Macromedia公司推出了Dreamweaver3.0；为了更好的方便用户，提高工作效率，Macromedia公司推出了Dreamweaver4.0，在Dreamweaver4.0上您可以一边写代码一边看网页，网页和代码同在一个界面的新功能，解决了网页设计者的困扰。
1.2 Dreamweaver 系统的安装
Dreamweaver4.0是运行在Windows95 /98、Windows2000 、Windows Me或Windows NT环境下的网页制作软件，因此需要正确安装Windows95 /98、Windows2000、Windows Me或Windows NT等操作系统。
1. 硬件环境要求
(1) P5100以上的处理器。
(2) 32MB以上内存。
(3) 8倍速以上CD-ROM。
2. 安装过程
(1) 将Dreamweaver4.0的应用程序光盘放入CD-ROM驱动器，安装程序将自动运行，或通过资源管理器，选择CD-ROM双击Setup即可进入安装界面。如图1-2所示。安装向图1-2 安装向导解压缩文件界面
导解压缩文件，为把Dreamweaver4.0装到你的计算机作准备。
(2) 安装向导解压缩文件后自动进入界面如图1-3所示界面，安装向导将安装Dreamweaver4.0装到你的计算机。
图1-3 安装向导欢迎界面
(3) 单击Next按键进入图1-4所示界面，选择Yes按键, 接受用户许可协议。
图1-4 用户许可协议界面
(4) 选择Yes按键后，安装程序进入图1-5对话框，在此对话框输入正确的软件序列号。图1-5 软件序列号确认
（注意，这是必须要输入的，当您输入正确的序列号时，安装系统在序列号的界面右边侧显示一个绿色的对号，表明你输入的序列号是有效的，否则安装不能继续进行。）
(5) 单击OK按键，进入如图1-6所示界面。安装向导默认安装到C:\Program Files\Macromedia\Dreamweaver 4文件夹。当然，您可以单击Browse(浏览)按钮，选择你想安装的路径，安装向导将把Dreamweaver4.0安装到您选定的文件夹。
图1-6 确认安装路径
(6) 单击Next按钮，进入图1-7所示的界面，Dreamweaver4.0将被设置为支持JavaScript(js)、Cascading Style Sheets(css)、Extensible Markup Language(xml)格式的默认编辑器。
图1-7 默认编辑器支持的选定
(5) 单击Next按键，进入图1-8界面，安装向导将Macromedia Dreamweaver 4程序文件添加到已经列出或选定的默认文件夹中，如图1-8所示。
图1-8 程序文件夹的选定
(6) 单击Next按键,进入图1-9 所示界面，显示已经选择的目标目录，开始菜单，默认编辑等设置。如果确认,单击Next开始复制文件到目标目录，否则单击Back退后，重新选择。
图1-9 当前设置的选定
(7) 单击Next按钮，进入图1-20所示界面，开始进行文件的复制。
图 1-20 文件的复制
(8) 安装向导复制完文件，进入图1-21所示安装完成界面。
图1-21 完成安装
(9) 单击Finish按钮，完成安装。并自动进入自带的名为感兴趣的资源文档（C:\Program Files\Macromedia\Dreamweaver 4\ResourcesOfInterest.htm）页面，如图1-22所示。
图 1-22 资源文档页面
当然，您也可以到Macromedia公司的网站（http://www.macromedia.com）下载30天的试用版Dreamweaver4.0并按以上步骤进行安装。
1.3 Dreamweaver的特点
1. 最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand或Photoshop等文档移到网页上。使用检色吸管工具选择荧屏上的颜色，可设定最接近的网页安全色。对于选择菜单、快捷键以及格式控制，都只需一个简单步骤便可完成。Dreamweaver能与你喜爱的设计工具，如Playback ,Flash，Shockwave及其他外挂模组等搭配，用户不需离开Dreamweaver便可完成他们需要完成的工作。此外，只要单击便可使Dreamweaver自动开启Fireworks或Photoshop，从而实现编辑与设定图档的最佳化。
2. 网站管理
使用网站地图可以快速制作网站雏形，设计、更新和重组网页。改变网页位置或文档名称，Dreamweaver会自动更新所有链接。使用资源文字、HTML代码、HTML属性标签和一般语法的搜寻及置换功能，可使复杂的网站更新变得迅速又简单。
3. 无可比拟的控制能力
Dreamweaver是惟一提供Roundtrip HTML、可视化编辑与原始代码编辑同步的设计工具。他包含HomeSite和BBEdit等主流文字编辑器。帧(Frames)和表格的制作速度快得令你无法想象。进阶表格编辑功能可使你简单地选择单元格、行、栏或作不连续的选取。用户甚至可以排序或格式化表格群组。Dreamweaver支持精确定位，利用他可轻易地将表格转换成表格的图层以拖拉置放的方式进行版面设计。
4. 所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给hire-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软件。当你正使用Dreamweaver设计动态网页时，所供即所得的功能让你不需要透过浏览器就能预览网页。
5. 梦幻样版和XML
Dreamweaver将内容与设计分开，应用快速网页更新和团队合作网页编辑。建立网页外观的模板，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容,却不会因不小心而改变既定的样式。用户也可以使用模板正确地导入或导出XML内容。
6. 全方位的呈现
利用Dreamweaver设计的网页，可以全方位地呈现在任何平台的浏览器上。对于Cascading Style Sheets的动态HTML支持和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。用户可以使用不同浏览器检查展示，随之Dreamweaver就列出你在不同浏览器上执行的成效如何。当有新的浏览器上市时，只需从Dreamweaver的网站下载他的描述文档，便可得知详尽的成效报告。
7.Dreamweaver的优点
(1) Macromedia的Dreamweaver 提供了可视化网页开发工具的生产力，却不会降低HTML原代码的控制，Dreamweaver 提供的Roundtrip HTML 功能，让你无误地切换于可视化界面与HTML原代码编辑器之间；拖放式的表格、框架设计；以及通过站点地图来管理网站，并进行内容的更新。 Dreamweaver 支持跨浏览器的 Dynamic HTML，阶层式样式表单、绝对坐标定位以及JavaScript 的动画，使你更容易编辑网页。
(2) Roundtrip HTML 功能完全控制HTML原始代码，著名的BBEdit 与 Home Site 编辑器分别内含于 Macintosh 与 Windows 版本的软体中。
(3) 当开启其他编辑器产生的网页时，他会保存既有的 HTML 格式。使用绝对坐标可获得精确且弹性的设计。 Dynamic HTML、直觉式时间轴界面以及JavaScrip 行为库，可以不需要其他程序的支持，却能让 HTML元件动起来。
(4) 以全网站内容管理的方式让你摆脱逐页更新管理的缺点，提高你的工作效率。当你要编辑自己既有的网页时，Dreamweaver会尊重你在其他编辑器所做出的原始代码，不会任意地改变他。 而在使用Dreamweaver的可视化编辑环境时，你可以在HTML监视器上同步地看到Dreamweaver为你所产生的原始代码。如果想要在可视化编辑模式和原始代码编辑模式之间跳换的话，只要按一下所需的视窗就可以了。
1.4 Dreamweaver3.0的功能
1. 对象栏中的新东西
Dreamweaver 3.0 在工具箱（Objects）中加入了一些新的组件，主要作用还是让网页设计人员快速方便的创建特殊效果和完成一些特殊的操作。
（1）Tabular Data：类似于FrontPage中的“将文字转换为表格”，就是通过一些界定符，如“、”、“，”、“.”等等字符，把文字转换为表格，他还可以把外部的文件引入并进行转换。
（2）Navigation Bar：帮助网页设计人员快速地建立导航条，跟原来的Rollover Image差不多，不过功能更为强大，你可以设置一组导航图片，当一个图片按钮被按下，他将保持Down的状态，如果你又按了另外一个按钮，原先被按下的按钮会弹起为Up的状态。
（3）E-mail Link：用来快速插入E-mail地址。
（4）Date：快速插入格式化过的时间。
（5） 直接引入FireWorks生成的HTML文件。
（6）直接插入特殊符号。
（7）添加分帧按钮：解决了Dreamweaver以前分帧的麻烦，现在这一工作变得容易异常。
2．增加History窗口
History(历史)窗口可以记录多步的操作，并可直接跳回多步以前的设置，还可以编辑历史记录。其中的几个选项都很有用，如选定多个记录后可以复制或进行重放，就是说你可以让Dreamweaver帮你重复步骤，这是非常有实用价值的。另外你甚至还可以把他储存为Command，储存后将会在主菜单的Command菜单底部出现新选项，这样你就可以把很多经常要进行操作的重复工作储存为Command格式。Command菜单中也有一项命令和这些功能相似，选择Command菜单上的Start Recording，使用后鼠标指针旁会出现照相机的图标，这时你可以照样操作；当认为要录制的动作完成后，可以点击屏幕上任意一块空白的地方结束录制，然后要回放录制的操作时,再从Command菜单中选择Reply Record Command即可，不过这种快速的方法只能储存一次。
3. 视觉式页面设计
（1） 进阶表格编辑功能 。Dreamweaver3.0的进阶表格编辑功能可选择单独格、行、栏或作不连续的选取。可以单击响应滑动鼠标来控制表格的内容、背景图、格式及格内的样式。除此之外，还可像使用Word 或 Excel 一样进行排序及作格式化。
（2）描图功能。可将点阵图置于背景用成描图功能，作为设计的依据规则。也可以使用尺规、方格、或自动调整至方格处，使可视化设计更为方便。桌面排版工具可供选择、集结、及对位，以单一的单位方式格式化及规划网页内容。
4．增强的网站管理
（1） 网站架构图。网站架构图让设计者可迅速建立或重组网站架构。可快速建立新站雏形，直接在架构图以单击滑鼠的方式建立新档，还可以直接拖拉及放到档案或图形的方式指定连结。
（2）自动检查连结及修复。当变更网站内文档的位置或名称时，Dreamweaver3.0 会追踪变更并自动更新链接。链接检查器可检查单一文档、路径或整个网站之失效链接及无效文档。
（3） 寻找及置换功能 。Dreamweaver3.0的寻找及置换功能让设计者对文字及HTML原始代码有更佳的控制力。用Dreamweaver3.0 完全不需写程序就可以改变整个网站内所有原始代码的属性。使用一般语法的搜索及替换功能即可做全网站的变更，也可寻找或置换任意选择的部分。
（4） 完整的FTP 功能 。 Dreamweaver完整的FTP 功能可直接将文档传输到目的网站。用户直接从Dreamweaver 的环境开启FTP界面。借出及归还的功能可使团队成员免于不小心覆盖到其他成员的文档。新版本增加的功能有：
① 同步更新网站：也就是说可以在使用Dreamweaver3.0编辑完本地网页后（已经定义了远程的FTP地址和账号），从Site窗口的“Site”菜单中选择“Synchronize”（同步/一致）， Dreamweaver3.0就会自动对比并上载经过修改的页面，这是一项非常方便的功能。并且可以根据自己的定义确定哪些文件属于不能被上载或不能被覆盖的，详细的内容可以参看“Check in”和“Check out”功能。
② 为网页增加注释（Design Notes）：这是为了方便用户的管理而设置的。
③ 增强对Flash动画的检验：Dreamweaver3.0特别增加了对Flash动画中链接的检查。
5. 团队合作式的网页编辑
（1）样式。设计与内容分开的特点，可加速网站的更新及创新。使用Dreamweaver3.0 的样式，可轻松迅速地设计出网页的风格，设计好的部分可以固定，但内容可随时编辑。
（2） 合作式网页编辑。Dreamweaver3.0提供了团队合作式网页编辑。团队的成员可直接编辑以样式为主的内容，却不会因不小心而改变既定的样式。内容提供者可自由提供内容而不会影响版面设计。
（3）Roundtrip XML。由于Dreamweaver3.0 将设计与内容分开，模板的内容可以XML输出，XML 内容亦可被输入到模板内。
6. 动态式出版的视觉编辑
（1） 所见及所得。Dreamweaver3.0为第一个提供专业网站设计者可视化建立电子商务及资料式导向网站的工具。不论你选择的终端解决方案如何，皆可以Dreamweaver3.0 产生动态式网页及获得终端内容的整体可视效果。
（2） 垂手可得的电子商务物件。用 Dreamweaver3.0 可轻易地设计出较好的中小型企业电子商务网站。 与iCat并用可快速建置购物车式网络商店。Dreamweaver3.0 提供了预先写成物件及命令，供设计者在短时间内轻松地架起一个购物网站。除了iCat的功能外，Dreamweaver3.0的开放架构适用于不同的电子商务解决方案。
（3） 开放式平台整合。可自订物件、自订属性检视器及自订命令以增加或编辑其他组织所开发的内容。Dreamweaver3.0 支持且可整合Microsoft ASP, Allaire Cold Fusion, Pervasive Tango 及XSSI等其他组织开发的物件。
7. Dreamweaver 3.0 在代码的修改方面也有很多进步
（1） 改进了对脚本语言的支持。一般大家都认为FrontPage之所以不好是因为他总会乱写代码，而认为Dreamweaver3.0是一个“干净”的编辑器，其实并不尽然。Dreamweaver3.0也会编写你的代码，只不过不如FrontPage那么严重罢了，如对于PHP3编写的代码，当储存的时候就会有一些代码被修改，致使程序会运行不正确。Dreamweaver3.0解决了这一问题，他增加了对流行的脚本语言如ASP、PHP3、CFM的支持，不必担心再有代码被篡改。
（2）增加快速的HTML样式编辑方式。网页设计人员可以直接从HTML Styles窗口中提取预定义好的文本格式，也可以根据自己的需要添加新的格式。
（3）增加了对图像热穴的编辑。在FrontPage中为图像编辑区域性的热穴是很容易的，Dreamweaver3.0增加的这个功能和FrontPage几乎一模一样。
（4）增加了对代码的快速编辑功能。平常有一些东西是必须到HTML源文件里修改的，要在繁杂的代码中找到需要修改的东西很是麻烦。现在在Dreamweaver3.0中，你就可以直接对某个对象的HTML代码进行编辑，方法很简单，选择一个对象，然后按下Ctrl+T，这时会在屏幕上出现一个窗口，这里显示的只是你要修改的部分。
（5）HTML源代码编辑窗口增加了行号的显示。这个功能便于设计者在源代码中查找修改。
8．协同工作的能力
如果你安装了Fireworks3.0，那么还可以和Dreamweaver3.0完成一些联合作业。在Dreamweaver3.0中可以调用FireWorks3.0进行一些图像的处理，如对图像的减肥和优化处理，可以针对于gif、jpg、jepg和png进行直接的优化，Dreamweaver3.0中Command菜单中还有一个命令：Create Web Photo Album，也就是生成略图的工具。Dreamweaver3.0和FireWorks3.0会自动生成略图、索引页面和整幅图像的页面，你只要选择一个图片的源目录，这些过程就会源源不断地自动完成。
1.5 Dreamweaver 4.0的新功能
1.设计视图和代码视图
启动Dreamweaver 4后，在界面外观方面首先感到不同的就是在菜单栏下面默认显示一个工具栏。如图1-23所示。
图1-23 Dreamweaver 4.0的默认工具栏
在Dreamweaver 4中，我们可以在设计视图（Design View）、代码视图（Code View）或组合视图中设计网页。
设计视图：就是Dreamweaver 3中所称的文档窗口（Document Window）。启动Dreamweaver 4时，默认显示设计视图，与Dreamweaver 3没有什么不同。如果要从其他视图转换为设计视图，可以单击工具栏中的设计视图按钮。
代码视图：从外观看其实就是Dreamweaver 3中HTML源码检查器的全屏显示（Dreamweaver 4已经没有HTML源码检查器）。但要告诉你的是，Dreamweaver 4对代码编辑的支持已经大大增强，代码的编辑、修改方便了许多。或许你因此而成为编程高手，可不要忘记有Dreamweaver 4一份功劳！单击工具栏中的代码视图按钮，当前文档就以代码视图方式显示，如下图1-24所示。
图 1-24 当前文档的代码视图
需要说明的是，默认是没有行号显示的。想要显示行号，在代码视图方式，单击工具栏的选项菜单按钮，从弹出的菜单中选择Line Numbers（行号）就行了。如果希望行绕排，请选择该菜单上的Word Wrap（行绕排）。
组合视图：就是同屏显示设计视图和代码视图。或者说，把文档窗口分割为设计视图和代码视图。单击工具栏的代码设计组合视图按钮，显示组合视图，如下图1-25所示。
图 1-25 代码设计组合视图
在组合视图方式下设计，可以同时观察“台前幕后”。可以在设计视图中进行可视化设计，相应的代码实时在代码视图中反映出来，这对于新手学习HTML来说是多么的美妙。也可以在代码视图中直接输入代码，实现一些可视化设计不能实现的功能，结果也在设计视图中实时显示出来。这对于专业网页设计人员，无疑是一个梦寐以求强功能。拖动一下右边的滚动条，就可以查看整页内容。也可以拖动中间的分隔条，改变两个视图的大小。例如，当你主要在设计窗口进行可视化设计时，可以把设计视图适当扩大。
在这种组合视图方式中，可以很方便地在代码编辑和可视化设计之间跳转，在哪个视图中进行设计，都会得到一致的结果。
2.布局视图
页面布局是进行网页设计最基本最重要的工作之一。用于网页布局设计的常用工具是表格。然而，表格的原本用途是用来显示表格化数据的，并非真正的布局工具，因此存在着先天不足。在Dreamweaver 3中，我们还可以用层作为布局工具，但常常要把层布局转换为表格布局，以解决浏览器的兼容性问题。
现在，Dreamweaver 4想我们之所想，急我们之所急，给我们提供了一个布局工具——布局视图（Layout View）。使用这个工具，页面布局将变得更加轻松快捷。
（1）切换标准视图和布局视图
标准视图其实就是指设计视图。在标准视图中对象面板上的布局按钮（绘制布局单元格和绘制布局表格按钮）是不可用的，要使用这些按钮必须切换到布局视图。
从标准视图切换到布局视图的方法是：
① 单击对象面板中的布局视图按钮如图1-26所示，弹出Getting Started in LayoutView（开启布局视图）对话框如图1-27所示。
图1-26 对象面板
对话框中的提示信息告诉我们布局单元格、布局表格和标准视图按钮的作用。如果希望以后不显示此对话框，请选取其中的Don"t show me this message again(不再显示这些信息)复选框。
图 1-27 布局视图对话框
② 单击OK按钮。切换到布局视图后，粗看起来，与标准视图并没有什么两样。但对象面板中的布局按钮已经变为可用状态。此时，就可以用这些按钮绘制布局单元格或表格了。
（2）绘制布局单元格
切换到布局视图就可以使用绘制布局单元格工具设计页面布局了。例如，可以在页顶绘制一个单元格，用于定位导航菜单；可以在页面左边绘制一个单元格，用于定位子菜单。
绘制单元格的操作步骤是：
① 单击对象面板中的绘制单元格按钮，鼠标指针变为“+”号。
② 分别在页面顶部和左边拖动鼠标，各绘出一个单元格，结果如下图1-28所示。
图1-28 单元格的绘制
注：如果要一次画几个单元格，可以按住Ctrl键拖动鼠标，这样就不需要每画一个就单击一次单元格按钮。
如果不希望显示布局标签，可以选择View>Table View>Show Layout Table Tabs(查看>表格视图>显示布局表格标签)，取消对此项的选择。
3. 绘制布局表格
如果在页面中先绘制布局单元格，Dreamweaver会自动插入布局表格，作为布局单元的容器。我们也可以先绘制布局表格，然后再在布局表格中绘制布局单元格。
绘制布局表格的操作步骤如下：
① 确保已经处在布局视图状态，然后单击对象面板中的绘制布局表格按钮。此时，鼠标指针变为“+”号。
② 在页面定位鼠标指针，然后拖动鼠标创建表格，绿色的表格轮廓显示在页面上如图1-29所示。
图1-29 绘制布局表格
注：如果要一次画几个布局表格，可以按住Ctrl键拖动鼠标，这样就不需要每画一个就单击一次绘制布局表格按钮。
4.复杂布局设计
(1) 嵌套布局表格
绘制好表格后，可以按绘制单元格的步骤在表格内绘制单元格；可以在表格中绘制另一个表格，即嵌套表格如图1-30所示。
图 1-30 嵌套布局表格
嵌套表格或在页面上绘制多个表格时，Dreamweaver自动控制不允许表格重叠。
(2) 移动布局单元格
对布局表格内的单元格，可以根据需要随意移动。方法是：把鼠标放到单元格的边框，当颜色由绿变红时，按住鼠标左键即可拖动。移到合适的位置，释放鼠标按钮即完成移动操作如图1-31所示。
图 1-31 移动布局单元格
注意：移动单元格时，不能移出所在表格之外。例如，在嵌套表格中，父表的单元格不能移到子表中；反之，子表的单元格不能移到父表中。
5. 返回标准视图
布局设计完成，单击对象面板上的标准视图按钮，即可返回标准视图如图1-32所示。
图1-32 标准视图
必要时也可以从标准视图再次返回布局视图。在布局视图和标准视图中都可以在单元格中输入内容。
6.插入Flash文本和按钮
在Dreamweaver 4中，无需使用Flash即可直接在Dreamweaver中插入Flash文本和按钮。
(1) 插入Flash文本
插入Flash文本的操作步骤如下：
① 新建一个文件，打开文档窗口。
② 选择Window>Objects（窗口>对象对象面板。），打开对象面板。
③ 从对象面板中单击插入Flash文本图标。
④ 在弹出的Insert Flash Text（插入Flash文本）对话框中设置字体、文本颜色、鼠标掠过文本时的颜色、文本的链接、打开被链接网页的目标窗口或框架、文本的背景颜色等项，并在文本框中输入文本。如图1-33所示。
图1-33 插入Flash文本对话框
⑤ 单击OK按钮，即得到下面的Flash文本。如图1-34所示。
图1-34 插入的Flash文本
⑥ 选择该文本，然后选择Window>Properties（窗口>属性），打开属性检查器如图1-35所示，单击Play（播放）按钮，可以在文档窗口中预览效果。但要注意，所设置的链接只有在浏览器中才生效。
图1-35 属性检查器
当在浏览器中单击此Flash文本时，就变为如下图1-36所示的效果，并在新窗口打开所设置的链接。
图1-36 单击时Flash文本效果
（2）选择插入Flash按钮
① 把光标置于文档窗口想放置按钮的位置，然后单击对象面板上的插入Flash按钮图标。
② 在弹出的Insert Flash Button（插入Flash按钮）对话框中，从预设的40多种样式中选择一种按钮样式，输入按钮文本（本例为HaiYuan Soft）,设置字体、链接、打开被链接网页的目标窗口或框架、按钮背景色和保存文件名等项。如图1-37所示。
图 1-37 插入Flash按钮的对话框
③ 单击OK按钮，生成如图1-38所示的Flash按钮。
图1-38 设置的Flash按钮
④ 选择所生成的按钮，从window菜单打开属性面板，单击play按钮，即可预览按钮效果。如图1-39所示。
图 1-39 Flash 按钮单击时的效果
7．Asset Manager （资源管理器）
新增的资源管理面板是方便了团队开发。当你的小组在合作开发一个项目的时候用了他，可以在这个地方快速地追踪到网站内的所有元素。可以预览并且管理图片，所用颜色，外部连接，脚本，Flash，Shockwave,Quictime,模版和库元素。如图1-40所示资源管理面板。
图1-40 资源管理面板
8．改进的颜色吸管
Dreamweaver, Fireworks和Flash现在都使用这个通用的吸管。除此以外，你现在可以从多个调色板之间选取颜色例如在图1-41中的 Colour Cubes, Continuous Tone,Windows OS ,Mac OS和 Grayscale之间选取。
图1-41 通用的吸管及多调色板
9．在线的O"Reilly语法参考手册
Dreamweaver 4 提供了一个O"Reilly 参考手册。可以在里面快速查找JavaScript, CSS 和HTML 等语法。如图1-42所示。
图1-42 在线的O"Reilly语法参考
10．实时语法着色
Dreamweaver现在可以实时语法着色，包括JavaScript代码等等。如图1-43所示。
图1-43 实时语法着色
11．JavaScript调试
新增的JavaScript Debugger可以让你监视Javascript在Netscape或者IE中的执行情况,让你更容易知道什么地方出现了错误。
图1-44 JavaScript调试界面
12．快捷键
在Dreamweaver 4中你可以自定义你所需的快捷键。其界面如图1-45所示。
图1-45 快捷键的定义
1.6 Dreamweaver 4.0的主菜单
Dreamweaver4.0的主菜单共分九大类：
· 文件(File) · 编辑(Edit) · 查看(View)
· 插入(Insert) · 修改(Modify) · 文字(Text)
· 命令(Command) · 站点(Site) · 窗口(Windows)
通过菜单栏我们可以了解Dreamweaver4.0的部分功能。如图1-46所示。
图1-46 主菜单英汉界面对照
1. 文件(File)菜单
文件菜单英汉对照如图1-47所示。
图1-47 文件菜单英汉对照
新建(New)：新建一个文档 。
从模板新建(New from Template)：根据现有模板来新建文档（先得定义一个站点）。
打开(Open):打开一个现有文档。
在框架中打开(Open in Frame)：如果目前窗口为分帧的话，此选项将在目前所处的帧中，打开指定文档。
关闭(Close)：关闭目前所在窗口，注意不是关闭Dreamweaver。
保存(Save)：保存文档。
另存为(Save As)：以不同的格式或文件名存储文件。
另存为模板(Save as Template)：将文档存为模板文件。
保存全部框架(Save All Frameset)：将已分帧的文档按包含关系，逐次进行另存当前窗口的所有文档。
恢复(Revert)：将文档恢复至上次存盘时的状态。
导入(Import)：导入其他编辑器所编辑的文档，其子菜单如图1-48所示。
（1） Import XML into Template：导入XML到模板。
（2） Import Word HTML：导入Word 、HTML等文档。
（3） Import Tabular Data：导入表格数据。
图1-48 导入(Import)子菜单
导出(Export)：导出当前文档的局部设置。其子菜单如图1-49所示。
（1）Export Editable Regions as XML：将窗口的模块转换为XML文档。
（2）Export Css styles：将窗口中的CSS样式表定义语句转换为一个.css文档 。
（3）Export Table：导出表格，将窗口文档中所选定的表格到出。
图1-49 导出（Export）子菜单
转换(Convert)：将窗口文档转换为3.0版本浏览器兼容格式。
在浏览器中预览(Preview In Browser)：将窗口文档在设定的浏览器中打开，看其是否合乎预期的效果。
在浏览器中调试(Preview In Debug)：调出调试程序对文档中的JavaScript部分进行自检，然后列出出错的信息。
检查链接(Check Links)：在当前文档中检查有无出错链接,或在当前设定网站的所有HTML文档中检查有无出错链接的链接。
检查目标浏览器(Check Target Browsers)：可以将当前文档用不同的浏览器诊断，从而可以检查你的 HTML文档在不同的浏览器的兼容性和正确性。
设计备注(Design Notes)： 网页备注，记录网页创建、修改等信息，但首先需要定义一个站点。
退出(Exit)：关闭所有的窗口，离开Dreamweaver环境。
2. 编辑(Edit)菜单
编辑菜单英汉对照如图1-50所示。
图1-50 编辑菜单英汉对照
还原(Undo)：撤消当前误操作。
重做(Redo)：恢复撤消动作。
剪切(Cut)：剪切选择区域。
复制(Copy)：复制选择区域。
粘贴(Paste)：将内存中的文档粘帖到当前窗口。
清除(Clear)：清空当前选择区域，其实就是平常的DEL删除键。
复制HTML(Copy HTML)：与Copy不同，他将所选择区域块仅以HTML代码的形式载入内存。
粘贴HTML(Paste HTML)：将复制来的HTML代码粘帖到代码视图的适当位置。
全选(Select All)：将窗口中的所有内容选中。
选择父级标签(Select Parent Tag)：选中已选中的对象的父级标识符。
选择子级标签(Select Child)：选中已选中的对象的子级标识符。
查找和替换(Find and Replace)：查找功能是几乎编辑软件都有的功能选项，但Dreamweaver的查找功能大大增强，他能够指定查找的位置，即可以在当前窗口，也可以在整个站点按照您选择的条件进行查找。若要把查找的内容以现在的内容更换，你只需按一下Replace或Replace All 就可以达到你预期的更换内容。查找和更换的设置界面如图1-51所示。
图 1-51 查找和更换的设置界面
查找下一个(Find Next)：查找满足查询条件的下一项。
代码缩进：使代码视图中所选择的代码向里收缩一个回格单位。
代码凸排：使代码视图中所选择的代码向外伸展一个回格单位。
花括号对应：检查代码中花括号的匹配，即代码语句的正确性。
设置断点：方便代码的编辑给某处作以标记。
删除全部断点：删除代码视图中设定的全部标识。
编辑以External Editor：启动外部编辑器(Launch External Editor):启动外部编辑器，这是Dreamweaver的一大优点。Macromedia 公司知道虽然Dreamweaver很好，但他并不是万能的，因此他允许附上熟悉的HTML 编辑器一同工作。在PC上Dreamweaver和Homesite捆绑在一起，在MAC机上他与BBEdit捆绑在一起。如果在任一方修改并保存后，另一方编辑器会自动检测，并提醒你重载入或取消（Cancel）。这里建议用CuteHTML做外部编辑器。
偏好设置：根据自己的需要自定义常规，CSS样式，版面布局查看，标记色彩，标签快速编辑器，层，代码格式，代码颜色，代码重写面板，文件类型/编辑程序，隐藏元素，在浏览器中预览，站点，状态栏，字体/编码方式等的设置。
快捷键：根据自己的喜好和需要自定义快捷键。
3. 查看(View)菜单
查看菜单的英汉对照如图1-52所示。
代码(Code)：从外观看其实就是Dreamweaver 3中HTML源码检查器的全屏显示（Dreamweaver 4已经没有HTML源码检查器）。但Dreamweaver 4对代码编辑的支持已经大大增强，代码的编辑、修改方便了许多。
设计（Design）：启动Dreamweaver 4时，默认显示设计视图，与Dreamweaver 3没有什么不同。如果要从其他视图转换为设计视图，可以单击工具栏中的设计视图按钮。
代码和设计（Code and Design）：就是同屏显示设计视图和代码视图。或者说，把文档窗口分割为设计视图和代码视图。
图1-52 查看菜单英汉对照
切换查看（Switch Views）：设计视图和代码视图之间的切换。当在设计视图时，点击切换查看选项，其界面就切换到代码视图，反之，就切换到设计视图。
刷新设计查看（Refresh Design View）：对修改的文档刷新。
在上面设计查看（Design View on Top）：用来调整代码视图或设计视图在组合视图的上部。
主要内容(Head Content)：用来显示CSS样式，标题，Meta 三项，并可选择某项进行设置。
表格查看(Table View)：可以对表格进行标准查看，局部查看，还可以显示局部表格标记。
可视化助理（Visual Aids）：是对表格、层、框架等可视化目标的操作，其子菜单如下图1-53所示。
图1-53 可视化助理子菜单
（1）隐藏全部（Hide All）：显示（或隐藏）表格、层、框架等可视化目标。
（2）表格边框（Table Borders）：显示（或隐藏）表格的边框。
（3）层边框（Layer Borders）：显示（或隐藏）层的边框。
（4）框架边框（Frame Borders）：显示（或隐藏）帧的边框。
（5）图像地图（Image Maps）：显示（或隐藏）客户端图像映射图。
（6）隐藏元素（Invisible Elements）：显示隐藏标签，如锚点、备注、Script、空格等小图标。
代码查看选项（Code View Options）：可查看，切换行号、语法颜色、显示错误信息等代码视图中的操作。其子菜单如图1-54所示。
图1-54 代码查看选项
（1） 自动换行（Word Wrap）：根据自定义的宽度自动更换行。
（2） 行号（Line Numbers）：显示或隐藏行号。
（3） 高亮显示错误 HTML（Highlight Invalid HTML）：对错误的HTML进行高亮度的显示。
（4） 语法颜色（Syntax Coloring）：在代码视图中以不同的颜色显示各自的语法结构，便于代码的检查和修改。当隐藏时所有代码以黑色显示。
（5） 自动缩进（Auto Indent）：按默认间距在每行首部进行自动排列。
标尺(Rulers)：标尺，可以更直观、更精确地观看窗口文档。其子菜单如下图1-55所示。
（1）Show：显示（隐藏）标尺。
（2）Reset Origin：恢复标尺原点。
（3）Pixels：设置标尺单位为像素。
（4）Inches：设置标尺单位为英寸。
（5）Centimeters：设置标尺单位为厘米。
图1-55 标尺(Rulers)子菜单
网格(Grid)：对栅格部分的操作，其子菜单如图1-56所示。
（1）Show Grid：显示栅格。
（2）Snap To Grid：吸附栅格。
（3）Edit Grid：设置栅格的具体参数，比如点状或线状，每个单位的具体大小。
图1-56 网格(Grid)子菜单
网页蓝图（Tracing Images）：他可以将一幅图片嵌入页面的任何一个位置，而且可以改变透明度，这时Body中的背景设置将会在Dreamweaver 预览界面中失效，但在任何一个浏览器都不会起作用，图片格式可以为JPG, GIF, PNG（可用来预览网页的布局），其子菜单如图1-57所示。
（1）Show：显示追踪图像。
（2）Align with Selection：预览图像与选择区域对齐。
（3）Adjust Position：调整预览图像的位置。
（4）Reset Position：恢复追踪图像至起始位置。
（5）Load：载入追踪图像，并可以调整相应属性，如透明度、位置等。
图1-57 描摹图像(Tracing Images)子菜单
插件(Plugins)：用来控制窗口文档中的插件的播放（如Flash）。其子菜单如图1-58所示。
（1）Play：播放插件。
（2）Stop：停放播放插件。
（3）Play All：播放窗口所有的插件。
（4）Stop All：停放播放窗口所有的插件。
图1-58 插件(Plugins)子菜单
隐藏面板：用来隐藏所有已经打开的活动面板，或打开曾打开过的活动面板。
工具条：用来显示或隐藏默认的工具条。如图1-59 所示工具条视图。
图 1-59 Dreamweaver4默认工具条
4. 插入(Insert)菜单
插入菜单英汉对照如图1-60所示。
图像(image)：插入图像。
交互图像(Interactive Images)：用于插入互动图像。其子菜单如图1-61所示。
图1-61 交互图像子菜单
（1） 交换图像（Rollover Image）：建立一个相互交替的图像，当鼠标移至目标图像时，会显示另一图像。
（2） 导航条（Navigation Bar）：插入一个互动图像，这个功能类似Rollover Image。但比交换图像更奇妙，他有四个可互动的图像截面。
（3） Flash按钮（Flash Button）：不许Flash的知识，就可以制作Flash按钮，是Dreamweaver4的又一改进。
（4） Flash文本（Flash Text）：不许Flash的知识，就可制作具有Flash效果的文本。
（5） Fireworks HTML：插入Fireworks制作的图片的 HTML代码。
媒体(Media)：插入多媒体效果。其子菜单如图1-62所示。
（1）Flash：插入Flash文件。
（2）Shockwave：插入Shockwave对象。
（3）Generator：插入Flash发生器。
（4）Applet：插入Java小程序。
（5）Plugin：插入插件。
（6）ActiveX：插入ActiveX对象。
图1-62 媒体(Media)子菜单
表格(Table)：插入表格。
层(Layer)：插入层。
图1-60 插入菜单英汉对照
框架（Frames）：根据自己的需要插入多窗口页面。
表单(Form)：插入一个表单。
表单对象(Form Object)：关于表单各种对象的操作。如图1-63所示子菜单。
（1）Text Field：插入文本框。
（2）Button：插入按钮。
（3）Check Box：插入复选框。
（4）Radio Button：插入单选框。
（5）List/Menu：插入下拉框。
（6）File Field：插入文件输入框。
（7）Image Field：插入图像框。
（8）Hidden Field：插入隐藏框。
（9）Jump Menu：插入跳转菜单。
图1-63 表单对象(Form Object)子菜单
服务端文件包含：(Server-Side Include)：编辑一段服务端引用。
E-mail连接（E-Mail Link）：弹出一个界面，用于E-mail链接的填写。
日期(Date)：插入当前的日期，可有不同样式。
列表数据(Tabular Data)：引入数据并将其表格化，如引入.txt文本文件。
水平直线(Horizontal Rule)：插入一条水平直线。
隐藏元素：插入隐藏的命名锚点，脚本，注释等。
文件头元素：可插入Html <head>中的描述语句或关键字如：<meta>、<link>、<base>deng 等代码。
特殊字符(Characters)：插入各种字符，如：© 、£ 、® 。
获取更多对象(Get More Objects):在Macromedia的网站下载更多的插件，以插入其他类型的对象。
5. 修改(Modify)菜单
修改菜单英汉对照如图1-64所示。
页面设置(Page Properties)：可修改当前窗口文档的属性,其界面设置如图1-65所示。
（1）Title：文档标题。
（2）Background Image： 背景图像的设定。可以把你制作的图像或收藏的图片作为此文档的背景。
（3）Background Color： 背景色选定 ，根据网页的设计风格，以及该页面所适用的浏览系统，在调色板选取某种颜色作为背景色。
（4）Text Color：文档中文字颜色的设定，采色方法同背景色的取色。
（5）Link Color：链接文字颜色的设定。
（6）Visited Links：访问过链接后文字颜色的设定。
（7）Active Links：鼠标移至链接文字，即激活时文字的颜色。
（8）Document Encoding：文件编码方式，选 "Simplified Chinese (GB2312)", 即中文简体。
（9）Tracing Image：描绘图像。Tracing Image是Dreamweaver的一个非常有效的功能，他允许用户将自己在网页中原来的图案设计稿作为背景，以辅助定位文字、图像、表格、层等网页元素在该页面中的位置。Tracing Image首先使用各种绘图软件作出一个想象中网页排版格局图，然后将此图保存为网络图像格式（如gif,jpg,jpeg或png）；然后用Dreamweaver打开你所编辑的网页，在页面的空白区单击右键，选择Page Properties...，然后在弹出的对话框中的Tracing Image项中输入刚才创建的网页排版格局图所在位置；再在Image Transparent中设定TracingImage的透明度，这样你就可以在当前网页中方便地定位各个网页元素的位置。使用了Tracing Image的网页在用Dreamweaver编辑时不会再显示背景图案，当使用浏览器浏览时Tracing Image也不再显示，所见的就是经过编辑的网页。
图1-64 修改菜单英汉对照
（10）Document Folder：文档所在文件夹目录位置。
（11）Site Folder：站点文件夹目录位置。
图1-65 页面设置(Page Properties)界面
选择对象属性(Selection properties)：弹出属性浮动面板，并显示当前所选元素的相应参数，比如当前所选为字体，则弹出的属性浮动面板显示的将是字体的所有相关属性。
标签快速编辑器(Quick Tag Editor)：可对于局部的标志符进行修改和属性面板中的 功能一样。
创建链接(Make Link)：为选中的目标创建链接或修改链接。
删除链接(Remove Link)：除去原先创建的链接。
打开链接页面(Open Linked Page)：能够打开页面所创建的链接，且此链接文档是本地站点存在的HTML、XML或其他兼容格式的文件页面，如果是mailto或http之类的远端页面是打不开的。
链接目标(Link Target)：选择打开链接的目标浏览窗口。可以是_blank（在新窗口打开）、_parent（父级窗口打开）、_self（在自身窗口打开，也是默认的窗口）、_top（在框架页面中默认的上部窗口）。
表格(Table)：是对表格的各种操作。对表格的操作不仅仅局限在是对其单元格的简单拆合等，也可以说是对页面的一种布局。其子菜单如图1-66所示。
（1）Select Table：选择表格。
（2）Merge Cell：合并单元格。
（3）Split Cell：拆分单元格。
（4）Insert Row：插入行。
（5）Insert Column：插入列。
（6）Insert Rows Or Columns：插入行或列。
（7）Delete Row：删除行。
（8）Delete Column：删除列。
（9）Increase row Span：合并当前光标所在表格单元的上下格。
（10）Increase Column Span：合并当前光标所在表格单元的左右格。
（11）Decrease Row Span：是Increase rows Span的反操作。
（12）Decrease Column Span：是Increase Columns Span的反操作。
（13）Clear Cell Heights：清空所定义的单元格的高度。
（14）Clear Cell Widths：清空所定义的单元格的宽度。
（15）Convert Widths To Pixels：将宽度转化为像素。
（16）Convert Widths To Percent：将宽度转化为百分比。
图1-66 表格(Table)子菜单
框架组(Frameset)：这部分子菜单是用于分帧的, 其子菜单如图1-67所示。
（1）Split Frame Left左分帧 。
（2）Split Frame Right右分帧。
（3）Split Frame Up上分帧。
（4）Split Frame Down下分帧。
图1-67 框架页(Frameset)子菜单
导航条(Navigation Bar)：修改已插入的Navigation Bar对象。
排列（Arrange）：是对层的优化操作，可控制层的上下移动及防止层重叠等功能。
对齐：（Align）：可进行上、下、左、右的对齐方式。
转换(Convert)：页面版面的编排。
（1）Layer to Table：此选项用于将页面中的层转换成表格结构。
（2）Tables to Layers：此选项用于将页面中的表格转换成层结构。
图1-68 转换(Convert)子菜单
素材库（Library）：素材库其子菜单为添加对象至素材库、 更新当前页、更新整个站点。
模板(Templates)：模板，感觉上功能与Library的功能很相似，都是建立一个固定模型，然后在其他页面中可以反复调用，以提高效率。不同之处是在建模板时可以创建（或删除）可编辑区域。
时间轴(Timeline)：此项目是对时间链的修改设置。如图1-69所示菜单。
（1）Add object to Timeline：将选取的对象加入到时间轴中，这里所指的对象只能是层或图像。
（2）Add Behavior to Timeline：在时间轴中加入行为，以指定任意一帧触发事件。
（3）Record Path of Layer：录制层移动路径，可以任意调整一层中的元素的路径，这样可以用他来实现页面元素的曲线运动。
（4） Add Keyframe：添加关键帧。
（5） Remove Keyframe：删除关键帧。
（6） Change Object：更改对象。
（7） Remove Object：删除对象。
（8） Remove Behavior：删除行为。
（9） Add Frame：添加帧。
（10） Remove Frame：删除帧。
（11） Add Timeline：添加时间轴。
（12） Remove Timeline：删除时间轴。
（13） Rename Timeline：重命名时间轴。
图1-69 时间轴(Timeline)子菜单
6. 文字(Text)菜单
文字菜单英汉对照如图1-70所示。
缩进（Indent）：页面左右同时缩进，可多次使用。
图1-70 文字菜单英汉对照
凸排(Outdent)：是上述Indent的反操作，页面左右同时向外扩张。
段落格式(Paragraph Format)：就是HTML中的<H1>到<H6>和<p>以及预格式化文本。
对齐(Align)：左对齐、距中、右对齐。
列表(List)：就是HTML中的<Ol>，<Ul> ,<Dl>，对应为有序列表、无序列表以及自定义列表。
字体(Font)：选择已经安装的某种字体，如微软，方正，昆仑，汉鼎等。最下面的编辑字体列表选项是用来添加（或删除）字体的。
样式(Style)：字体风格选项，比如字体加粗<b>、加斜<i>、加下划线<u>、字体变形等等。
HTML样式(HTML Styles)：Dreamweaver预定义的字体样式，也可自己定义。
CSS样式(CSS Styles)：这就是神奇的样式表CSS，如果你已经定义CSS样式表，那么此选项将列出你定义的标识符。不过如果你定义的是HTML标签，比如TD、BODY之类那么他们不会出现在列表之中，最后的一个选项可以编辑CSS样式，并会列出定义过的所有的CSS。
尺寸(Size)：就是字体大小从1到7。
改变大小（Size Change）：字体相对加大1到4个单位或相对减小1到3个单位的尺寸。
颜色(Color)：就是定义字体的颜色 。
拼写检查(Check Spelling)：检查单词拼写正确的东西，和Word 97/2000中的基本一样。
7. 命令(Commands)菜单
命令菜单英对照如图1-71所示。
图1-71 命令菜单英汉对照
开始记录（Start Recording）：记录所做的每一步骤的操作。
播放记录命令（Play Recorded Command）：在所需位置把记录的整个操作重复操作一遍。
编辑命令列表（Edit Command List）：编辑所编辑的命令。
下载更多的命令（Get More Command）：从http://dynamic.macromedia.com/下载更多的命令。
管理扩展名：对已安装该系列软件（如Flash5、Dreamweaver Ultradev4）的扩展。
应用源格式(Apply Source Formatting)：通过SourceFormat.txt文件来格式HTML源文本。
清理HTML（Clean Up HTML）：就是除去HTML垃圾代码的工具。其中的对话框中有几组复选框可供选择，如空标签、多余的无用的嵌套、Dreamweaver备注，还可以自己设定要清除的特定标签。
清理Word HTML(Clean Up Word HTML)： 除去用Word制作的网页中的HTML垃圾代码的工具。
添加/删除Netscape 调整修正(Add/Remove Netscape Resize Fix)： 某些版本的Netscape Navigator存在一个缺陷，当用户调整浏览器窗口大小时，页面显示会不正确，这个缺陷可以使用JavaScript代码来修正，一旦窗口大小被调整，就自动重新载入正常显示页面。
用Fireworks优化图像(Optimize Image in Fireworks)：用Fireworks优化图像。
创建网格相册（Create Web Photo Album）：Dreamweaver根据选定的图片格式，从指定的原始文件夹逐一选出图片。按选取的大小、存储的相片格式和缩放百分比，保存在目标文件夹，并以选定的列数，排列在文档窗口，很像日常生活中的相册。
设置配色方案(Set Color Scheme)：Dreamweaver预定义的色彩配置，这里有许多已经匹配的背景色、文本色、超链接色，只要选择就可以直接运用到文本中去。
格式表格(Format Table)：Dreamweaver预定义已有的表格格式和色彩配置，只要选择就可直接使用。
排列表格(Sort Table)：使表格中的元素以其中一列的某种方式排序。
8.站点(Site)菜单
站点管理菜单英汉对照如图1-72所示。
图1-72 站点管理菜单英汉对照
站点管理(Site Files)：打开站点管理器的文件栏。
站点地图(Site Map)：打开站点管理器的站点地图栏。
新建站点(New Site)：新建一个站点。
打开站点(Open Site)：打开一个已建立站点。
定义站点（Define Sites）：根据本地和远程站点的信息，定义一个新的站点。
下载（Get）：即获取，把选定的文件从远程站点传输到本地文件夹。
注销（Check Out）：把远程站点中选定的文件表注为“隔离”。
上载（Put）:把本地的文件传到远程站点。
登录（Check In）：将选定的文件表注为“登记”。
还原注销（Undo Check Out ）：注销的反操作，即在选定的文件上删除“隔离”标识。
报告（Reports）：选定检查的条件，在当前文件、整个本地站点、站点选择的文件或某文件夹进行检测，然后显示出测试结果。
检查整个站点链接(Check Link Sitewide)：在站点内检查超文本链接。
本地地址定位(Locate in Local Site)：定位本地web站点根目录。
远端地址定位(Locate in Romote Site)：定位远程网站的web文件夹。
9.窗口(Window)菜单
窗口菜单英汉对照如图1-73所示。
对象(Object)：切换对象浮动面板，如图1-74所示对象浮动面板。
属性(Properties)：切换属性浮动面板。
图1-73 窗口菜单英汉对照
运行器(Launcher)：切换快速启动浮动面板。
图1-74 对象浮动面板
站点管理(Site File)：切换站点文件管理器。
站点地图(Site Map)：切换站点地图。
资源（Assets）：可以预览并管理图片，所用颜色，外部连接，脚本，Flash，Shockwave,Quictime,模版和库元素。
行为(Behaviors)：切换动作编辑器。
代码检查器（Code Inspector）：用于检查在代码视图中编辑的HTML代码。
CSS样式(CSS Styles)：切换样式表编辑器。
框架(Frames)：用于显示或选择在设计视图中添加的框架。
历史记录(History)：切换历史记录面板，当历史记录被打开时显示已操作过的步骤。
HTML样式(HTML Styles)：切换HTML样式编辑器。
层(Layers)：记录层的个数及层嵌套的层次。
库(Library)：可以预览并管理图片，所用颜色，外部连接，脚本，Flash，Shockwave,Quictime,模版和库元素，很像资源选项。
参考（Reference）：Dreamweaver 4 提供的一个O"Reilly 参考手册。可以在里面快速查找JavaScript, CSS 和HTML等语法 。
模板(Templetes)：在资源库编辑或新建模板。
时间轴(Timelines)：切换时间轴。
排列面板(Arrange Panels)：排列所有启动的浮动面板。
隐藏浮动面板(Hide Panels)：隐藏所有已启动的浮动面板。
全部最小化（Minimize All）：最小化Dreamweaver及以启动的浮动面板。
全部还原（Restore All）：恢复全部操作。
1.7 对象面板、快速启动档、状态栏
主菜单虽然包含了Dreamweaver的全部功能，但是在实际应用中通常不使用主菜单，他只是起一个补充的作用。补充的对象就是浮动面板，他是网页设计、制作常用的部分。
Dreamweaver 4.0的主要编辑功能由三条浮动的面板组成，即对象面板（Object）、属性面板（Properties）、快速启动档(Launcher)。
1. 对象面板（Object）
对象面板中集成了八类元素Characters（符号），Common（标准），Form（表单），Frames（框架），Head（文件头），Invisible（隐藏），Special(特殊)， View(布局)。这些元素可以在 中切换。其实这里的选项只是集成了Dreamweaver主菜单Insert中的选项。
2. 快速启动档(Launcher)
快速启动档也同时集成在状态栏上，这一点很像网景的Netscape浏览器，用快速启动档可以启动window菜单下所有选项，快速启动档中的项目在Edit/Preferences/ Panels可以定制。 快速启动档集中了Dreamweaver中最重要的七个功能如图1-75所示。他们分别是Site（站点管理）、Assets(资源)、HTML Styles(HTML样式)、CSS Styles（CSS样式）、Behaviors（行为）、History(历史记录)、Code Inspector(代码检查器）。如果觉得浮动面板总是挡住视线，那你可以任意移动这些浮动面板的位置，尽量留出更多的可视区域，因这些面板元素是可以任意修改的。
图1-75 快速启动档
3. 状态栏
状态栏的左边一部分是显示当前光标区的代码情况，比如 则表示当前光标处于文档主体的表格中的一个表单内，从代码视图可以看到光标在<td>和</td>之间，如单击 ，你可以选中<td>和</td>之间的内容。这样大大方便了用户对源代码的控制和操作，提高了选取的准确度。
状态栏右边的那部分由三部分组成，从左到右分别表示您当前的用户界面是在什么分辨率下模拟的，你也可以自己定制你需要的分辨；中间的部分显示你目前编辑的文档（包括图像等）共有多少Ｋ，并模拟一定的传输速率计算出相应的下载时间，使用户可以随时掌握自己页面的总容量，作出相应的决定。最右边的一部分就是上面所述的Launcher（快速启动档），他的项目和快速启动档的一模一样,如图1-76所示，这里就不再复述。
图 1-76 小型启动面板
4. 属性面板（Properties）
属性面板非常灵活。当编辑过程中选取文字时，属性菜单会自动变换成调整文字段落、颜色、字体的属性面板。当选取表格时，他又相应地变换成为表格属性面板。以前我们使用的网页编辑软件，每次要设定文字或表格等属性时，都要开启相应的属性调整菜单，反反复复十分麻烦。而Dreamweaver这种菜单的设计方式，就大大减少操作的步骤，而且可观性极强，所有属性设置一览无遗，可以很方便地调整各项标志符属性。请注意属性面板中的 图标，单击后将出现扩展属性。单击 图标，将关闭扩展属性。单击 可获得联机帮助资料，单击 可用代码对象的属性。总的来说，属性面板基本集成了Modify和Text菜单的选项，但有些对象的属性只能通过属性面板的调整，下面就分三种状态对属性面板进行介绍： 文本状态、图像状态、表格状态。
5. 文本状态下的属性面板
如图1-77所示， 用来修改标题的级别，即H1~H6的值； 用来调整字体； 用来修改大小； 用来修改字体颜色； 表示字体加粗； 表示字体加斜； 表示左对齐； 表示居中； 表示右对齐； 表示利用鼠标拖放来实现加入链接地址。 表示浏览文件夹选择链接文件； 表示制作无序列表； 表示制作有序列表； 表示扩张段落； 表示缩进段落；Target可选择超级链接被打开的目标窗口。
图1-77 文本状态下的属性面板
6. 图像状态下的属性面板
图1-78 图像状态下的属性面板
如图1-78所示，W用来定义图象宽度；H用来定义图象高度；Src用来设定图象地址；Align用来选择对齐方式；Link用来链接文件名或URL地址，Alt用来图象描述；VSpace用来定义图象上下垂直的间隔；HSpace用来定义图象左右水平的间隔；Target用来定义链接被打开的目标窗口；Border用来定义图像的边框宽度； 可以分别用来作矩形、圆形、多边形图像映射； 可以用来刷新图像。 可以触发外部定义的图像编辑器，默认情况下是Fireworks。当然，你可以在Edit/Preferences中添加你喜好的外部图像编辑器，如定义Photoshop。
7. 表格状态下的属性面板
图1-79 表格状态下的属性面板
如图1-79所示， Rows用来定义行数；Cellpad用来定义表格元素与格线之间的像素值；Align用来定义对齐方式；Cols用来定义该表格列数；Cellspace用来定义内部表格线的宽度；Border用来定义外部线粗细； 擦去表格中定义高度的语句； 擦去表格中定义宽度的语句； 将表格宽度用像素表示； 将表格宽度用百分比表示；其余的参数都是定义表格背景色和表格线颜色的。其他参数选项已在前面阐述，为了避免重复，就不再说明。
8. 颜色调整面板
Dreamweaver, Fireworks和Flash现在都使用如图1-80所示这个通用的改进的颜色吸管。除此以外，你现在可以从多个调色板之间选取颜色，例如在图中的 Colour Cubes、Continuous Tone、 Windows OS、 Mac OS和 Grayscale之间选取或自定义颜色。
图1-80 颜色调整面板
本章主要介绍了Dreamweaver4.0的安装，Dreamweaver的特点，Dreamweaver4.0的新增功能，以及按英汉对照式对九项菜单的详细介绍，使我们对Dreamweaver4.0的新功能有个总的认识，至于Dreamweaver4.0强大的功能，完美的设计视窗。需要我们继续分步学习，真正体会开拓视野的感觉。