3450399331
网站设计

浅述公司网站建设构建CSS框架的规则

发表日期:2025-04-14   作者来源:www.zhunnen.com   浏览:357   标签:网站设计    

对于各大企业门户,大量信息平台及多模块,多地区化网站,更需要对CSS,XHTML,的规范化,符合语意的HTML框架,复用性强的CSS代码,这类才能保障你的网站,具备非常不错的“地基”。第一部:关于公司网站建设构建CSS框架大家要达成的目的:
1.达成标准化,拥有主流平台适应性的前端达成;2.迅速开发,在站点风格确定后,前端不应该成为整个项目里瓶颈;3.重构的需要,尽量的让类和区块样式可重用;4.离别结构和表现的需要,遵守了语义化结构的约定;5.构架完全符合金融网特点的CSS框架。
6.对代码进行必要的网站SEO。第二部:关于CSS命名的一些约定:
1.不用大写形式的类名和id名;2.尽量用描述性的英文单词的组合作为类名和id名;3.id名及类名的多个英文单词之间用“_”短横线分隔;4.按地区进行描述编号例:main01_p01_ul01(可以理解为主体第一地区第一p下的第一个UL)下来大家要对整个网站及设计稿进行剖析,去做符合自己门户结构特点的CSS框架大家已新浪网为例子:进行站点结构剖析:整个页面分为:首页,更多页,内容页,专题页,数据中心,新闻中心,频道页,广告……大家对这类页面进行整理,去发现他们的公共部分,这类被发现的地方有:CSS的样式,及地区,模块的碎片,大家需要做的是把这类公有些部分提出来。察看后大家可以把CSS分以下几类:主体样式表:sjweb.cssfont(字体样式,字号,颜色的集合)layout(框架结构集合)global(全局默认样式集合)component(组成页面部分样式表,模块碎片集合)这类讲统统的被import到sjweb.css主体样式表里,主体样式表做为一个loader加载新的外来样式,譬如广告样式表。如此这类页面仅需写一点点是自己特殊需要的CSS样式代码就能了。在构建这个CSS框架的时候有不少细节的东西最好能统一化,譬如:行间距,模块之间间隔距离等。下面是某门户网的首页结构图:规则:
1.所有area之间,模块之间,间距上下左右为:8Pixel;2.新闻列表颜色#333;3.新闻列表行间距20pixel;……等等调整环境:IE7,ff,IE6,IE5.x,Opera。

目前标题:浅述公司网站建设构建CSS框架的规则文章来源:https://www.cdcxhl.com/news/133210.html

网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设等

如没特殊注明,文章均为登烈建站 原创,转载请注明来自http://www.nousuan.com/news/sheji/3/16911.html