網站制作中做門戶網站怎樣寫CSS才簡潔規范呢
2016-11-04 分類： 網站制作
大型門戶，海量信息平臺及多模塊，多區域化網站，更需要對CSS，XHTML的標準化，符合語意的HTML框架，復用性強的CSS代碼，這些才能保障你的網站，具有很好的“地基”。
一部：關于構建CSS框架我們要實現的目的：
1.實現標準化，具備主流平臺適應性的前端實現；
2.快速開發，在站點風格確定后，前端不應該成為整個項目里瓶頸；
3.重構的需求，盡可能的讓類和區塊樣式可重用；
4.分離結構和表現的需求，遵守了語義化結構的約定;
5.構架完全符合金融網特色的CSS框架。
6.對代碼進行必要的搜索引擎優化。
第二部：關于CSS命名的一些約定：
1.不使用大寫形式的類名和id名;
2.盡可能使用描述性的英文單詞的組合作為類名和id名;
3.id名及類名的多個英文單詞之間使用“_”短橫線分隔;
4.按區域進行描述編號 例：main01_div01_ul01 (可以理解為主體一區域 一DIV下的一個UL)
下來我們要對整個網站及設計稿進行分析，去做符合自己門戶結構特色的CSS框架。我們以新浪網為例子進行站點結構分析，整個頁面分為：首頁，更多頁，內容頁，專題頁，數據中心，新聞中心，頻道頁，廣告……
我們對這些頁面進行整理，去發現他們的公共部分：CSS的樣式,及區域，模塊的碎片。我們需要做的是把這些公有的部分提出來，我們可以把CSS分以下幾類：
主體樣式表：sjweb.css
font(字體樣式，字號，顏色的集合)
layout(框架結構 集合)
global(全局默認樣式集合)
component（組成頁面部分樣式表，模塊碎片集合）
這些講統統的被import到sjweb.css主體樣式表里，主體樣式表做為一個loader加載新的外來樣式，比如廣告樣式表。
這樣這些頁面只需要寫一點點 屬于自己特殊要求的CSS樣式代碼就可以了。
在構建這個CSS框架的時候有很多細節的東西好能統一化，比如：行間距，模塊之間間隔距離等。
規則：
1.所有area之間，模塊之間，間距上下左右為：8 Pixel ;
2.新聞列表顏色#333 ;
3.新聞列表行間距20 pixel；
一部：關于構建CSS框架我們要實現的目的：
1.實現標準化，具備主流平臺適應性的前端實現；
2.快速開發，在站點風格確定后，前端不應該成為整個項目里瓶頸；
3.重構的需求，盡可能的讓類和區塊樣式可重用；
4.分離結構和表現的需求，遵守了語義化結構的約定;
5.構架完全符合金融網特色的CSS框架。
6.對代碼進行必要的搜索引擎優化。
第二部：關于CSS命名的一些約定：
1.不使用大寫形式的類名和id名;
2.盡可能使用描述性的英文單詞的組合作為類名和id名;
3.id名及類名的多個英文單詞之間使用“_”短橫線分隔;
4.按區域進行描述編號 例：main01_div01_ul01 (可以理解為主體一區域 一DIV下的一個UL)
下來我們要對整個網站及設計稿進行分析，去做符合自己門戶結構特色的CSS框架。我們以新浪網為例子進行站點結構分析，整個頁面分為：首頁，更多頁，內容頁，專題頁，數據中心，新聞中心，頻道頁，廣告……
我們對這些頁面進行整理，去發現他們的公共部分：CSS的樣式,及區域，模塊的碎片。我們需要做的是把這些公有的部分提出來，我們可以把CSS分以下幾類：
主體樣式表：sjweb.css
font(字體樣式，字號，顏色的集合)
layout(框架結構 集合)
global(全局默認樣式集合)
component（組成頁面部分樣式表，模塊碎片集合）
這些講統統的被import到sjweb.css主體樣式表里，主體樣式表做為一個loader加載新的外來樣式，比如廣告樣式表。
這樣這些頁面只需要寫一點點 屬于自己特殊要求的CSS樣式代碼就可以了。
在構建這個CSS框架的時候有很多細節的東西好能統一化，比如：行間距，模塊之間間隔距離等。
規則：
1.所有area之間，模塊之間，間距上下左右為：8 Pixel ;
2.新聞列表顏色#333 ;
3.新聞列表行間距20 pixel；
……等等
分享題目：網站制作中做門戶網站怎樣寫CSS才簡潔規范呢
文章來源：http://www.js-pz168.com/news11/60061.html
網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 如何更好的讓搜索引擎收錄你的網站! 2016-11-04
- 網站制作的藝術體現在哪些方面 2016-11-04
- 企業網站制作值得注意的幾點 2016-11-04
- 網站制作中需要了解的細節 2016-11-04
- 成都網站制作如何做好外鏈建設 2016-11-04
- 百度新聞源收錄知識全知道 2016-11-04
- 這樣做更利于收錄 2016-11-04
- 網站改版目的是什么？ 2016-11-04
- 怎樣才能提高自己網站的文章收錄量 2016-11-04
- 網站改版所要考慮的問題 2016-11-04
- 如何讓百度搜索引擎對自己網站快速收錄內容 2016-11-04
- 想學網站制作，要學習哪些基本內容？ 2016-11-04
- 影響搜索引擎收錄網站速度的原因有哪些 2016-11-04
- 動態網頁靜態化的優點 2016-11-04
- 如何增強用戶體驗來提高用戶的訪問粘性 2016-11-04
- 網站文章每日都更新為什么還是不收錄新文章 2016-11-04
- 怎樣讓自己的新站快速讓快照收錄 2016-11-04
- 關于網站的收錄問題 2016-11-04
- 最新導致新網站不收錄的七大原因 2016-11-04