网站制作前需要准备哪些工作？
学习DIV+CSS制作网页不仅是因为其流行，更多的是越来越多的人认识到DIV+CSS技术在建站上所体现出的优点。在利用DIV+CSS技术制作一个网页前，除了必备的XHTML和CSS代码知识外，还要了解网站开发流程，以及如何分析页面等知识。
1、网站建设之开发流程
了解网站开发的基本流程，有助于把握开发进度，明确自己的职责和项目环节。绝大多数公司基本上都按照下面的顺序进行网站开发：网站策划（策划人员）→交互设计（交互设计师）→网页设计（视觉设计师）→前端开发（前端工程师）→后端开发（后端工程师）→测试网页（测试人员）→网站发布→后期运营和维护。
2、网站建设之分析网页效果图
收到一个网页效果图后不要急于开始制作，要先进行分析和规划，分析好了，后期的制作会很轻松。制作前先建立好几个文件夹，通常文件夹images存放切好的网页图片，文件夹pic用于存放临时图片，文件夹css用于存放CSS文件，文件夹js用于存放JavaScript文件。
3、网站建设之划分模块
网页都是由一个个的小模块组成的，对于一个页面，如果它的页面结构和表现有很多统一和相似的地方，便可以运用网页模块化来制作页面，省去重复劳动。网页上表现相同或相近的区域能提取出可以重复使用的CSS样式，就是CSS模块化。
4、网站建设之切图使用技巧
切图的原则是尽量使用切片最简单，面积最小，并且一个模块能在高度和宽度上自由伸缩。
切图技巧主要有以下几点：
（1）颜色渐变或图案重复的图片只需切其中任意一块重复的区域。
（2）反之，颜色不是渐变，没有重复图案或不是纯色的图片将其整体作为一个切片。
（3）能用CSS的background-color属性显示的尽量不用图片。
（4）切图的时候将网页效果图放大，切片边缘精确到一个px，否则达不到网页与效果图一致的目的。
5、网站建设之与产品经理、设计师、后端工程师进行有效沟通
制作网页的前端工程师处于整个项目链条的中间