Epile · 奇雅

实习期间Epile试用了Adobe Dreamweaver CS4，觉得软件做得真的很不错，在这里跟大家分享一下。

Dreamweaver CS4 系列文章

• Dreamweaver CS4 新功能解析（一）
• Dreamweaver CS4 新功能解析（二）
• Dreamweaver CS4 实用技巧

实时视图

Dreamweaver CS4新增的实时视图功能可以直接在软件中模拟浏览器预览的效果，支持CSS、Javascript等。Epile试验了几个网页，实时视图浏览效果最接近于Chrome，与Firefox有细微差异，与IE差异较大。有网友反映对有些Javascript的支持不是很好，不过Epile试验了一下自己用JQuery写的Tab和Cosbeta用JQuery写的Slideshow，均能正常解析。实时视图这个效果虽然看起来挺创新的，不过不是很方便，毕竟实时视图显示范围与代码窗口一样，太小了，还不如用Alt Tab切换到浏览器去测试。

与实时视图同时出现的还有实时代码，实时代码与普通代码的差别就是，实时代码是黄色底色，代码只读阅读，我真不知道这个功能到底有什么用。谁能告诉我！

相关文件和代码导航器

当你打开一个网页文件（.html, .php等内容文件，除了css, javascript这些外观和行为文件），Dreamweaver CS4会自动把文件所包含的文件（可以识别相对路径和绝对路径，无法识别动态语言的所定义的网站根目录或动态目录）显示在导航条上，可以很方便地切换进行更改，不再需要一次打开一大堆文件。不过相关文件只能识别一层，比如PHP文件中包含了一个PHP文件，要查看包含文件的相关文件，需要右键点击该文件选择“作为单独文件打开”。

这个功能是Dreamweaver CS4新功能里面我最喜欢的功能，用户体验很棒！

Adobe Photoshop® 智能对象

Dreamweaver CS4可以直接把Photoshop的PSD文件插入到网页中，并可以根据原始PSD变化方便地更新图片。插入文件时会弹出对话窗口对图像的尺寸，格式进行设置，把PSD文件生成为jpg或gif。功能虽然有点单一，但已经足够了。Dreamwaver会在生成的图片目录下生成_note文件夹和文件夹下“图片文件名.mno”文件用于记录与原始PSD的关系。

插入的智能图片在编辑器中会有一个绿色的双箭头图标。下面的属性框里“原始”选项为原始PSD的路径；“编辑”选项有三个按钮，分别为打开PSD文件、编辑图像设置、从源文件更新。

您可能还对以下内容感兴趣

• 无相关文章