1、1. 将网页需要展示的图片在Photoshop里面排版好；
2、将排版好的页面进行切片，并将文件保存为web所用格式文件；
（切片可以有两个作用，一是防止因为图片太大，在网速一般的情况下很久都加载不出来，这样别人可能会认为网页有问题就关掉了；另一个是不同图片需要添加跳转链接的话会很方便。）
3、这样文件就保存为了一个HTML文件和一个images文件夹，可以看到我们刚排版的图片已经被切成一张张的图片保存在images文件夹中了。
4、接下来打开Dreamweaver，新建站点；
5、填写站点信息，选择本地根文件夹（刚才保存文件的文件夹）和默认图像文件夹（刚趣讨保存的文件里面的images文件夹）；
6、新建好之后就可以看到软件页面右边栏中有了刚刚新建的站点了，展开可以看到站点内的文件。
7、 双击里面的HTML文件，就可以打开刚刚保存的排好版的内容页面进行编辑；
8、因为我们已经排版好了，不需要对图片再多做处理，所以我们只需要在上方的设计视图框中全选整个页面（Ctrl+a），在属性栏中将页面进行居中就可以了，内容居中的网页比较能适应不同的浏览器；
9、如果需要修改或为图片添加链接，点击图片，在下方的属性面板中对图片进行一些设置就可以了，如居中、添加超链接、设置超链接页面的跳转形式等。
（如果在下泰改舍方没有看到属性栏，可以点击软件菜单栏中的“窗口”栏，在下拉菜单中勾选“属性”，就彩游可以调出属性面板了。）
10、预览网页效果。点击工具栏上的小地球（快捷键F12），可以在浏览器中对网页效果进行预览。这时如果你没有保存页面，会弹出保存提示框，点保存就可以预览了。
11、 预览没问题，这个简单的网页就做好的。最后只要将网页文件上传到网站服务器中，再将链接转成二维码，就可以实现扫码访问了。
