导读:操作步骤/方法1将网页需要展示的图片在Photoshop里面排版好;2将排版好的页面进行切片,并将文件保存为web所用格式文件;3(切片可以有两个作用,一是防止因为图片太大,在网速一般的情况下很久都加载不出来,这样别人可能会认为网页有问题就关掉了;另一个是不同图片需要添加跳转链接的话会很方便。)4这样文件就保存为了一个HTML文件和一个images文件夹,可以看到我们刚排版的图片已经被切成一张张的...
操作步骤/方法
1
将网页需要展示的图片在Photoshop里面排版好;
2
将排版好的页面进行切片,并将文件保存为web所用格式文件;
3
(切片可以有两个作用,一是防止因为图片太大,在网速一般的情况下很久都加载不出来,这样别人可能会认为网页有问题就关掉了;另一个是不同图片需要添加跳转链接的话会很方便。)
4
这样文件就保存为了一个HTML文件和一个images文件夹,可以看到我们刚排版的图片已经被切成一张张的图片保存在images文件夹中了。
5
接下来打开Dreamweaver,新建站点;
6
填写站点信息,选择本地根文件夹(刚才保存文件的文件夹)和默认图像文件夹(刚保存的文件里面的images文件夹);
7
新建好之后就可以看到软件页面右边栏中有了刚刚新建的站点了,展开可以看到站点内的文件。
8
双击里面的HTML文件,就可以打开刚刚保存的排好版的内容页面进行编辑;
9
因为我们已经排版好了,不需要对图片再多做处理,所以我们只需要在上方的设计视图框中全选整个页面(Ctrl+a),在属性栏中将页面进行居中就可以了,内容居中的网页比较能适应不同的浏览器;
10
如果需要修改或为图片添加链接,点击图片,在下方的属性面板中对图片进行一些设置就可以了,如居中添加超链接设置超链接页面的跳转形式等。
11
(如果在下方没有看到属性栏,可以点击软件菜单栏中的“窗口”栏,在下拉菜单中勾选“属性”,就可以调出属性面板了。)
12
预览网页效果。点击工具栏上的小地球(快捷键F12),可以在浏览器中对网页效果进行预览。这时如果你没有保存页面,会弹出保存提示框,点保存就可以预览了。
13
预览没问题,这个简单的网页就做好的。最后只要将网页文件上传到网站服务器中,再将链接转成二维码,就可以实现扫码访问了。
END
以上就是小编为大家介绍的怎样快速制作一个图片展示的网页的全部内容,如果大家还对相关的内容感兴趣,请持续关注上海建站网!
标签:
内容声明:网站所展示的内容均由第三方用户投稿提供,内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容,如您发现页面有任何违法或侵权信息,欢迎向网站举报并提供有效线索,我们将认真核查、及时处理。感谢您的参与和支持!