我爱模板

当前位置: 我爱模板网 > 网页设计 > Dreamweaver教程 > 基础技巧全面接触Dreamweaver(四)

基础技巧全面接触Dreamweaver(四)

本文我们来看看如何使用 Dreamweaver来提高我们的效率

  Dreamweaver还包含了许多可以极大提高工作效率的命令,包括库项目的建立、模板的运用、历史面板的功能及查找替换功能。这里我介绍几个小的技巧来演示这些命令的强大。

  1、清理Word文件技巧。我们经常需要将一些Word文件转换为 HTML文件,但这种转换的结果是生成的HTML文件非常的大,里面包含了许多重复代码,综合利用Dreamweaver的几个功能可以方便的清理掉无用代码。首先打开Word生成的HTML文件,执行Commands菜单下Clean Up Word HTML命令,程序会自动识别原来Word的版本,并将无用的代码清除。但此时的文件仍就有许多重复代码,主要是包含了大量的

 

标签,我们可以再次执行Commands菜单下的Clean up HTML命令,在弹出的对话框中选定Specific Tag(s) 选项,并输入span 和p标签,中间用空格分开,执行命令后,所有的span和p标签都被清除掉。

 


  但此时文件中的每个图片属性中还包含了类似v:shapes="_x0000_i1025"的属性,我们还需将这些属性清除。打开查找替换面板,按下图的设置设定替换规则,执行后即可清除所有图片的这些属性。如图;

 


  2、快速替换文件标题。前面我介绍了可以在站点窗口替换文件标题,但是只能一次替换一个文件的标题,我们可以尝试着利用上一步介绍的查找替换命令一次替换多个文件的标题。通常我们新建的文件标题都是Untitled Document,可以打开Edit&md ash;Find And Replace命令,进行如下设置,将当前站点所有文件标题为Untitled Document的都替换为我们自己的标题。

 

  3、设置默认文档格式。上面的方法虽然快捷,但是我们每次新建一个文件时,默认的文件标题仍旧是Untitled Document。因为新建文档时,Dreamweaver会调用一个默认的页面作为缺省格式,这个文件是Dreamweaver 4ConfigurationTemplatesDefault.html,这样我们就可以将我们站点中统一的一些格式设置好,如背景色、字体大小、文件标题等,然后将它保存覆盖上面的Default.html文件。在以后我们新建文件时,Dreamweaver会自动套用我们设定好的格式,这可以提高很大的工作效率。

  六、 后期维护篇

  好了,经过上面这么多的介绍,我们已经掌握了一些 网页制作的技巧,但是您作完的页面是否不再包含错误?您的链接是否都正确的链接?您的页面在各种浏览器中是否都表现良好?您的站点中是否还有许多不再需要的文件?很多类似的问题都还存在着,这些都是属于站点后期检测和维护。这里我们再介绍几个后期检测方面的技巧。

  1、链接检测。执行菜单File—Check Links命令,Dreamweaver会自动检测当前站点中的所有链接,并检测出无效的链接,如下图:

 


  双击检测出的一个结果,会自动打开相应的页面并直接定位到错误的链接处,很方便我们修改链接错误。

  2、快速检测无用文件。执行菜单命令 Site—Check Links Sitewide可以打开链接文件检测功能,我们也可以利用这个功能检查站点中无用的文件,并删除。只要选择最上方下拉框中为Orphaned Files,所有站点中无用的文件会列在下方,将它们全部选中,按Delete键即可删除。

 

  3、快速生成站点报告(Reports)。运行菜单命令Site—Reports可以快速的根据我们的需要生成符合某种条件的站点报告或文件报告,例如可删除的空标签、未命名的文件标题、无Alt属性的图片等等。如下图:

 


  我们需要先在最上方的下拉框中选择需要执行检测的范围,例如整个站点、当前文档、某个文件夹等等,然后在下方勾选需要检测的条件,执行结果会自动显示在一个对话框中,双击其中的一条还可以直接打开源文件进行修改。如下图:

 


  需要注意的是,如果你的站点文件非常多,这项命令将会消耗大量的系统资源,所以最好每次只选择检测一个条件。

  后记:写到这里我已经给大家介绍了不少技巧,其实Dreamweaver中还有许多类似的功能,可是我个人觉得这些也不能称为技巧,很多本来就是我们需要掌握的基本功能,只不过在通往目标的道路上会有许多方法,这些也许是比较快速达到目标的一些方法

推荐继续阅读的文章