在網站建設中,對網頁的切圖是很重要的一環,網頁切圖越規范,越有利于后臺人員的添加功能和前端后期優化,輸出高質量的文檔。網站制作規范一般只要符合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/news47/134747.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯