在網站建設中，對網頁的切圖是很重要的一環，網頁切圖越規范，越有利于后臺人員的添加功能和前端后期優化，輸出高質量的文檔。網站制作規范一般只要符合web標準，語義化html,結構表現行為分離，兼容性優良，代碼簡潔明了有序，盡可能減少服務器的承載能力，以保證最快的解析速度。（相關閱讀：網站建設知名公司建站時應該注意哪些問題）

規范一，文件規范。

1、html,css,js,images均歸檔至系統開發目錄中。

2、Html文件命名為英文命名，后綴為.htm。同時將對應界面放入同一目錄中，如果命名稿為中文，就需要重新命名與htm同文件。以便后端添加和功能查找。

3、CSS，js命名也是如此，

規范二，書寫規范。

1、文檔類型聲明以及編碼，同一為html5聲明類型，編碼統一，書寫時利用IDE實現層次分明的縮進。

2、非特殊情況下，javascript文件必須鏈接到頁面底部。

3、引入樣式文件或者javascript文件時，需要略去默認聲明。

4、引入JS庫文件，文件名必須包含庫名稱，以及版本是否為壓縮版。

5、所有的編碼都需遵循xhtml標準，標簽&屬性&屬性命名必須由小寫字母或者下劃線組成。且所有的標簽必須閉合，屬性值必須用雙括號包括。

6、充分利用無兼容的html自身標簽，比如span,strong等，在html添加自定義的時候，要考慮有沒有默認的合適的標簽去設置，如果沒有，可以使用“data-”為前綴來添加自定義屬性。避免使用“data:”等形式。

7、能以背景的形式呈現的圖片，盡量寫入css樣式中。

8、重要的圖片必須加Alt屬性，給重要的元素和截斷的元素家還是那個title。

9、給區塊代碼和重要功能增加上注釋，方便后臺添加功能。

規范三、CSS書寫規范。

1、編碼中文站同一為gb2312,英文網站統一為utf-8.

2、協作開發以及分工，i會根據各個模塊，同時根據頁面程序，事先寫好大體框架文件，分配給前端人員。

3、書寫代碼前，考慮并提高樣式重復使用率。

4、樣式表中中文字體名，請務必轉成unicode碼，以避免編碼錯誤時亂碼。

5、代碼縮進與格式，建議單行書寫，可更具自身習慣，后期優化i會統一處理。

規范四、JS書寫規范。

1、命名語義化，盡可能利用英文單詞或者縮寫。

2、在后期優化中，JS非注釋類文字符需轉換成unicode編碼使用，以避免編碼時錯誤亂碼的使用。

3、代碼結構明了，加適量注釋，提高函數重用率。

4、注重于html分離，減小reflow,注重性能。

規范五，圖片規范。

1、所有的頁面元素類圖片均放入img文件夾，測試用圖片放入image文件夾。

2、圖片格式僅限于gif,png,jpg.

3、在保證視覺效果的情況下，選擇最小的圖格式和質量，以減少加載時間。

4、盡量避免使用半透明的png圖片。

5、運用CSS sprite技術集中背景小的圖片，減少頁面http的請求。

在進行網站建設時，規范切圖流程，這對后期運營人員的維護和優化十分有利，不管是對后臺功能的增加和搜索引擎的抓取都是十分有利的。

本文名稱：專業網站制作之切圖規范
URL網址：http://m.newbst.com/news30/236580.html

成都網站建設公司_創新互聯，為您提供標簽優化、手機網站建設、網頁設計公司、網站建設、App設計、軟件開發

廣告

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