门户网站构建CSS框架的规则
对于大型门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML,的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的“地基”。 第一部:关于构建CSS框架我们要实现的目的: 1.实现标准化,具备主流平台适应性的前端实现; 第二部:关于CSS命名的一些约定: 1.不使用大写形式的类名和id名; 下来我们要对整个网站及设计稿进行分析,去做符合自己门户结构特色的CSS框架 我们已新浪网 为例子: 进行站点结构分析: 整个页面分为:首页,更多页,内容页,专题页,数据中心,新闻中心,频道页,广告…… 我们对这些页面进行整理,去发现他们的公共部分,这些被发现的地方有:CSS的样式,及区域,模块的碎片,我们需要做的是把这些公有的部分提出来。 观察后我们可以把CSS分以下几类: 主体样式表:sjweb.css 在构建这个CSS框架的时候有很多细节的东西最好能统一化,比如:行间距,模块之间间隔距离等。 下面是某门户网的首页结构图:
规则: 调整环境:IE7,ff,IE6,IE5.x,Opera。 PS:其实更多是你在构建的时候细节上的问题,好了不多说了。呵呵 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |