你所在的位置:首 页 >> 前台技术 >> 详细新闻页面


Dreamweaver处理word文档有妙招

作者:zhirong1230 创建时间:2012-04-24 阅读次数:3579


 

       作为一 个网页设计师,不知道各位是否有这样的经历:客户给你的网站材料很多都是Word文档,虽然阅读起来很方便 ,可要添加到网页中就不是很方便了。尤其是那种含有表格的Word文档,如果要一项一项地去添加,实在是费 时又费力。虽然Word可以将文档存为Web页,但生成的废代码太多,文件体积实在太大。  
 
  不过还好,Dreamweaver已经为我们提供了很方便的命令,可以将word生成的 html文件体积大幅度地减少,只是大家也许没有注意到它的应用。
  下面大家先打开Dreamweaver,点击命令菜单,仔细查看一下。会发现其中有 这样的两项:清理HTML,清理Word的HTML,看来Dreamweaver已经为我们提供了处理word文档的命令。下面我们 通过一个实例来让大家理解这个命令。
 
  这里为大家提供了一个用 word 做的课程表,大家可以下载下来试用。下面我们将利用这个表格为实例一步一步地去将这个含表格的word文档 转换成代码清晰的html文件。
 
   step1:
  Dreamweaver是处理不了doc文档的,因此,我们需要先利用word把这个文档另 存为html的格式,这一步比较简单,在word里面选择“文件-另存为”,保存类型选择html即可。
 
  step2:
  观察一下另存出来 的html文档,文档竟然有50多K!这仅仅是一个课程表!
  用Dreamweaver打开这个html文件,选择代码视图,大家可以看到这里的代码简直糟糕透了!先用 我们刚才提及的Dreamweaver的菜单“命令→清理word的HTML”,对文档处理一下。
 
  这时候再看一下代码,比原来好得多了,但是还是有很多垃圾代码。再查看一 下文档的大小,从原来的50多K迅速降到了不到20K。
 
   step3:
  仔细看一下代码,有很多标签我们都不需要,比如 <P>,<SPAN>,<DIV>。其实我们完全可以 删除它们。下面便用另外的一个菜单“命令→清理HTML”来对文档进行一番清理。选择菜单的 “命令→清理HTML”,点选指定标签,把我们刚才看到的没有用的标签都填上。
 
  格式是这样的:标签名,标签名。比如这里,我们就应该填上p,span,div(注 意:中间用半角逗号“,”隔开)。然后点击确定。稍等一会,会发现我们的文档已经相当干净了。 仔细看一下TD标签,会发现它的class属性已经没有意义了。下面我们将它删除。手工一个一个地删?当然不用 !我们可以利用查找与替换的命令来把它们全部删除。好,开始行动。
 
  step4:
  打开查找与替换菜单(编辑→查找与替换,快捷键Ctrl+F)在查找内容前 面的下拉框中,提供了四种方式。源代码、文本、文本高级、以及指定标签。在这里,可以用源代码的方式, 或者是指定标签的方式来清理。这里我们用指定标签的方法来清理class属性,让大家了解一下它的用法。源代 码的方式大家应该都比较了解,这里就不多罗嗦了。
 
 
 


    关键词(keywords):Dreamweaver处理word文档有妙招

分享到: 更多


前一篇: 45个Dreamweaver常见问题整理           

phpchina   php爱好者   php100    中国网管联盟   LAMP兄弟连   河北联合大学   胜芳趣团网   rss 联系我们 问题反馈
版权所有@:ABCMS新闻发布系统!
建议使用ie6、ie8和 ff 浏览器进行浏览 | 建议分辨率:1024x768
地址:唐山市路北区高新技术产业园区龙华道128号 | 邮编:63000| 邮箱:zhirong1230@yeah.net