深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

浅述企业网站设计构建CSS框架的规则

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/9/19

对于各大企业门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML,的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的“地基”。
第一部:关于企业网站设计构建CSS框架我们要实现的目的:
1.实现标准化,具备主流平台适应性的前端实现;
2.快速开发,在站点风格确定后,前端不应该成为整个项目里瓶颈;
3.重构的需求,尽可能的让类和区块样式可重用;
4.分离结构和表现的需求,遵守了语义化结构的约定;
5.构架完全符合金融网特色的CSS框架。
6.对代码进行必要的搜索引擎优化。

第二部:关于CSS命名的一些约定:
1.不使用大写形式的类名和id名;
2.尽可能使用描述性的英文单词的组合作为类名和id名;
3.id名及类名的多个英文单词之间使用“_”短横线分隔;
4.按区域进行描述编号例:main01_p01_ul01(可以理解为主体第一区域第一DIV下的第一个UL)

下来我们要对整个网站及设计稿进行分析,去做符合自己门户结构特色的CSS框架
我们已新浪网为例子:
进行站点结构分析:
整个页面分为:首页,更多页,内容页,专题页,数据中心,新闻中心,频道页,广告……
我们对这些页面进行整理,去发现他们的公共部分,这些被发现的地方有:CSS的样式,及区域,模块的碎片,我们需要做的是把这些公有的部分提出来。

观察后我们可以把CSS分以下几类:
主体样式表:sjweb.css
font(字体样式,字号,颜色的集合)
layout(框架结构集合)
global(全局默认样式集合)
component(组成页面部分样式表,模块碎片集合)
这些讲统统的被import到sjweb.css主体样式表里,主体样式表做为一个loader加载新的外来样式,比如广告样式表。
这样这些页面只需要写一点点属于自己特殊要求的CSS样式代码就可以了。
在构建这个CSS框架的时候有很多细节的东西最好能统一化,比如:行间距,模块之间间隔距离等。

下面是某门户网的首页结构图:
规则:
1.所有area之间,模块之间,间距上下左右为:8Pixel;
2.新闻列表颜色#333;
3.新闻列表行间距20pixel;
……等等
调整环境:IE7,ff,IE6,IE5.x,Opera。

相关行业资讯

1、详细介绍IT类网站分类和制作要点
2、网站建设中影响优化的因素有哪些
3、网站制作公司应该如何选择
4、SEO优化技术都可以借鉴哪些
5、网站建造站内优化基础重点
6、什么是网站商城
7、通过百度外链分析工具挖掘同行业优质外链资
8、利用第三方外链平台做关键词优化排名
9、写了原创也被K你没有注意到的原创seo文章写作技巧
10、如何做网页才能建设出高质量的网站
11、企业网站建设基于信息交付的盈利模式
12、由对某小区方便面出发举例产品运营情况分析思路
13、网站设计要做到“三留心”
14、站长购买主机服务器时都需要注意事项
15、网站贵在坚持,重在肯钻
16、网站制作浅谈网站常见盈利方式
17、企业做网站抽象性
18、网站建设过程中要注意的一些问题
19、网站结构优化对seo优化的好处
20、 分享百度搜索结果页图片的优化技巧_网站运营_深圳网络公司
21、怎么建网站需要投资多少钱
22、站长们容易忽略影响网站排名的6大因素
23、百度站长平台对于站点属性(LOGO)审核原则
24、如何建网站,建站有哪些步骤呢
25、成都网站建设提高网站速度的方法
26、和大家分享网站建设时需要注意的事项
27、企业网站设计胶东剪纸的特点及艺术价值
28、教你10分钟让百度收录自己的新网站
29、老站优化的办法有哪些
30、企业网页设计不可忽视的五个要点
31、做网站的备案操作流程——ICP备案
32、如何做好网站的后期的维护工作
33、总结七种移动网页设计中糟糕体验
34、如何通过案例了解网站建设公司质量
35、企业网站建设的必要性和企业网站建设的优势
36、网站如何优化排名方法有哪些
37、快速提高网站流量和百度权重的3个办法
38、网站优化的问题
39、SEO原创文章标题与题材的来源
40、如何做好幼儿园网站建设很重要
41、营销型网站建设栏目内容应当如何规划(一)
42、怎样把SEO的图片优化发挥到极致
43、如何做才能让需求较高的网站客户满意呢
44、网站排名该如何靠前,做网站的初衷是什么
45、重产品轻运营——安居客为什么做不过搜房
46、判断网站优化哪些对搜索引擎不利的
47、给企业制作一个网站很随意那是因为没想到这些
48、互动网站建设公司为客户设计高端网站有哪些好处
49、深圳个人做网站或工作室做网站可信吗
50、深圳网站建设中需要注意的问题
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号