如何使用photoshop制作网页

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

01

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

02

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

03

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

04

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

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

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

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

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

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

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

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

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

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

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

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

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

怎么用PS制作像网页一样的长图？

PS能做动态图，既上面标题栏不动，下面的内容随着滚动条动，但也只是动态图而已，不能点，不能拖动 如果想实现如同网页那般可以自由拖动的，还是用Dw吧

ps怎么把jpg变成网页版的？

本地图片转成网页格式步骤如下：

1、首先要用photoshop软件进行压缩文件，保证图片打开速度快；如果图片比较大需要让图片展示出多样化按钮，就需要切图；

2、然后通过建立本地文件夹将图片存起来，文件名起名image；

3、通过dreamweaver编写网页代码，调用本地图片地址；保存网页文件为.html文件；

4、然后就可以通过ie浏览器打开.htlm文件就可以访问了。如果需要再网上展示，可以通过ftp账号上传在服务器空间上，通过网址进行访问。