Question

请问我会table HTML，怎么快速学会css+div HTML的网页制作

我会用比较老式的table方式制作网页，比如建立一个独立的css文件，把要用的字体，form之类的样式放在里面，然后链接到各个页面，但这个已经过时了，现在都是css+div HTML，据说这样好维护代码也精简。那我要怎样迅速学会呢？比如说我已经做好了图，象以前table那样先把图切好吗？然后该怎么入手呢？我知道有把table网页转成css+div网页的软件，转完以后div后面是自动生成的数字，这样转出来的页面，程序员能用吗？ 听说有HTML基础可以学会，但是怎样入手呢？

Answer 1

其实个人认为从Table过来的人更能深刻理解Web标准。这是从所谓的Div+Css开始学习的人无法真正意义上能理解的。不知道你Table布局熟练到什么程度，例如页面如何绝对居中，边框如何1像素的三种方法，无边框占位，适合不同分辨率的弹性表格，表格嵌套等都是那个时候的重点。但留意过做完之后页面的大小和表格数量吗，通常都在20Kb以上几十个表格，并且表格最大的麻烦在于修改页面的时候，添加或删除某表格内容可能造成整体变形等诸多不便。Table过来的人应该深有体会吧。

学习和转换的过程是十分快乐的，最初你要去看一系列理论，包括Web标准／W3C标准，合理嵌套，语义化等等必须学习的内容，之后思维上大致可以转换一下了。其次开始动手，剩下的就是一个长期积累的过程。起初你可以靠自己实现一些常用的布局类型，上中下，三列等等，细节化的部分也不要先考虑浏览器兼容，初学以FF为准能实现基本效果即可，兼容问题会随着时间经验的积累迎刃而解。

举个简单例子来说，布局常用的一个东西就是页面居中，也就是水平方向居中是利用2个表格嵌套（没记错的话，呵呵），而使用Div的写法只需要<div id="mainbox"> </div> css中div{margin:0 auto;width:xxxpx;}即可，相比Table的代码量可想而知。

你读过Web标准就会知道表格不是淘汰，只是还原了它存在的意义，即”盛放”数据。而Xhtml中的Div标签则主要用来布局工作

总之上手之后会带来狠多好处

祝好运

Answer 2

用table来做比较直观，不需CSS，也不会产生各浏览器不兼容现象
但维护起来不方便
用DIV+CSS方便些，也利于蜘蛛搜索
建议先熟悉CSS在控制DIV时的各项参数，我是这样学起的
当了解了这些后就可以制作了，因为DIV+CSS其实就是控制DIV形态和位置

Answer 3

css+div 入手很简单，其实新手缺少的 是一个DIV 的概念， 我觉得 就是 把以前 TABLE的 东西分开来， 比如 一个 田字分成 4个口 。 这4个 口 可以自由的摆放 ，并且统一由CSS来控制， 只要改动一个CSS，页面就完全不一样了，这就是 TABLE 和CSS的区别。
要学的话，下点决心，先把TABLE 忘掉，用DIV 做， 其实很简单的， 缺少的是压力而已。

Answer 4

把table网页转成css+div网页的软件？别想这个了，我以前也想有什么自动的软件吗，现在看来，来是自已写好 啊，静下心来，好好看看就行了。我就是自学的。

Answer 5

这个很简单，买本书清华大学出版社翻译的国外的 CSS入门经典，一看就会像你这种有基础的，更容易掌握，首先掌握XHTML 也就是标准化你的页面HTML元素回归它们的本位，这样最基本的掌握页面元素语义后，就可以CSS 控制这些元素，改变它们本来的样子，css不难，掌握好盒模型概念就OK， 静态定位非静态定位，还有就是浏览器兼容，在IE6没有退出中国市场前很多CSS 2.0 样式应用不了，所以学的很少，JS 很有用，当你掌握XHTML　及CSS后看到设计图就会知道怎么切结构又好，又容易实现并且没有兼容性问题，

Answer 6

其实，你可以把div+css想象成table，table里的td，就是格子，就相当于div的盒子 。