对于初学者，了解网页拼图还是非常有必要的。
有很多人学网页，处处碰壁，觉得很难，不是没有道理的。
学生学不会，老师有很大责任的。这跟老师的正确引导有很大关系的。
通过拼图，大家可以更好的理解，网页效果图到底是怎么一回事。
学生问：做网页效果图有什么用？
答：房子盖好了之后，要进行装修，我们会让设计师先出一些室内装修的效果图。这样我们就会提前看到房子装修好之后的模样，如果不能满意可以进行随时的修改，减少不必要的改装费用。
做网站也是如此，先设计出网站的效果图，客户对效果图满意了，我们就可以接着往下一步进行设计。如果不满意，可以进行及时的修改，避免二次修改带来不必要的时间浪费。
打开淘宝、百度、新浪等各种门户或企业网站，我们所看到的页面都属于网页的界面设计，他们在生成网站之前，都是一个图片形式的效果图。效果图经过反复的修改、审核，最终做出了现在的页面。
学生问：什么是拼图啊？
答：先去找相关主题的网页效果图，将几个效果图中，对自己有用的部分拿过来，为我所用，在ps中拼出个自己的效果图。这就是拼图。
拼图的好处，在于让学生快速的了解，效果图是怎么做出来的。
它的缺点就是，拼出来的效果图不可能是最终效果图。
学生问：既然不是最终效果图，是不是就没有必要学了？
答：我说了，拼图是为了更好的，帮助0基础学员，了解网页效果图。当你会做网页效果图了。这个阶段，是可以直接跳过去的。
学生问：拼图的时候，需要注意哪些问题？
答：1、先在纸上画出草图
2、找相关主题网页两三个进行拼图（拼图的时候一定要遵循网页的六大组成部分来）。
3、新建图层时候要注意两点。
a.图层的先后顺序 b.分组（按照六大部分来分）
4、页面的色调要保持对齐和统一
5、善用参考线、缩放工具、抓手工具
6、ps新建文件大小，宽度一般为950px—1000px，高度尽量高一点3000px左右，分辨率72。最后页面多余部分可以裁切掉。
7、有两个非常重要的快捷键要记住：
1）alt shift 移动 复制选区内容在当前图层水平或垂直移动
2）ctrl J 复制选区内容到新图层
学生问：没有美术基础，能学吗？
答：有没有基础不重要，重要的是有没有兴趣。很多网页做的好的，也都是半路出家。马云做电商之前，是教英语的。现在电商搞的风生水起。千万不要给自己设限。
学生问：这样说的话，网页效果图多久可以学会啊？
答：有效的针对性的去学习的话，拼图几天就够了。网页效果图的学习，要看你付出的时间了。
学习效率高低，决定于方法的正确与否。
之所以在这里插入一个拼图教程，是告诉大家，要先整体后局部的学习。这样会更容易一些。
给大家做个拼图的演示，记得从不同图中，吸取对我们有用的部分即可：
1、 素材1，从中吸取logo和导航部分。
2、素材2，从中吸取banner部分。
3、素材3，从中吸取内容部分，包括板块大小、整体色调。
4、通过3张效果图，得到的最终效果图。
思考：自己动手拼出出一个网页效果图难吗？
推荐阅读：
1.
2.
