web 前端 切页面

公司如果分工比较明细的话，应该有前端，后端。前端又有负责出psd图的以及将psd图切成html页面，切页面就是把psd图切成我们网站可以直接应用的html页面，然后后端开发人员 可以按照html页面和需求文档直接开发。下边直接将需要的软件和怎么切页面。

所需软件为Hbuilder，就是html5开发ide，以及photoshop。切页面需要会html，css，javascript以及photoshop的一点知识。这两款软件都有绿色版，我这没法发。

首先需要一张psd图片，安装好Hbuilder和photoshop。

1 打开hbuilder如下：他已经新建好了一个项目。

2 我们可以新建web项目，它会自动创建好目录如下，接下来就可以编写html和css来开发了。可以找一些公共的css样式，然后在根据psd图画框架。

       

3  photoshop打开psd图如下：

4 接下来需要将上边psd的图片切下来保存到项目的img目录，并使用切边工具可看出宽和高，这样就可以设置样式了。需要一块一块的切成图片设置到页面中。

因为我是做后端的，前端只是了解一些，切页面的流程大概就是上边这些。