用ps设计网页

1：选中工具栏上的”选区工具“。（图片为参考）2：直接画出一个参考线距离大小的选框即可知道距离 。补充：W为宽度，也就是距离，英文是：width

用72PX（像素就够了）用于网页上的，72px足够了！如果是打印出来的，像素可以设置大一些，具体看实际情况。

一般普遍手机网页宽度是640px，但是手机屏幕大小不一样，要求也不同，因此图片处理可以就弄成640px，做网页的时候使用HTML5自动适应即可。不懂html5的朋友自己可以多查看一下教程。

用photoshop设计一个宽80cm高180cm的易拉宝页面，像素及分辨率设置方法是：1、新建80*180cm白色背景文件，点击打开“宽、高”后面的下拉菜单可见其像素值；2、根据设计需要设置文件“颜色模式”及“分辨率”，（1）用于屏幕显示需要，其颜色模式设置为“rgb模式”，因为该模式色彩表现更鲜艳漂亮，分辨率为72dpi；（2）用于打印，其颜色模式应设置为“cmyk模式”，分辨率在150dpi及以上，完成。

画布：是你建立文档内可视区域（或可操作区域）的尺寸，这个可以根据个人喜好来规定大小。目前网页设计有两种主流方式：一、传统设计模式：页面宽度一般在1000像素或以内，以满足1024分辨率下的电脑，通常设计尺寸有以下几中：宽：960px宽：980px宽：990px宽：1000px二、宽屏设计模式：由于现在显示器尺寸多样，特别是荧屏显示器，分辨一般都为1360-1920像素，还有更大的，如2500像素。目前，在众多的分辨当中，1360和1920用得比较多，一般1360适用于笔记本，1920适用于19英寸的台式机。通常设计尺寸有以下几中：宽：1200px宽：1340px宽：1680px宽：1900px综上所术，为了能满足较低分辨率用户最佳浏览效果，建议尺寸设计宽度不宜超过1000px。另外：现在随着响应式技术成熟，对于分辨率的大小影响其实已经不是很大。即可根据分辨率大小，网页尺寸自动适应当前你电脑分辨率，以满足用户浏览到最佳效果的网页。关于响应式设计，可以参考响应式设计的相关资料。希望能帮到你！

现在常规宽度是980吧.高度看自己定,高一点后面可以拆掉.用ps设计网页1.先用Photoshop做一个网页图片；2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；3.使用切片工具，按照绘制的表格划分切片4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。5.接下来用Dreamweaver打开html文件，为其作链接及其它。6.最后保存就完了。

在Photoshop软件里用直接用切片工具先将图片切片好，如下图所示，然后在用Dreamweaver 网页制作工具生成代码。然后放到网页就可以了

Photoshop制作网页效果图的几个注意点：第一点：新建文件尺寸大小； 制作网页效果图，首先就是要新建文件，那么要建多大的合适呢？这可不是随便乱定的，一般我们是要根据目前绝大部分显示器的最佳分辨率来定。在比较早些时候，17英寸为主流显示器，最佳分辨率为1024*768，所以考虑到网页在显示器上能有最好的显示效果，一般都定在1003px以下（这个数据是由显示器最宽1024px减去浏览器右侧滚动条宽21px和到1003px）。如果你的网页超过这个尺寸，那当网页即使最大化显示的时候，内容也不能完全呈现，底部就会显示水平滚动条，这样会影响用户体验！ 目前来说19英寸分辨率达到1280以上的宽屏显示器已经成为主流，因此现在很多网页都开始做得更宽，比如可以做成1200px宽的，但为了能让1024分辨率下都能有好显示，建议还是定为1003px以下，比如960，980都是合适的。如果不确定应该设置多少合适，可以打开参考网站，看看他们是设置多少。 如何查看别人的网页尺寸呢？很简单，使用截图工具把网页截下完整的宽度后使用Photoshop用选区工具框选宽度就能在信息面板里显示出来了！ 第二点：字体与字号； 字体方面，在浏览器里显示的字体是调用操作系统里的，因为绝大部分操作系统都有宋体、黑体、微软雅黑、Arial、Tahoma这几种字体，所以在网页效果制作时，尽量使用这些字体，如果不使用这些字体，那到在把网页效果图做成网页的时候就没法做出这种字体效果了；如果非要使用其他字体，那么在做成网页的时候只能以图片的形式来显示出来，不过考虑到图片文件都偏大，会让网页打开速度降低，所以尽量不要以这种形式显示。 第三点：关于颜色； 不同的操作系统会有不一样的调色标准，因在Web上就有定义了一个安全色表，以期能让符合这个色表定义的颜色，在不同显示设备上都能有同样的显示效果。不过对于不是对色彩十分严谨的网页效果来说，不需要这么严格执行，所以关于颜色，我们直接使用Photoshop里默认的颜色就可以了，当然，如果你所设计的网页对于色彩十分看中，那请认真按照Web安全色标准设计。 第四点：网页效果图里填充的内容； 在制作网页效果的时候，很多地方要填充文字内容，这个时候有些初学者为了方便操作，直接把同样的内容复制使用，最后整个网页上看起来就会显得怪怪的。这里大家在填充内容的时候，最好是使用不一样的信息，或者干脆直接从其他网页上截取内容填充。第五点：要注重细节处理； 因为你制作出来的效果图，最终是做为网页的制作依据，因此在效果图上，每个模块的间距都要精确到像素、文字摆放的位置等也要准确到位。 第六点：保存的图片格式； 效果图制作好后，建议保存成png格式。不要存jpg格式，因为这个格式对图片压缩比较大，会丢失细节。

　　用PS做的是效果图，需要前端开发人员编写代码才可以在网站上展示出来。　　简单来说，在PS里做好之后，需要切图。把图片切割成适合在网站上浏览。　　切图时需要把文字分离出图片的要处理好。　　切好图片之后，需要用html结合JavaScript等知识编写代码。　　这样写出的页面还只是静态的网站。　　如果想要做成动态的效果，还需要搭建后台，连接数据库等。