使用photoshop生成网页的方法
发布时间：2016-12-22 12:05:05 作者：佚名 
我要评论
我要评论photoshop的图像处理技术比较强大。在ps中设计好网页后，需要将它生成网页，一般情况下，还需要使用dreamweaver来进行网页的修改；今天小编将为大家带来使用photoshop生成网页的方法；有需要的朋友一起去看看吧
很多人在设计网页时选择photoshop，而不是dreamweaver，因为ps它的图像处理技术更加强大。在ps中设计好网页后，需要将它生成网页，一般情况下，还需要使用dreamweaver来进行网页的修改。
方法：
1、在这里，我借用百度经验的主页来给大家演一下（嘻嘻）。打开photoshop，打开设计好的图片。
2、一般来说，我们需要使用切片工具将它分为几个区域。一方面网页不至于过大而难以加载，另一方面也方便在dreamweaver中按区域来修改。
3、将图片、文字等按照自己的设计需求来分割。在这里我就粗略的切一下。切完后也可以及时修改区域的大小。
4、我们选择文件，存储为web格式。
5、这时会跳出来一个窗口，你可以在其中在此简单修改每个区域的画质等。不需要的话则直接点储存。
6、比如，其中的百度经验图标需要高像素，我们就选择该切片，在右侧的属性中修改。
7、不需要画质高的图片，也可以修改，这样可以方便加载出来。
8、储存时一定需要注意，要选择“html和图像”。它弹出的警告不需要理会，直接点确定就可以。一般来说，主页是index。
9、储存完好，网页便生成了，同时还有包含有其中切片的文件夹。
10、这时的网页也只是图片，用dreamweaver打开，修改，可以加上链接、地图等。
相关文章
Adobe photoshop CC 2017安装到别的盘图文详细教程
Adobe photoshop是一款修图软件，很多朋友们还不知道Adobe photoshop CC 2017如何安装到别的盘？下面小编就给大家带来详细的教程，一起来看看吧2016-11-25Adobe Photoshop CC 2017破解图文安装教程(附注册破解补丁)
官方正式发布最新版 Adobe Photoshop CC 2017 v18.0.0，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作，此次与Creative Cloud软件包中的Premiere Pro、After Ef2016-11-05- 这篇文章主要介绍了Photoshop教程之蒙版的使用技巧10则的相关资料,需要的朋友可以参考下2016-10-24
- 怎样提高photoshop工作效率呢?简单的五个步骤让你工作方便快捷2016-08-26
- 导读:photoshop是每个平面设计工作者都要掌握的一款软件，它功能强大，能胜任任何图片处理操作。通过下面几点PS教程来教大家怎么快速入门，步入平面设计领域。2016-10-21
- 在本篇教程中将会为大家带来的是photoshop的前景色和背景色工具的介绍，非常简单，但是一定要了解哦!2016-08-24
- 接下来的教程将会为你带来ps保存时提示内存不足(RAM)的处理方法。2016-08-11
- photoshop中有很多常用的快捷键，具体是哪些，小编接下来整理了一下，希望可以帮到大家2016-08-11
- 一张一张图片改大小很麻烦，怎么办?在这篇教程中就来告诉你photoshop怎么批量修改图片大小!2016-08-10
photoshop cs4出现无法完成请求因为程序错误解决办法 ps无法完成请求
今天使用photoshop CS4编辑昨天刚保存的一个文件，里面都是字体文件，一打开之后它就有提示一看文字图层上面有叹号。感觉出现问题了果然一点文字编辑它就出来提示：无法完2015-10-09
最新评论