关于vs2005页面布局的问题
最近在使用vs2005的过程中,本人对页面的布局控制总是很混乱,在DW中感觉很灵活,但是DW中好像没有Net2.0中新增的控件,如GridView等,希望大家能总结一下自己在Net2.0开发中对页面布局的一些技巧和经验。
------解决方案--------------------你说的布局就是静态页面的设计吧?那么你本来就不应该使用asp.net。如果使用asp.net,你就会用到GridView、FormView、TreeView、动态装载的组件(完成同一页面内的交互)等等,页面布局应该是“自动排版”的,不是写死的你说的DW的那种设计方式。
即使WinForm编程,也有Dock、Anchor等用于自动排版。
------解决方案--------------------楼主想做设计还是开发
还是做二者的桥梁?
虽然dw可以一边设计一边开发,但是它的开发只是“快餐”
vs2005可以一边开发一边设计,但是它的设计不伦不类
------解决方案--------------------如果只是为了决定布局,div+css吧,dw和vs2005都能做到,因为这是一个只需要记事本的活
我还是不提倡把开发和设计混合,设计一套布局接口规范,让设计和开发的人都遵循这套规范去各自工作,才是web开发的王道
------解决方案--------------------当你开发web应用程序的时候,静态页设计是个“效果图”,内容是死的。而不可能保证是真正的结果。例如你使用到了GridView,那么你可能就允许用户在界面上选择行数,例如有的人屏幕小或者等原因也许仅需要显示15行,有的人需要就是希望直接看到200行。那么很自然,如果你的页面是个的实用的应用,页面上有十多种对象图形存在,自然这个GridView变高了其它的就要挪位置了。
再比如左边是GridView右边是DetailsView,那么应该它们的宽度应该自动调整。如果不能自动调整,但是随着每一次交互造成内容大面积变化,原来的布局多么难看呀。
------解决方案--------------------再比如左边是GridView --> 再比如左边是GridView并且(由于列太多)列可以由用户在页面上选择
最主要的,你是在开发应用程序,而不是在开发简单的网页。如果只是开发简单网页,应该使用那些对最初设计工具要求很低的静态网页设计工具和方法步骤。
------解决方案--------------------楼主是想可视化设计吗?像DW一样,但又能添加asp.net2.0里的控件吗?是的话微软早就有工具了.
Expression Web Designer非常好用的东东,可以直接拖asp.net 2.0里的控件进去,css也可以在里面直接写,所见既所得.试试吧!
------解决方案--------------------我也支持用Expressionn Web Designer。首先在VS2005把程序写好,然后放到Expression Web Designer中设计。如果你发现改来改去都改不了多少,无法实现你想要的效果,那就该去研究研究CSS了。
------解决方案--------------------接口其实并不复杂:
如果是一个人负责前后台,而又对后台开发比较在行,可以从后到前,也就是——
1、用vs开发业务功能,注意“尽量不要”为服务器控件设置任何样式(字体、颜色、长宽、坐标、边框、间隔、空白……)
2、可以用模板页控件(MasterPage)定义布局
3、在1、2的基础上使用css为最终的html内容赋予样式外观。这一步可以完全脱离vs的后台开发环境,只要使用浏览器正常访问功能已经完备的web应用,得到具有代表性窗体的html源代码,然后用任何设计工具对css进行定义
------解决方案--------------------如果是团队开发,界面设计和业务实现的分工比较明确,就应该事先为两者的工作内容制定一个接口——一套让界面设计师能够测试设计效果、让业务实现者(窗体/用户控件/服务器控件开发人员)作为输出目标的html范本
------解决方案--------------------这东西没什么固定的套路,看你本身的能力而定~~严格点说,只要你对html语法了解,直接在vs.net中手写就是一件很爽的事情!如果用其它工具来完成你的要求,未尝不可~
只是有些控件可能在DW/Fg无法识别,可能在设计视图会更糟糕~
------解决方案--------------------没办法,只能多做,多练,table+div+css,本人还是见意多使table,页面布局,table决对是首选
感觉DW确实很好用,但是它生成的没有用的东西太多了,我感觉它在好用的同时,是以页面多加入无用的标记为代价的
个人见解,共同学习