成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

淺述企業(yè)網(wǎng)站設(shè)計構(gòu)建CSS框架的規(guī)則

2021-10-27    分類: 網(wǎng)站設(shè)計

對于各大企業(yè)門戶,海量信息平臺及多模塊,多區(qū)域化網(wǎng)站,更需要對CSS,XHTML,的標(biāo)準(zhǔn)化,符合語意的HTML框架,復(fù)用性強的CSS代碼,這些才能保障你的網(wǎng)站,具有很好的“地基”。
第一部:關(guān)于企業(yè)網(wǎng)站設(shè)計構(gòu)建CSS框架我們要實現(xiàn)的目的:
1.實現(xiàn)標(biāo)準(zhǔn)化,具備主流平臺適應(yīng)性的前端實現(xiàn);
2.快速開發(fā),在站點風(fēng)格確定后,前端不應(yīng)該成為整個項目里瓶頸;
3.重構(gòu)的需求,盡可能的讓類和區(qū)塊樣式可重用;
4.分離結(jié)構(gòu)和表現(xiàn)的需求,遵守了語義化結(jié)構(gòu)的約定;
5.構(gòu)架完全符合金融網(wǎng)特色的CSS框架。
6.對代碼進(jìn)行必要的搜索引擎優(yōu)化。
第二部:關(guān)于CSS命名的一些約定:
1.不使用大寫形式的類名和id名;
2.盡可能使用描述性的英文單詞的組合作為類名和id名;
3.id名及類名的多個英文單詞之間使用“_”短橫線分隔;
4.按區(qū)域進(jìn)行描述編號例:main01_p01_ul01(可以理解為主體第一區(qū)域第一div下的第一個UL)
下來我們要對整個網(wǎng)站及設(shè)計稿進(jìn)行分析,去做符合自己門戶結(jié)構(gòu)特色的CSS框架
我們已新浪網(wǎng)為例子:
進(jìn)行站點結(jié)構(gòu)分析:
整個頁面分為:首頁,更多頁,內(nèi)容頁,專題頁,數(shù)據(jù)中心,新聞中心,頻道頁,廣告……
我們對這些頁面進(jìn)行整理,去發(fā)現(xiàn)他們的公共部分,這些被發(fā)現(xiàn)的地方有:CSS的樣式,及區(qū)域,模塊的碎片,我們需要做的是把這些公有的部分提出來。
觀察后我們可以把CSS分以下幾類:
主體樣式表:sjweb.css
font(字體樣式,字號,顏色的集合)
layout(框架結(jié)構(gòu)集合)
global(全局默認(rèn)樣式集合)
component(組成頁面部分樣式表,模塊碎片集合)
這些講統(tǒng)統(tǒng)的被import到sjweb.css主體樣式表里,主體樣式表做為一個loader加載新的外來樣式,比如廣告樣式表。
這樣這些頁面只需要寫一點點屬于自己特殊要求的CSS樣式代碼就可以了。
在構(gòu)建這個CSS框架的時候有很多細(xì)節(jié)的東西最好能統(tǒng)一化,比如:行間距,模塊之間間隔距離等。
下面是某門戶網(wǎng)的首頁結(jié)構(gòu)圖:
規(guī)則:
1.所有area之間,模塊之間,間距上下左右為:8Pixel;
2.新聞列表顏色#333;
3.新聞列表行間距20pixel;
……等等
調(diào)整環(huán)境:IE7,ff,IE6,IE5.x,Opera。

本文標(biāo)題:淺述企業(yè)網(wǎng)站設(shè)計構(gòu)建CSS框架的規(guī)則
分享路徑:http://jinyejixie.com/news10/133210.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
德阳市| 玉门市| 永嘉县| 衡南县| 福建省| 济南市| 郑州市| 杂多县| 延安市| 基隆市| 那曲县| 元阳县| 谷城县| 资溪县| 锦州市| 股票| 辛集市| 克什克腾旗| 凉城县| 福贡县| 马关县| 靖安县| 简阳市| 嘉荫县| 嘉鱼县| 前郭尔| 博客| 柏乡县| 奉化市| 安塞县| 德江县| 塔城市| 陕西省| 康平县| 应用必备| 苍山县| 临桂县| 色达县| 江油市| 郴州市| 梁山县|