教你用dw制作网页的完整步骤

大家好我是小篇，dw如何制作网页，关于用dw制作网页的完整步骤很多人还不知道，那么现在让我们一起来看看吧！

教你用dw制作网页的完整步骤

1、看那密密麻麻的网页导航，想来制作网页也是一件很难的事情，那怎么让制作网页变得简单起来呢?只需要两个效果图：我们需要先制作背景图片。

2、也就是网页背景那块蓝色的部分。

3、我们需要单独做出来。

4、新建一个1920px400px的文件我们拉一个一个蓝色(#506dbb)到白色的一个渐变效果图然后我们保存这张图片为gif格式这时候我们新建一个1000800的文件我们把网页效果图制作出来。

5、这里都是用到ps制作的。

6、没有写任何代码。

7、这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明下一步我们使用切片工具。

8、把页面进行切片。

9、如下图所示注意每一个链接都要切片一下。

10、切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。

11、我们一会一定要记得去掉我们再使用切片选择工具选择单个切片。

12、然后右键我们再逐个为切片添加链接注意。

13、我们上面的加的黑色背景一定要记得去掉我们现在保存为web所用格式我们把这里选择png—8保存保存完成后效果图保存完成后。

14、会生成一个目录和一个html文件。

本文到这结束，希望上面文章对大家有所帮助。