这里为大家提供了一个用 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属性已经没有意义了。下面我们将它删除。手工一个一个地删?当然不用!我们可以利用查找与替换的命令来把它们全部删除。好,开始行动.
网站优化最容易被忽略的地方?租用海外服务器CN2和BGP线路选择哪个好?seo优化人员做收录需要注意哪些问题?SEO推广相较于其他优化有哪些优势?微信小程序对企业有作用?有必要开发吗?面对客户一些问题,做出的回答网站改版注意事项,避免之前的优化工作打水漂网站设计制作中应注意的问题