论文部分内容阅读
【摘要】本文主要介绍了在使用Dreamweaver的过程中,如何处理好WORD文档的操作方法以及详细步骤,将WORD文档轉化为HTML文档,并且对转化后的HTML文件容量进行缩减,提高在网页制作过程中文件体积容量过大的问题。
【关键词】Dreamweaver;word文档
【中图分类号】G632【文献标识码】B 【文章编号】1001-4128(2011)02-0141-01
网页设计是一门新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。在使用过程中有的网站材料很多都是Word文档,虽然阅读起来很方便,可要添加到网页中就不是很方便了。尤其是那种含有表格的Word文档,如果要一项一项地去添加,实在是费时又费力。虽然Word可以将文档存为Web页,但生成的废代码太多,文件体积实在太大。
为了更好地解决这个问题,Dreamweaver已经为我们提供了很方便的命令,可以将word生成的html文件体积大幅度地减少,这样可以更好的减少冗余代码,缩小网站容量。
我们可以先启动Dreamweaver软件,点击【命令】菜单,仔细查看一下,会发现其中有这样的两项:“清理HTML”、“清理Word的HTML”,这样两项为我们提供了处理word文档的命令。下面我们通过一个实例来让大家理解这个命令。
这里以一个用word做的课程表为例,将利用这个表格一步一步地去将这个含表格的word文档转换成代码清晰的html文件。
【第一步】Dreamweaver是处理不了doc文档的,因此,我们需要先利用word把这个文档另存为html的格式,这一步比较简单,在word里面选择“文件(另存为”,保存类型选择html即可。
【第二步】观察一下另存出来的html文档,文档竟然有50多K!这仅仅是一个课程表!用Dreamweaver打开这个html文件,选择代码视图,在这里可以看到代码简直容量巨大!先用我们刚才提及的Dreamweaver的菜单“命令→清理word的HTML”,对文档处理一下。
这时候再看一下代码,比原来好得多了,但是还是有很多垃圾代码。再查看一下文档的大小,从原来的50多K迅速降到了不到20K。
【第三步】仔细看一下代码,有很多标签我们都不需要,比如 <P>,<SPAN>,<DIV>。其实完全可以删除它们。下面便用另外的一个菜单“命令→清理HTML”来对文档进行一番清理。选择菜单的“命令→清理HTML”,点选指定标签,把刚才看到的没有用的标签都填上。
格式是这样的:标签名,标签名。比如就应该填上p,span,div(注意:中间用半角逗号“,”隔开)。然后点击确定。稍等一会,会发现我们的文档已经相当干净了。仔细看一下TD标签,会发现它的class属性已经没有意义了。下面可以将它删除。手工一个一个的删除吗?当然不用!此时可以利用“查找与替换”的命令来把它们全部删除。
【第四步】打开查找与替换菜单(编辑→查找与替换,快捷键Ctrl+F)在查找内容前面的下拉框中,提供了四种方式。源代码、文本、文本高级、以及指定标签。在这里可以用源代码的方式,或者是指定标签的方式来清理。请参看下图所示。
上图中已经大概把这个面板的功能模块说了一下。同时还可以点击面板上的帮助。在这里,参数设置如上图,然后点击替换全部。就完成了这个文档的处理。至此,处理工作全部完成。我们成功地把一个50多K的文档缩小到不到3K,并且也可以更方便地将它粘贴到我们要应用的页面中了。
查找与替换似乎是人人都知道的功能,其实它的功能非常强大。在以后做网站的时候,如果遇到一个站点中有很多文件的某一个标签都需要修改,只要找到它们相同的规律便可以利用它来成批替换。还有高级文本的方式也不要忽略,都是些相当有用的工具。
参考文献
[1] 刘旭东网页制作标准教程,上海科学普及出版社,2004.7
[2]东方人华主编Dreamweaver MX 2004范例入门与提高,清华大学出版社,2004.7
[3]陈语林等网页制作与设计教程,中国水利水电出版社,2003.1
[4]杜永红 王冬霞主编网页设计与制作及实训教程,科学出版社2008.2
【关键词】Dreamweaver;word文档
【中图分类号】G632【文献标识码】B 【文章编号】1001-4128(2011)02-0141-01
网页设计是一门新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。在使用过程中有的网站材料很多都是Word文档,虽然阅读起来很方便,可要添加到网页中就不是很方便了。尤其是那种含有表格的Word文档,如果要一项一项地去添加,实在是费时又费力。虽然Word可以将文档存为Web页,但生成的废代码太多,文件体积实在太大。
为了更好地解决这个问题,Dreamweaver已经为我们提供了很方便的命令,可以将word生成的html文件体积大幅度地减少,这样可以更好的减少冗余代码,缩小网站容量。
我们可以先启动Dreamweaver软件,点击【命令】菜单,仔细查看一下,会发现其中有这样的两项:“清理HTML”、“清理Word的HTML”,这样两项为我们提供了处理word文档的命令。下面我们通过一个实例来让大家理解这个命令。
这里以一个用word做的课程表为例,将利用这个表格一步一步地去将这个含表格的word文档转换成代码清晰的html文件。
【第一步】Dreamweaver是处理不了doc文档的,因此,我们需要先利用word把这个文档另存为html的格式,这一步比较简单,在word里面选择“文件(另存为”,保存类型选择html即可。
【第二步】观察一下另存出来的html文档,文档竟然有50多K!这仅仅是一个课程表!用Dreamweaver打开这个html文件,选择代码视图,在这里可以看到代码简直容量巨大!先用我们刚才提及的Dreamweaver的菜单“命令→清理word的HTML”,对文档处理一下。
这时候再看一下代码,比原来好得多了,但是还是有很多垃圾代码。再查看一下文档的大小,从原来的50多K迅速降到了不到20K。
【第三步】仔细看一下代码,有很多标签我们都不需要,比如 <P>,<SPAN>,<DIV>。其实完全可以删除它们。下面便用另外的一个菜单“命令→清理HTML”来对文档进行一番清理。选择菜单的“命令→清理HTML”,点选指定标签,把刚才看到的没有用的标签都填上。
格式是这样的:标签名,标签名。比如就应该填上p,span,div(注意:中间用半角逗号“,”隔开)。然后点击确定。稍等一会,会发现我们的文档已经相当干净了。仔细看一下TD标签,会发现它的class属性已经没有意义了。下面可以将它删除。手工一个一个的删除吗?当然不用!此时可以利用“查找与替换”的命令来把它们全部删除。
【第四步】打开查找与替换菜单(编辑→查找与替换,快捷键Ctrl+F)在查找内容前面的下拉框中,提供了四种方式。源代码、文本、文本高级、以及指定标签。在这里可以用源代码的方式,或者是指定标签的方式来清理。请参看下图所示。
上图中已经大概把这个面板的功能模块说了一下。同时还可以点击面板上的帮助。在这里,参数设置如上图,然后点击替换全部。就完成了这个文档的处理。至此,处理工作全部完成。我们成功地把一个50多K的文档缩小到不到3K,并且也可以更方便地将它粘贴到我们要应用的页面中了。
查找与替换似乎是人人都知道的功能,其实它的功能非常强大。在以后做网站的时候,如果遇到一个站点中有很多文件的某一个标签都需要修改,只要找到它们相同的规律便可以利用它来成批替换。还有高级文本的方式也不要忽略,都是些相当有用的工具。
参考文献
[1] 刘旭东网页制作标准教程,上海科学普及出版社,2004.7
[2]东方人华主编Dreamweaver MX 2004范例入门与提高,清华大学出版社,2004.7
[3]陈语林等网页制作与设计教程,中国水利水电出版社,2003.1
[4]杜永红 王冬霞主编网页设计与制作及实训教程,科学出版社2008.2