在真正開發(fā)網(wǎng)站之前,通常需要先做網(wǎng)站設(shè)計(jì)稿。設(shè)計(jì)稿是一張圖片,用Photoshop或其他圖片圖片軟件根據(jù)用戶的需要設(shè)計(jì)而成,目的是通過該設(shè)計(jì)稿對(duì)網(wǎng)站的顏色搭配、排版布局進(jìn)行確認(rèn)。當(dāng)然,在做網(wǎng)站設(shè)計(jì)稿的階段里,是可以進(jìn)行適當(dāng)?shù)恼{(diào)整的,最終與用戶的需求成成一致并定稿。當(dāng)然,網(wǎng)站設(shè)計(jì)稿的尺寸規(guī)格(寬度)是有一定要求的。
1004規(guī)格
1004規(guī)格在10年以前非常的流行,因?yàn)楫?dāng)時(shí)人們普遍使用的是1024 X 768像素的或稍高分辨率的顯示器,而采用1004像素規(guī)模則可以在1024 X 768分辨率下實(shí)現(xiàn)滿屏顯示,同時(shí),也可以在更大一些分辨率的顯示器下正常顯示,只是左右兩側(cè)稍留一些空白而已。采用1004規(guī)格的網(wǎng)站現(xiàn)在仍然占據(jù)著很大的比重,但正在逐漸地退出歷史舞臺(tái)。
1200規(guī)格
當(dāng)前,1920像素分辨率的顯示器已經(jīng)成為主流,在這個(gè)前提下,1200開始成為網(wǎng)頁設(shè)計(jì)規(guī)格的主流,絕大多數(shù)新網(wǎng)站均采用此規(guī)格。因?yàn)?200像素規(guī)格的網(wǎng)站能夠在當(dāng)前幾乎所有分辨率的顯示器下完全顯示,這也包括電腦、平板等。
全屏規(guī)格
全屏規(guī)格一直以來都被少量網(wǎng)站采用,不過,對(duì)美工功底有更高的要求,因?yàn)榫W(wǎng)頁需要在不同尺寸下的顯示器里實(shí)現(xiàn)全屏完整顯示。同時(shí),對(duì)前端程序員的CSS3和JS水平要求也相對(duì)較高。全屏規(guī)格的特點(diǎn)是能夠使網(wǎng)頁充實(shí)整個(gè)屏幕,從視覺上看上去非常大氣、富有沖擊力。
隨移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來,響應(yīng)式布局作為一款既能在PC端瀏覽又能在手機(jī)、平板等移動(dòng)設(shè)備上瀏覽的規(guī)格,深受網(wǎng)頁設(shè)計(jì)師、程序員和用戶的喜愛。比如藝瓊網(wǎng)絡(luò)官網(wǎng)就采用了響應(yīng)式布局,使網(wǎng)站能服務(wù)于移動(dòng)端的用戶。
綜上所述,做網(wǎng)站設(shè)計(jì)稿的尺寸1004規(guī)格已經(jīng)被棄用,而1200規(guī)格則是當(dāng)前的主流,同時(shí)由于移動(dòng)互聯(lián)網(wǎng)的普及,響應(yīng)式布局正在逐漸被大眾采用,而全屏規(guī)格則被少量網(wǎng)站采用。你可以根據(jù)對(duì)目標(biāo)網(wǎng)站的基本規(guī)劃,結(jié)合技術(shù)人員的建議做出合理尺寸規(guī)格選擇。