第一靠前無邊框設(shè)計(jì)無邊框設(shè)計(jì)在近幾年比較流行，在設(shè)計(jì)頁面的時(shí)候，將頁面中的風(fēng)格線邊框刪掉，用間距來代替的一種設(shè)計(jì)方法無邊框設(shè)計(jì)一般是以大圖為主，圖片本來就是一種分割元素而內(nèi)容基本是有規(guī)律的，留白。

第四步DIV+CSS切圖排版 當(dāng)設(shè)計(jì)工作完成后，要開始做切圖，如果網(wǎng)站只是PC站，切圖只要做一套樣式，如果是響應(yīng)式網(wǎng)站開發(fā)，切圖就需要做三套樣式，分別為PC端平板手機(jī)端響應(yīng)式網(wǎng)站會(huì)根據(jù)不同分辨率和屏幕大小自動(dòng)適應(yīng)，以達(dá)到最好。

網(wǎng)頁切圖怎么做，網(wǎng)頁設(shè)計(jì)切圖的方法如下參考1打開PS，點(diǎn)擊切片工具，如下圖所示2點(diǎn)擊切片工具，可以將圖片切割成所需的大小，如下圖所示3剪切圖片后，點(diǎn)擊導(dǎo)出特殊網(wǎng)頁使用的格式，如下圖所示4輸入屬導(dǎo)出。

4初學(xué)者可以把dw設(shè)置為設(shè)計(jì)界面，方便邊做邊查看效果然后我們點(diǎn)擊插入image來插入一張圖片5因?yàn)槭浅鯇W(xué)者，就不網(wǎng)頁切圖了我們直接把設(shè)計(jì)好的一整張網(wǎng)頁設(shè)計(jì)稿插進(jìn)來，這樣就可以看到網(wǎng)頁的效果了。

首先，把所有要做鏈接的圖層都隱藏掉，剩下的層，就可以用來切圖，整體背景是藍(lán)色，所以css搞定就行其次，背景有一張整體的背景圖，這個(gè)需要全部單獨(dú)切下來，圖片上面不要帶任何其他元素，就只是這張單獨(dú)的圖片就好，布局。

一張地圖可以有多種相關(guān)的裁剪方案，但并不是所有的裁剪方案都適合網(wǎng)頁編程所以在切圖中要保證實(shí)現(xiàn)最佳的切圖方案，所以在切圖中也涉及到切圖的原理和技巧21塊和片的概念 在本文中，塊的概念不同于切片的概念塊。

在用dw的簡(jiǎn)單功能，用html把切出來的切片重新整合就可以了第三，最好一個(gè)流程，套程序 這部估計(jì)不是網(wǎng)頁制作的內(nèi)容了，但是因?yàn)槭切枰芭_(tái)后臺(tái)一起合作的所以，這個(gè)時(shí)候網(wǎng)頁制作只是協(xié)助的作用，完成就介紹了。