免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

淺述企業網站設計構建CSS框架的規則

2021-10-27    分類: 網站設計

對于各大企業門戶,海量信息平臺及多模塊,多區域化網站,更需要對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。

當前標題:淺述企業網站設計構建CSS框架的規則
文章來源:http://m.newbst.com/news/133210.html

網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站設計

廣告

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

h5響應式網站建設