ps设计网页html5(ps设计网页后实现超链接)

2当美工完成设计图之后，前端工程师的工作就开始了这时你就可以使用PS或是FW进行切图了一般说来，Fireworks cs6切图更快，但是Fireworks有时会有图片失真的情况发生，所以，有时需要使用PS进行配合，PS有切片工具可以。

首先，我们需要先确定一个网站的类型和类型如果是企业网站，我们就需要将网站的内容编写成标题副标题和正文，然后根据内容的主题来设计网站的页面，同时也要注意网站中的字体的统一性如果是商城网站，我们应该使用衬线体手写。

设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计例如DreamWeaver法，利用中间软件实现格式转换法例如Word生成HTML代码，还有就是PS设计网页法我们为大家收集整理了关于Photoshop制作网页，以方便大家参考。

第一在PS里面设计好网页 第二利用切片工具把网页切成一块一块，要想提高页面访问速度的话就切片切的小一点 第三保存为WEB所有格式图片及HTML 这样的话你直接打开HTML的话 就形成了页面访问的网页了。

采用的对齐方式不同，尺寸比例不同这是我们使用的设计尺寸要求，你可以参考。

1打开ps软件，新建空白文档，将需要设计的图象分类粘贴在后面2设置图层样式，如下图所示3复制海报图层，对图层样式进行修改为图层智能叠加图层，将图层样式修改为渐变叠加，并将下图所示的效果颜色设置为本文档的颜色4。

首先你要明白网页制作的流程1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成网页3后台制作可以自己开发，也可以套用cms，如dedecms，phpcms等 4具体步骤就是这样。

photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片浏览这个web页面，显示的效果和ps中的完全一致，似乎。

1打开图片，复制图层，关闭背景图层，用“魔术橡皮擦工具”擦除背景2“文件存储为web所用格式存储”，“将优化结果存储为仅限HTML”，保存3打开“我的图片”，找到刚才保存的HTML格式文件，完成。

1打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作2新建一名称为“框架”的图层，利用该图层。