日期:2014-05-17  浏览次数:20713 次

小议Web前台界面设计规划
对于大型网站的前台界面设计,如果事先的规划设计没做好,当页面数达到一定的数量后,就会显得凌乱,很难控制整体布局,由此将导致中期开发进度缓慢回退困难以及难以协作开发等的问题;而良好的先期规划,将大幅度提高页面开发进度和工作效率,也能保证代码的精而简,对于bug纠正、网站调试、模版替换等都起到很大的作用,且页面代码的可读性和易用性将大大方便Web开发程序员的工作进度。

          在这里,我要提倡网站的标准化建设,所谓标准化,就是XHTML,通过CSS控制页面整体样式,通过DIV等元素来控制页面整体布局,尽量减少标签嵌套,功能代码和样式表现代码完全分离,通过层叠样式来控制页面表现形式。标准化网站有几个好处:
1)页面结构清晰,代码可读性强。
2)开发效率高,冗余代码少。
3)方便调整整站样式和表现结构。
4)对搜索引擎优化起推动作用。
5)支持众多标准浏览器。
6)浏览器解析轻松,速度更快。
          设计一个大型网站的前台界面,需要进行详尽的分析和研究,通过页面草图规划网站的整体结构布局,然后将布局规划转换成样式表,最后进行页面功能详细设计,对于表现层的规划和设计,有以下几点需要关注:
1)CSS中布局和具体样式表现分离(适用于可更换模版的网站,如blog系统)。
2)有层次感的页面元素嵌套,充分利用属性继承。
3)选择器命名规范合理,有效利用内置选择器。
4)合理区分“id”元素与“class”元素。
5)使用精简的CSS定义方式。
6)分开定义不同功能与用途的样式表。
7)上线前的样式表做好注释,上线后的请优化。
8)DIV用于布局,Table用于列表(标准化的页面不是没有Table的页面)。
9)不要让内置选择器失去原有样式属性。
10)有效利用CSS   HACK兼容多浏览器。
11)请用IE与FF等标准浏览器同时调试。
          总之,对于大型网站的页面设计,需要充分的规划和设计,这是一劳永逸的~
          任何新的见解或不足请指出讨论~



------解决方案--------------------
支持楼主
------解决方案--------------------
呵呵,好高深...不太能够理解;主要是具体做的时候不清楚怎么回事