第一靠前无边框设计无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线边框删掉，用间距来代替的一种设计方法无边框设计一般是以大图为主，图片本来就是一种分割元素而内容基本是有规律的，留白。

第四步DIV+CSS切图排版 当设计工作完成后，要开始做切图，如果网站只是PC站，切图只要做一套样式，如果是响应式网站开发，切图就需要做三套样式，分别为PC端平板手机端响应式网站会根据不同分辨率和屏幕大小自动适应，以达到最好。

网页切图怎么做，网页设计切图的方法如下参考1打开PS，点击切片工具，如下图所示2点击切片工具，可以将图片切割成所需的大小，如下图所示3剪切图片后，点击导出特殊网页使用的格式，如下图所示4输入属导出。

4初学者可以把dw设置为设计界面，方便边做边查看效果然后我们点击插入image来插入一张图片5因为是初学者，就不网页切图了我们直接把设计好的一整张网页设计稿插进来，这样就可以看到网页的效果了。

首先，把所有要做链接的图层都隐藏掉，剩下的层，就可以用来切图，整体背景是蓝色，所以css搞定就行其次，背景有一张整体的背景图，这个需要全部单独切下来，图片上面不要带任何其他元素，就只是这张单独的图片就好，布局。

一张地图可以有多种相关的裁剪方案，但并不是所有的裁剪方案都适合网页编程所以在切图中要保证实现最佳的切图方案，所以在切图中也涉及到切图的原理和技巧21块和片的概念 在本文中，块的概念不同于切片的概念块。

在用dw的简单功能，用html把切出来的切片重新整合就可以了第三，最好一个流程，套程序 这部估计不是网页制作的内容了，但是因为是需要前台后台一起合作的所以，这个时候网页制作只是协助的作用，完成就介绍了。