PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等今天一起来学习如何用PS来设计简单的网页这篇文章吧如何用PS。

web网页也是遵循一定的规范的，今天就和大家说下如何做一个有规范的网页，会用到guideguide插件，可以找到，大家安装下即可我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色在guideguide插件中，我们。

第一靠前无边框设计无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线边框删掉，用间距来代替的一种设计方法无边框设计一般是以大图为主，图片本来就是一种分割元素而内容基本是有规律的，留白。

还可以学会设计更有体验意义的模块和结构不要小看体验和设计，试想，太小的文字或图标，看不清不说，相信你也点击不到，而这就是体验其他PS网页设计除了要求你具有设计的功底，还需要你有良好的工具使用习惯。

在ps里做一个网页，画布一般设为多少 从使用者体验的角度来说，你不应该以最大尺寸来做参考，设计页面应该以最小尺寸来做决定从普遍使用者来说，目前最小尺寸大部分是以1024*768解析度作为标准来做的，设计师要做的。

3生成网页，PS本身能另存为网页 4优化网页，需要使用DW软件来优化修改去掉多余的空白区域，背景优化5制作成模板，如果要应用到相应的CMS中需要加入CSS代码和标签代码调用6上线测试浏览器兼容性看是否错位，经过不停。

我的设置如图请点击输入图片描述 请点击输入图片描述 然后因为是建站初期，一个纯色的背景就够了所以得需要一个颜色的来源，可以是任何你看到的颜色比如wordpress后台的一个颜色，通过截图，保存图片到本地然后通过ps。

网页设计标准尺寸1800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定21024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612615之间就不会出现水平滚动条和垂直滚动条。

首先你把一个网页的版面排出来，像网上看到那样的网页一样，只不过是图片排好之后，就用切片工具把那图片切成一块一块，至于切成怎么样的一块块，就看你网页是怎么样了，然后保存为web所属各式，弹出对话框，点存储。