当前位置:园子博客 » 实用软件 » table转div工具:Table2CSS Converter汉化版下载

table转div工具:Table2CSS Converter汉化版下载

8月 19th, 2010 | Filed under 实用软件 | 共有9,428次浏览

现在建立网站普遍采用 div+css 布局,如果你还在用传统的 table 布局,也就是表格,那么今天园子推荐的 table 转 div 工具可以帮助到你,通过这个工具可以轻松的把 table 布局的网页转换成 div 模式

当然,这个工具园子仅建议那些不想学习 div 的同学们使用,因为转换的肯定有不少冗余代码,这也是临时抱佛脚的一个折衷办法。div 布局网站的好处也不多讲了,大致就是易于搜索引擎收录,在以后改版的时候更加灵活高效,我的博客文章里面也分享有不少的 css 方面的知识,感兴趣的话可以翻阅看看。

来看看 Table2CSS Converter 界面吧:

Table2CSS Converter 界面

Table2CSS Converter 界面

界面很简单,也很粗糙,不过不影响使用。所有功能也一目了然。

Table2CSS Converter 使用方法

1.在本文下方提供的下载链接下载软件,安装后打开会看到如上图界面。

2.点击“添加文件/URL”按钮,你可以找到一个文件,或是直接输入一个在线网址。

3.点击“转换”按钮,接着会出现若干个弹出要求确认之类的窗口,一直点确认就行了,最后就提示转换成功了。

园子测试 table 转 div 的代码展示

先看看转换前的 table 布局代码:

1
2
3
4
5
6
7
8
9
10
11
12
<body>
<table width="500" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td bgcolor="#CCCCCC">园子博客</td>
    <td bgcolor="#CCCCCC">http://www.yzznl.cn/</td>
  </tr>
  <tr>
    <td>361酷</td>
    <td>http://361ku.com/</td>
  </tr>
</table>
</body>

再对比下转换后的:

1
2
3
4
5
6
7
8
	<body class="gen-1">
		<div class="ts-1">
			<div class="ts-1-1">园子博客 </div>
			<div class="ts-1-2">http://www.yzznl.cn/ </div>
			<div class="ts-1-3">361酷 </div>
			<div class="ts-1-4">http://361ku.com/ </div>
		</div>
	</body>

经过转换后会自动生成一个CSS文件,里面包含了这个文档所对应的样式表。具体CSS代码我就不贴出来了。我们可以看出文档被转换后都变成了 div+css 的模式,另外这个软件已经支持外部的CSS文件,并且支持网页及目录批量转换操作。可以说是新手必备的一个好工具。

Table2CSS Converter 汉化版下载

软件下载(823KB) 百度网盘 | 华为网盘 | 115网盘 | 来自园子博客

  1. 亚飞正传(新浪微博)
    6月 20th, 201118:01

    会产生些垃圾代码噢。依然谢谢!

  2. 久益视界
    9月 1st, 201014:41

    这样的软件不行吧?如果真的那么好用,那么很重构人员不是没饭吃了

  3. 站长实验室
    8月 27th, 201016:14

    这个工具不错,table转div是件麻烦的事情啊。。

  4. zwwooooo
    8月 21st, 201021:40

    这个工具很方便啊

  5. TTkea
    8月 21st, 201000:45

    呵呵,,对这个不懂了..

  6. chinallww
    8月 20th, 201022:47

    其实现在用表格其实还是很多的..

    懂点的就全部是 div加css了.

  7. 蛋卷
    8月 20th, 201021:12

    虽然粗糙但很不简单

  8. winw
    8月 20th, 201017:51

    这个工具能让我直接做网页布局吗?

    • 园子
      8月 21st, 201017:22

      @winw
      产生了较多的冗余代码
      如果你不介意这点的话可以使用的。

  9. huangjun
    8月 20th, 201016:55

    这样的工具估计没什么人愿意用的。

  10. 雅岚
    8月 20th, 201015:04

    妖女岚又来园子家绕绕,哈哈哈

  11. 河北博客
    8月 20th, 201014:48

    我来晚了 这个工具很不错!

  12. 右脑开发
    8月 20th, 201014:25

    真是个好工具 我收下了

  13. 卢松松
    8月 20th, 201011:57

    松松软件站也提供的有下载,不过转换的效果并不太好

  14. 红心草
    8月 20th, 201009:52

    这个工具如何好用的话,用处还真是挺大的。

  15. 超人
    8月 20th, 201009:30

    园子兄。。 好久不见了。今天搜索进来了。。嘿嘿

  16. 学夫子
    8月 20th, 201000:42

    直接就是博客系统本身就拿着用了,哈哈,没有折腾过

  17. 先看看
    8月 19th, 201021:35

    这个挺实用的呢

  18. 黄伟涛
    8月 19th, 201021:16

    不太懂,感觉是好东西

  19. Firm
    8月 19th, 201017:53

    懒人使用的工具我一直都很喜欢

  20. 北街
    8月 19th, 201017:27

    这个东西真不错~

  21. 番薯窝
    8月 19th, 201017:06

    非常实用的功能

  22. 阿七
    8月 19th, 201016:54

    我是没用过table了。。 :mrgreen:

  23. 奶牛
    8月 19th, 201015:11

    蛮不错滴东东,收藏啦~~~

  24. 创享·生活
    8月 19th, 201015:09

    这个适合写代码的人哈..我们这些只会使用,不会写代码的人就可以直接忽略了,哈哈

  25. BoKeam
    8月 19th, 201014:08

    table,好久远

  26. 木本无心
    8月 19th, 201013:22

    好工具,现在写table很少了……

  27. 严重浪漫
    8月 19th, 201013:09

    css是个好东西。

  28. 雅岚
    8月 19th, 201012:35

    唔。。。。听记忆盒子说来,妖女岚还是不去试了,哈哈哈

  29. 记忆盒子
    8月 19th, 201012:20

    这个工具很不错,不过css还是手写的好,因为你写个通用的css样式,要在全站都调用的,而工具生成的仅仅是针对某一个页面的某个table.如果table多的话,可能那个css文件很大的,而事实上可以只需1个css样式即可.

    • 园子
      8月 19th, 201016:35

      @记忆盒子
      确实是的哈
      适合那些不想学习的懒家伙们。

  30. 飞晏
    8月 19th, 201011:29

    这样的软件也有…
    table的某些时候还是可以用一下的

  31. 软件盒子
    8月 19th, 201011:07

    这些东西我还看不懂

  32. 集趣
    8月 19th, 201011:02

    原来是这样的,看到一些网站的代码是这样,现在了解了

  33. Mucid
    8月 19th, 201010:47

    这个转换来滴东西,明显的木有逻辑性!

  34. 左心房的洞
    8月 19th, 201010:15

    以前想找这么个软件来,得来全不费功夫啊

  35. joyla
    8月 19th, 201010:12

    很棒的软件,嘿嘿!谢谢了!

  36. Zk
    8月 19th, 201010:11

    这个我需要··
    以前做的一个班级网站用得上··谢谢分享·

  37. ifenwen
    8月 19th, 201010:01

    的确很强悍哦

  38. Code之行人
    8月 19th, 201009:24

    网站我是不会了,所以这个我也不会用啊

  39. su
    8月 19th, 201009:24

    这么说还是非常有用的哦

您必须在 登录 后才能发布评论.