海淘科技小編為你提供，網(wǎng)站設(shè)計(jì)規(guī)范。網(wǎng)站設(shè)計(jì)包括，網(wǎng)站代碼文件結(jié)構(gòu)設(shè)計(jì)，網(wǎng)頁(yè)模塊設(shè)計(jì)，網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)，網(wǎng)站交互規(guī)范... ...詳情請(qǐng)看下文、

一、HTML代碼規(guī)范

符合國(guó)際標(biāo)準(zhǔn)的W3C規(guī)范，比如title，mate標(biāo)簽的書寫，HTML 中最好不要將無(wú)內(nèi)容元素 的標(biāo)簽閉合，例如：使用<br>而非<br/>標(biāo)簽的閉合等等書寫技巧，總之，即讓搜索引擎易識(shí)別。

二、CSS樣式文件

比如怎樣在不同兼容性的情況下調(diào)用不同的css文件，css代碼編寫時(shí)注釋的寫法，hack的識(shí)別規(guī)范等等，還有別忘了樣式的英文命名規(guī)范，讓開(kāi)發(fā)者和設(shè)計(jì)者易懂，便于團(tuán)隊(duì)協(xié)作。

三、文件命名和網(wǎng)站結(jié)構(gòu)

比如網(wǎng)頁(yè)文件后綴的書寫，文件命名，圖片文件使用規(guī)范、網(wǎng)頁(yè)文件運(yùn)行速度、怎樣去影響瀏覽者等。網(wǎng)站內(nèi)部結(jié)構(gòu)包含，網(wǎng)站上線后的內(nèi)部關(guān)系結(jié)構(gòu)與開(kāi)發(fā)時(shí)的目錄結(jié)構(gòu)，也關(guān)系到后期的搜索引擎優(yōu)化，開(kāi)發(fā)者的使用便利性。再比如文件夾的使用等等。

四、網(wǎng)頁(yè)框架尺寸規(guī)范

比如一般標(biāo)準(zhǔn)設(shè)計(jì)按照寬度去設(shè)計(jì)，再在這寬度擴(kuò)展成寬屏效果，這樣兼容各種分辨率，滿足不同的用戶瀏覽視覺(jué)需求。

五、頁(yè)面內(nèi)部設(shè)計(jì)的用戶體驗(yàn)規(guī)范

1. 導(dǎo)航的規(guī)劃(可查靠《14個(gè)導(dǎo)航菜單網(wǎng)頁(yè)設(shè)計(jì)作品》)
2. 板塊的劃分
3. 層級(jí)的劃分
4. 廣告系統(tǒng)(如有)

視覺(jué)規(guī)范

頁(yè)面尺度規(guī)范

1. 頁(yè)面寬度以及Grid系統(tǒng)

主流瀏覽器的界面參數(shù)與份額

系統(tǒng)分辨率統(tǒng)計(jì)

頁(yè)面設(shè)計(jì)規(guī)范

1. 網(wǎng)頁(yè)設(shè)計(jì)中字體設(shè)計(jì)要規(guī)范
2. 字體字號(hào)（可參考《網(wǎng)頁(yè)設(shè)計(jì)中字體設(shè)計(jì)要規(guī)范》）
3. 通用板塊
4. 色彩要求（可參考《網(wǎng)頁(yè)設(shè)計(jì)中圖片色彩處理》）
5. K數(shù)要求
6. 頁(yè)面視覺(jué)元素要求
7. 圖標(biāo)Icon庫(kù)
8. 模塊組合形式庫(kù)
9. 色彩搭配（詳情內(nèi)容可參看《網(wǎng)站建設(shè)顏色設(shè)計(jì)N+1張配色圖》、《網(wǎng)站如何配色及網(wǎng)站配色方案》）比如：

交互規(guī)范(可查看《交互網(wǎng)頁(yè)設(shè)計(jì)之新手入門手冊(cè)》)

1. 多媒體使用規(guī)范(針對(duì)特別需求的網(wǎng)站，多媒體也極大影響了網(wǎng)站的性能，是否用flash，是否用HTML5直接誒渲染，是否用js?這些，都是設(shè)計(jì)者要考慮的規(guī)范化問(wèn)題。)
2. UGC操作(留言，發(fā)布，刪除)
3. 注冊(cè)與登錄
4. 搜索功能
5. 鏈接

以上海淘科技今天為您，提供的建站知識(shí)。網(wǎng)站建站后期的搜索引擎seo推廣，直接點(diǎn)擊查看。文章下載，點(diǎn)擊：網(wǎng)站設(shè)計(jì)規(guī)范