怎样快速制作一个图片展示的网页

怎样快速制作一个图片展示的网页

现在我们经常会在产品标签上加上二维码，让人扫描二维码后就可以看到一个简单的图片网页，可以了解更多产品的详细信息。那么这个网页要怎么制作呢？下面我们来看一个非常简单的方法。

1.将网页需要展示的图片在Photoshop里面排版好；

将排版好的页面进行切片，并将文件保存为web所用格式文件；

（切片可以有两个作用，一是防止因为图片太大，在网速一般的情况下很久都加载不出来，这样别人可能会认为网页有问题就关掉了；另一个是不同图片需要添加跳转链接的话会很方便。）

这样文件就保存为了一个HTML文件和一个images文件夹，可以看到我们刚排版的图片已经被切成一张张的图片保存在images文件夹中了。

接下来打开Dreamweaver，新建站点；

填写站点信息，选择本地根文件夹（刚才保存文件的文件夹）和默认图像文件夹（刚保存的文件里面的images文件夹）；

新建好之后就可以看到软件页面右边栏中有了刚刚新建的站点了，展开可以看到站点内的文件。

双击里面的HTML文件，就可以打开刚刚保存的排好版的内容页面进行编辑；

因为我们已经排版好了，不需要对图片再多做处理，所以我们只需要在上方的设计视图框中全选整个页面（Ctrl+a），在属性栏中将页面进行居中就可以了，内容居中的网页比较能适应不同的浏览器；

如果需要修改或为图片添加链接，点击图片，在下方的属性面板中对图片进行一些设置就可以了，如居中、添加超链接、设置超链接页面的跳转形式等。

（如果在下方没有看到属性栏，可以点击软件菜单栏中的“窗口”栏，在下拉菜单中勾选“属性”，就可以调出属性面板了。）

预览网页效果。点击工具栏上的小地球（快捷键F12），可以在浏览器中对网页效果进行预览。这时如果你没有保存页面，会弹出保存提示框，点保存就可以预览了。

预览没问题，这个简单的网页就做好的。最后只要将网页文件上传到网站服务器中，再将链接转成二维码，就可以实现扫码访问了。