初学者寻求界面步局的方法或经验。

[一只熊猫]

本人刚开始学习web开发。。。再不学没法混了 。

我用VS2005，感觉设计页面很麻烦，我现在只会先插入表格，然后再一个个的拆分拆分，再把一些Label、按钮放到表格里，

最后通过调整表格的长宽来步局 =。= 是不是很傻？

这样一个简单的页面也需要很多时间。。。。请问大家在设计一个页面时是如何实现快速步局的呢？

[谈阿大]

我也迷茫ASP.net的程序员需要如何档次的Div+CSS布局？
1.能自己写一个页面？（包括切图，制作等）
2.能看懂别人写好的布局的样式，然后按照项目的需求修改。

[Bodil]

嗯，我都是用vs布局div+css的，但是我却不看vs里面显示的界面，不准，都是在vs里写好代码，然后ie6+ie7+ff测试就可以了，只要效果3个都一样(有时候不能完全都一样，但是相差不会太大，不仔细看看不出来那种)，就ok

[以专业开发人员为伍]

[Quote=引用楼主 Going1981 的帖子:]
本人刚开始学习web开发。。。再不学没法混了 。

我用VS2005，感觉设计页面很麻烦，我现在只会先插入表格，然后再一个个的拆分拆分，再把一些Label、按钮放到表格里，

最后通过调整表格的长宽来步局 =。= 是不是很傻？

这样一个简单的页面也需要很多时间。。。。请问大家在设计一个页面时是如何实现快速步局的呢？
[/Quote]

如果你是开发交互式数据操作的应用程序，你的table应该将width设置为100%宽度。要记住这个。而对于高度，通常不需要设置。里边的东西，例如一些数据绑定组件、多行TextBox、用户控件等都是会运行时变化高度的。就算你放入一个Button，你可能设置它的高度，这时候它就会“撑起”同一行的高度。而你写死了高度，就很傻气了。

实际上，只有那些静态页面才写死了每一个图形的位置。

而应用程序，讲求自动布局，所以你不应该写死宽高，而让控件自己去计算最合理、美观的布局。你试试拖动当前这个浏览器窗口的边框，让它变窄，你看到csdn的这个页面内容重新布局了吗？这么简单的页面，都要自动布局。你的一个有着复杂的交互数据界面的页面，更需要按照数据的宽窄、高低、列数和行数的多少、页面分割情况自动布局。例如页面上有一个下拉控件，用户用它随时去改变GridView一页显示5、10、20、30、40、50行，也就是说GridView的高度是变化的，那么它下边以及右边的控件当然要随着它的高度、宽度而动态调整调整位置了。所以，好的应用程序是动态布局，或者自动地停靠在布局的四周位置，而不是那种静态网页的设计方法。

[hy_lihuan]

我在一个程序开始编写时，总会先花时间做一到两个通用的页面，这样的页面需要通用、简洁；
后面就可以在这个基础上面拷贝使用了。
个人比较喜欢在vs里面直接写html来画页面，不喜欢dreamweaver自动生成的，会产生很多的冗余代码；

[以专业开发人员为伍]

仅仅对当前这个超级简单的csdn页面，它在宽度减小时，需要自动调整许多东西的高度以及位置，内容总是正好摆在页面的最合理位置而不会流出一堆空白或者总是有一整个区域看不到。

你不妨用“css计算”的角度去估算一下工作量难度，你需要花多长时间能让这个页面的简单动态布局不使用table？即使达到了自动布局功能，那么你的的计算速度会比table还快么？

[以专业开发人员为伍]

[Quote=引用楼主 Going1981 的帖子:]
最后通过调整表格的长宽来步局 =。= [/Quote]

不要拖动表格。如果你不小心拖动它，它自动生成了样式写死了某一部分的高和宽，我会赶紧删除掉。你试一试，拖入一个用户控件或者别的什么稍微高级一点的控件，要是它不能自动完美地嵌入单元格显示，那么就是你拖动表格写死了高宽参数造成的。如果你一开始就随意写死控件位置，以后再改过来才会觉得又慢又蠢（因为你要不断修改界面内容，就要不断重新手工排版）。

什么时候写死页面上的控件坐标？基本上倾向于静态页面，这个页面不是熟练用户操作界面，而往往是用户上到一个网站上第一眼看到的一个唬人的页面。

[zzjder_sh]

页面的布局最好还是用dw

[mengxj85]

[Quote=引用 38 楼 zzjder_sh 的回复:]
页面的布局最好还是用dw
[/Quote]
有些属性在VS里不兼容哦

[一人前端]

20楼的妹妹好牛啊！！学习了

[5Br]

100%先把表格布局学好
等把表格布局学会了,很熟了
我敢保证
CSS+DIV布局只要你看上一两遍就会了
其实原理都是想通的

在VS里我都是手写布局
加一行就写一行的表格
后面基本相同的就复制粘贴
很简单

[ztlacc2008]

[Quote=引用 10 楼 oec2003 的回复:]
引用 9 楼 Going1981 的回复:
谢谢各位。 那我先把Table方式练熟，基础得打好，HOHO。。


你可以在dw中布局好 将代码 拷到vs中 然后填充控件就行
[/Quote]

对我也是这样做的,在dw里面布好局然后贴到里面去VS...很方面 dw做界面设计绝对的灵活啊 我是div+css+table... 哈哈.

[阿彪兄]

用table+div+css+要求熟悉用html,同时可以用dreamweaver作好了放到VS中

[空心兜兜]

用惯了Dreamweaver，到VS里很不习惯

[xiaoks668]

我一般是Dreamweaver+VS2005+IIS

[mengxj85]

Table+Div+Css三个结合用

[zhangxuyu1118]

[Quote=引用 43 楼 wybxs2006 的回复:]
用table+div+css+要求熟悉用html,同时可以用dreamweaver作好了放到VS中
[/Quote]good

[一只熊猫]

[Quote=引用 29 楼 sp1234 的回复:]
仅仅对当前这个超级简单的csdn页面，它在宽度减小时，需要自动调整许多东西的高度以及位置，内容总是正好摆在页面的最合理位置而不会流出一堆空白或者总是有一整个区域看不到。

你不妨用“css计算”的角度去估算一下工作量难度，你需要花多长时间能让这个页面的简单动态布局不使用table？即使达到了自动布局功能，那么你的的计算速度会比table还快么？
[/Quote]

没别的了，谢谢你！

[tm62490309]

做WEB开发 还是CSS+DIV比较好

[一只熊猫]

结贴了。

真的非常的感谢楼上的各位！！！

有CSDN，真幸福。。。

[一只熊猫]

有些同志没加上分。。真不好意思。。

我真希望给大家一人加200分 =。=