如何使用photoshop制作网页

很多朋友不知道用ps制作网页的规范。下面介绍一下。

01

打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。

02

画布创建完成后，我们在1200px左右两边拉一条辅助线固定。

03

然后打开画布大小，取消“相对”，宽度调整为1920px。

04

设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力。

PS制作切片网页效果？

　　ps做好切片的网页保存为web形式方法：

切好后按ctrl+shift+alt+s弹出对话框。

点击“存储”

弹出保存对话框，把格式改为“HTML和图像”，点击保存即可。

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

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

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

2、将排版好的页面进行切片，并将文件保存为web所用格式文件（切片可以有两个作用，一是防止因为图片太大，在网速一般的情况下很久都加载不出来，这样别人可能会认为网页有问题就关掉了；另一个是不同图片需要添加跳转链接的话会很方便）。

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

4、接下来打开Dreamweaver，新建站点，填写站点信息，选择本地根文件夹（刚才保存文件的文件夹）和默认图像文件夹（刚保存的文件里面的images文件夹）；新建好之后就可以看到软件页面右边栏中有了刚刚新建的站点了，展开可以看到站点内的文件。

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

ps制作网页效果图，像素设置为多大？

、屏幕分辨率低时(640 x 480)，这是2000年左右，普遍的浏览器是这个分辨率，但已经被淘汰了。

2、接是1024×768的分辨率，很流行，实际在设计中，在PHOTOSHOP宽的设计值为760像素最合适。

3、随着现在宽屏时代的到来，1024也慢慢被淘汰了，现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适。

4、随现在浏览的工具越来越多，包括手机、IPAD等，出现了自适应的网页设计功能，需要HTML5及DIV+CSS的代码调用了