首頁 > 新聞 > 網(wǎng)站制作 > 專業(yè)網(wǎng)站制作切圖規(guī)范都有哪些

專業(yè)網(wǎng)站制作切圖規(guī)范都有哪些

　　在網(wǎng)站建設(shè)中，對網(wǎng)頁的切圖是很重要的一環(huán)，網(wǎng)頁切圖越規(guī)范，越有利于后臺人員的添加功能和前端后期優(yōu)化，輸出高質(zhì)量的文檔。網(wǎng)站制作規(guī)范一般只要符合web標(biāo)準(zhǔn)，語義化html,結(jié)構(gòu)表現(xiàn)行為分離，兼容性優(yōu)良，代碼簡潔明了有序，盡可能減少服務(wù)器的承載能力，以保證最快的解析速度。

　　規(guī)范一，文件規(guī)范。

　　1、html,css,js,images均歸檔至系統(tǒng)開發(fā)目錄中。

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

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

　　規(guī)范二，書寫規(guī)范。

　　1、文檔類型聲明以及編碼，同一為html5聲明類型，編碼統(tǒng)一，書寫時利用IDE實現(xiàn)層次分明的縮進(jìn)。

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

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

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

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

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

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

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

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

　　規(guī)范三、CSS書寫規(guī)范。

　　1、編碼中文站同一為gb2312,英文網(wǎng)站統(tǒng)一為utf-8.

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

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

　　4、樣式表中中文字體名，請務(wù)必轉(zhuǎn)成unicode碼，以避免編碼錯誤時亂碼。

　　5、代碼縮進(jìn)與格式，建議單行書寫，可更具自身習(xí)慣，后期優(yōu)化i會統(tǒng)一處理。

　　規(guī)范四、JS書寫規(guī)范。

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

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

　　3、代碼結(jié)構(gòu)明了，加適量注釋，提高函數(shù)重用率。

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

　　規(guī)范五，圖片規(guī)范。

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

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

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

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

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

　　在進(jìn)行網(wǎng)站建設(shè)時，規(guī)范切圖流程，這對后期運營人員的維護(hù)和優(yōu)化十分有利，不管是對后臺功能的增加和搜索引擎的抓取都是十分有利的。

基于用戶創(chuàng)新
界面設(shè)計日新月異，夢創(chuàng)義堅持基于用戶需求的界面創(chuàng)新設(shè)計……
服務(wù)設(shè)計思維
互聯(lián)網(wǎng)的格局發(fā)生的改變，在我們進(jìn)行設(shè)計服務(wù)時更是考慮不同用戶、不同……
洞察用戶心理
洞察用戶有意識和無意識的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……
查看更多 >>

專業(yè)網(wǎng)站制作切圖規(guī)范都有哪些

最新新聞Latest News