ps网站制作

http://www.zcool.com.cn/article/ZNDQ3OTQ4.html你可以去哪里看看~

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

320*640 640*480 480*800 800*600等等， 我之前做的手机网站用的是480*800的 ，作图的时候尺寸要求不是很严格，主要是切图的时候 宽度要自适应

1.有些网站为了节约空间容量，使用插件对上传的图片进行压缩，让图片体积更小，也意味着图片质量下降，导致图片模糊；2.如果网页上有不同尺寸的相片，上传的尺寸小于网页上的，出来也会失真模糊；3.网页上的图片，越放大的话越模糊，是因为这些都是像素格式的类型总的像素是不变的,所以同等面积像素数量不变,放大以后像素数量不变,而面积变大了自然就不清楚了。如果想做到放大缩小显示效果一样,就必须使用矢量格式才可以做到。4、储存的时候建议用储存为Web各式所用这个方式储存，优点是图片质量保存得很好，大小压缩也很好，总的来说是储存时候优化比较精细。如直接用储存的方式保存的图片，画质损失了而且图片还比较大，可以去测试下。

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

　　1、一般而言，设计网站的尺寸是1920px宽度(包含背景设计），当然内容显示区是950px/980px/1000px而高度根据需求来定，分辨率为72就可以了，很多设计师为了追求细节，一般都是这个数值的2倍或者三倍　　2、图解：整个页面设计内容显示区：淘宝是950px，一般的企业网站是980px

在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格式，因为这个格式对图片压缩比较大，会丢失细节。