dw8的可视化div布局
Saturday, 29. July 2006, 18:31:51
div布局和table布局都可以做出xhtml来，但table不作为布局用途的原则，使得设计者在感情上更倾向于div。
但div最大的问题就是，由于浏览器的解释不一样，表现不一样，在可视化工具（比如dw）里面实时预览的效果也不一样，因此对于不熟悉规律的人而言，就是不断地刷新看效果，再调整……
这几天试了一下dw8的可视化div编辑，感觉还不错，虽然说不能避免刷新看效果再改来改去的问题，但完全使用dw8可视化操作、不手动写代码是没问题的。一路用下来后，感觉还是挺爽的，初步找回以前用表格布局的畅快感。
说说我的流程，希望能帮助到那些平面设计出身、头痛代码编写的网页设计师们，是这样的：
1、一定要画草图（或者psd设计图），一边做html一边设计样式的做法，不太适合现在的div页面要求了。按理说，最完美是能达到表现与数据分离的结果，但其实把所有数据用div单独列出来再用样式控制出复杂的布局，目前而言不大可能（特别是自适应页面）……所以必要的div嵌套是需要的，但尽量少还是必要的原则吧。草图可以让你想清楚哪些样式是可以重用的，哪些用于布局的div是必要的。
2、分好块之后，就需要好好设计div块了，dw8有个查看－>可视化助理选项，里面不少好东西可以帮助你清晰辨认各种div块。新建各种div块的时候，顺便帮div块命名，独立样式使用ID，而可重用的使用class（类）。dw8新建div块也是使用对话窗口来实现。
3、开始针对每个div块定义的ID或者类，新建对应的样式说明。dw8同样提供了对话窗口来完成这一切，应用样式之后马上可以预览到布局效果。所有的样式定义都能通过dw8的对话框来完成。
4、反复在firefox与IE中测试……
5、（这步如果不熟悉语法，也可以略去）效果ok后，编辑css文件，把代码尽可能优化，能重用的就重用。
要不要把所有的页面都“标准化”其实是见仁见志。因为有两个因素影响：第一是重构升级带来的成本；第二是不同浏览器对css的解释并不太一样。标准化页面的好处是节省带宽且对搜索有利。除开这些，对页面效果而言，表格布局＋css控制样式的xhtml页面我觉得速度更快、对浏览器的适应性更好
但div最大的问题就是，由于浏览器的解释不一样，表现不一样，在可视化工具（比如dw）里面实时预览的效果也不一样，因此对于不熟悉规律的人而言，就是不断地刷新看效果，再调整……
这几天试了一下dw8的可视化div编辑，感觉还不错，虽然说不能避免刷新看效果再改来改去的问题，但完全使用dw8可视化操作、不手动写代码是没问题的。一路用下来后，感觉还是挺爽的，初步找回以前用表格布局的畅快感。
说说我的流程，希望能帮助到那些平面设计出身、头痛代码编写的网页设计师们，是这样的：
1、一定要画草图（或者psd设计图），一边做html一边设计样式的做法，不太适合现在的div页面要求了。按理说，最完美是能达到表现与数据分离的结果，但其实把所有数据用div单独列出来再用样式控制出复杂的布局，目前而言不大可能（特别是自适应页面）……所以必要的div嵌套是需要的，但尽量少还是必要的原则吧。草图可以让你想清楚哪些样式是可以重用的，哪些用于布局的div是必要的。
2、分好块之后，就需要好好设计div块了，dw8有个查看－>可视化助理选项，里面不少好东西可以帮助你清晰辨认各种div块。新建各种div块的时候，顺便帮div块命名，独立样式使用ID，而可重用的使用class（类）。dw8新建div块也是使用对话窗口来实现。
3、开始针对每个div块定义的ID或者类，新建对应的样式说明。dw8同样提供了对话窗口来完成这一切，应用样式之后马上可以预览到布局效果。所有的样式定义都能通过dw8的对话框来完成。
4、反复在firefox与IE中测试……
5、（这步如果不熟悉语法，也可以略去）效果ok后，编辑css文件，把代码尽可能优化，能重用的就重用。
要不要把所有的页面都“标准化”其实是见仁见志。因为有两个因素影响：第一是重构升级带来的成本；第二是不同浏览器对css的解释并不太一样。标准化页面的好处是节省带宽且对搜索有利。除开这些，对页面效果而言，表格布局＋css控制样式的xhtml页面我觉得速度更快、对浏览器的适应性更好
WIDGETIZE