五、增强的集成和数据传送能力
设计说明
“ Design Notes ”是一项很有创意的设计,为网页和图片及其他页面对象如 Java applet 、 ActiveX 、 Flash 影片、 HTML 样式、模板等加入注释,这些注释在网页上是看不到的,也不会在网页加入任何代码。
可以通过“ Design Notes ”提醒自己。比如,某个文件是从一个网站拷贝到另外的网站的,在这个文件的设计说明里注明这一点,当更新一个网站中的文件时,就不会忘记更新另一个网站的那个文件。还可以注明图片来源、设计思路,以便管理文件和页面对象,与同事沟通和合作。
在 Dreamweaver 3 里,设计说明是网站的可选功能,打开的方法:
按主选单“ Site|Define Sites ”,弹出“ Define Sites ”窗口,选择相应的网站,按“ Edit ”按钮;
在该网站定义窗口的类别栏,按“ Design Notes ”;
打开“ Maintain Design Notes ”,就可以为网站里面的文件和页面对象建立设计说明;
“ Upload Design Notes for Sharing ”选项指是否将设计说明连同所说明的文件一起上传到服务器,与别人共享。要是与同事合作开发和管理网站,使用这一功能是很不错的。
当一个文件移动、复制、改名、或者删除时,相应的设计说明同时移动、复制、改名、和删除。
可以通过多种方式创建和编辑设计说明:在文档窗口,按主选单“
File|Design Notes ”;或者在文档窗口选择一个页面对象,以及在“ Site ”窗口选择一个文件,在上下文选单选择相应的“
Design Notes ”命令,都会打开“ Design Notes ”窗口。如图。
窗口有二个标签,“ Basic Info ”标签左上角显示所说明的文件的路径,在“ Status ”栏选择状态,在“ Notes ”栏加入说明。“ Notes ”栏右上角还有个按钮,用来加入撰写日期。打开标签底部的“ Show When File Is Open ”,每次打开该文件时设计说明都会出现。
在“ All Info ”标签可查看和编辑所有说明。
设计说明保存在扩展名为“ .mno ”的文本文件里,它放在与所说明的网页文件或者页面对象文件同路径的“ _notes ”文件夹,文件名就是所说明的对象的文件名(连同其扩展名)。但在 Dreamweaver 中,看不到这些文件和文件夹,可用 Windows 的资源管理器来查看。
对于远程服务器的文件,必须先“ check out ”并 get ,然后在本地栏选择该文件再添加设计说明。
在网站定义窗口,按“ Clean Up ”按钮,删除那些不与文件关联的设计说明。这种情况比较少见,因为在 Dreamweaver 里,如果删除文件,其设计说明会一并删除。因此,只有当用户在 Dreamweaver 外删除网站文件时,这种情况才会出现。
如果在按“ Clean Up ”按钮之前关闭“ Maintain Design Notes ”选项,可以让 Dreamweaver 删除该网站所有的设计说明。
Fireworks 3 也支持设计说明这一新功能,用 Fireworks 3 编辑图片输出到网站后, Fireworks 自动在网站为输出图片建立设计说明文件,将原始文件名和路径保存到里面。如果用户在 Dreamweaver 的文档窗口选择这个图片,并使用 Fireworks 编辑, Fireworks 能打开原始的 PNG 图片,因为 PNG 文件包括原始的图层、矢量、色彩、特效等,在它的基础上编辑能够保证图片的质量和一致的处理方式。
Fireworks 3 与 Dreamweaver 共用设计说明文件,在 Dreamweaver 里可以查看和编辑原始 PNG 文件的注释。
注意,对于模板文件,它的设计说明不会传送到基于该模板建立的网页。另外,笔者发现在中文平台使用时,“ Design Notes ”对中文兼容不好,如果输入中文,很可能无法打开设计说明。
输入和清理 Word HTML
MS Word
是用户最多的字处理软件,它提供保存为网页的功能,不过 Word 作的网页是有史以来最臃肿的。 Dreamweaver 的输入和清理 Word
HTML 功能很不错,可以删除不相关的 XML 代码和 Word 自己的标记,修复残缺的 HTML
,并依照用户的设定来格式化。
打开网页后,按主选单“
Commands|Clean Up Word HTML ”,打开“ Clean Up Word HTML ”对话窗口,首先选择 Word
版本。
如图,在“ Basic ”标签有多个清理选项,用户根据自己的需要取舍,并设定清理后的网页背景颜色。“ Detailed
”标签还有更加详细的设定。
也可用在主选单“ File|Import|Import Word HTML ”输入Word
HTML。
历史面板
新增历史面板,这个东西跟 Adobe 的一样,记录每个操作步骤,注意无法记录外部编辑器的操作步骤。通过面板上的步骤列表,能取消、重复、传递某些操作步骤,以及自定义命令。
通过历史面板定义命令:
在面板选定一个或者一组连续或不连续的步骤;
点击右下角的“ Save as Command ”按钮,输入命令名。
这个新的命令将出现在 Commands 选单,使用时跟别的命令一样,对应的 Javascript 文件在文件夹“ Dreamweaver/Configuration/Commands ”。
按主选单“ Commands|Edit Command List ”,编辑自定义命令列表。
按历史面板右上角的小三角形,在弹出选单选“ Clear History ”,清除当前文档的操作记录,释放占用的内存。这个操作步骤是无法撤销的。
如果要限制历史面板保留的步骤数量,单击主选单“ Edit|Preferences ”,选择“ General ”类别,在最下方一行的框中输入历史面板记录的操作步骤的最大数量。记录的步骤越多,耗费的内存也越多。
自动输入表格数据
有了这一功能,以静态网页形式发布数据库的工作变得非常轻松。
首先将 Ms excel 、
Access 、 Foxpro 等数据库输出为文本文件,然后按主选单“ File|Import|Import Table Data ”,或者在“
Common ”面板按“ Tabular Data ”对象,弹出“ Insert Tabular Data ”对话框。如图。
依次确定数据文件,分隔符,以及表格宽度等外观参数,按“ OK ”,就会自动插入已经填入数据的 HTML 表格。
与 Fireworks 进一步集成
Fireworks 3 是非常优秀的网页图形编辑工具,紧凑简洁, Dreamweaver 3 与它高度集成,完美地结合在一起,为 Dreamweaver 增加了一个往返式图像编辑的特性。这是 Dreamweaver 3 的一个突出特点。
不但可在 Dreamweaver 中启动 Fireworks 编辑图形,而且可以不离开 Dreamweaver 的文档窗口,启动 Fireworks 来优化图形。如前所述,借助设计说明文件, Fireworks 能自动找到原始的图形文件,保证图片的质量,保持图像地图和翻转的原样。
另外,在 Fireworks 3 能直接复制 HTML 到剪贴板,然后粘贴到 Dreamweaver 文档。也能将在 Fireworks 创建的 HTML ,输入到 Dreamweaver ,相关文件会自动加入。
复制 Fireworks HTML 的方法:
在 Fireworks ,选择“ File|Export ”;
在“ Export ”窗口的顶部,指定图形文件的存放路径。在窗口的底部,按“ Style ”下拉选单选择 Dreamweaver 3 ,下拉“ Location ”选单选择“Copy to Clipboard”;
按“ Export ”窗口的“ Save ”按钮;
回到 Dreamweaver 的文档窗口,将鼠标指针放在合适的位置,按主选单“ Edit|Paste ”,将图片和相关的 HTML 代码(包括 Javascript )加入网页。
输入 Fireworks HTML 的方法:
将光标放在合适的位置,按“ Common ”面板的“ Insert Fireworks HTML ”对象;
在对话框选定 Fireworks HTML 文件,打开选项“ Delete File After Insertion ” ,在输入后将删除原来的 Fireworks HTML 文件。如果输入的 HTML 文件中有图形,会提示用户指定存放路径,把图形复制到网站里。
使用 Fireworks 优化图形方法:
在 Dreamweaver 的文档窗口选定图片,然后按主选单“ Commands|Optimize Image in Fireworks ”;
这时打开 Fireworks 的图片优化窗口,优化完毕,按“ Update ”,自动替换网站里原有的图片文件。如果修改了图片的格式,会自动检查和修改所有的相关链接,并提示更新服务器上的内容。
只有在 Dreamweaver
的文档窗口才能使用以上与 Fireworks 的集成功能,如果在“ Site ”窗口打开图片无效。
与外部编辑工具更好结合
能详细定义不同格式的文件使用的一个或者多个外部编辑器,如图。
增强的 MAC 兼容与跨平台能力
Dreamweaver 3 增强了对MAC平台和跨平台交换文件的支持。