流程顺序

1、创建项目目录
一般先创建一个总目录,然后在此目录中创建images、css、js三个目录,三个目录中分别放图片、css文件以及js文件。

2、切图
通过photoshop对网页效果图进行切图,所使用图片需要是带图层的psd格式。

3、制作雪碧图
将装饰类图片合并成一张图,然后删除分散的装饰类图片。

4、新建html文件,新建和编写reset.css

5、参照效果图,编写html和css代码