【深圳网站建设】网站制作前须知

学习DIV+CSS制作网页不仅是因为其流行，更多的是越来越多的人认识到DIV+CSS技术在建站上所体现出的优点。在利用DIV+CSS技术制作一个网页前，除了必备的XHTML和CSS代码知识外，还要了解网站开发流程，以及如何分析页面等知识。

深圳网站建设之开发流程

了解网站开发的基本流程，有助于把握开发进度，明确自己的职责和项目环节。绝大多数公司基本上都按照下面的顺序进行网站开发：网站策划（策划人员）→交互设计（交互设计师）→网页设计（视觉设计师）→前端开发（前端工程师）→后端开发（后端工程师）→测试网页（测试人员）→网站发布→后期运营和维护。

深圳网站建设之分析网页效果图

收到一个网页效果图后不要急于开始制作，要先进行分析和规划，分析好了，后期的制作会很轻松。制作前先建立好几个文件夹，通常文件夹images存放切好的网页图片，文件夹pic用于存放临时图片，文件夹css用于存放CSS文件，文件夹js用于存放JavaScript文件。

深圳网站建设之划分模块

网页都是由一个个的小模块组成的，对于一个页面，如果它的页面结构和表现有很多统一和相似的地方，便可以运用网页模块化来制作页面，省去重复劳动。网页上表现相同或相近的区域能提取出可以重复使用的CSS样式，就是CSS模块化。

深圳网站建设之切图使用技巧

切图的原则是尽量使用切片最简单，面积最小，并且一个模块能在高度和宽度上自由伸缩。
切图技巧主要有以下几点：
（1）颜色渐变或图案重复的图片只需切其中任意一块重复的区域。
（2）反之，颜色不是渐变，没有重复图案或不是纯色的图片将其整体作为一个切片。
（3）能用CSS的background-color属性显示的尽量不用图片。
（4）切图的时候将网页效果图放大，切片边缘精确到一个px，否则达不到网页与效果图一致的目的。

深圳网站建设之与产品经理、设计师、后端工程师进行有效沟通

制作网页的前端工程师处于整个项目链条的中间位置，一个项目最简单的组合往往由产品经理、视觉设计师、前端工程师及后端工程师组成。在拿到设计图准备制作页面之前，务必将页面上不明确的部分与产品经理、设计师和后端工程师详细沟通，防止事倍功半的情况发生。

深圳网站建设之页面质量评估标准

通过插件YSlow或W3C验证http://validator.w3.org/都可以检测XHTML和CSS代码的质量。
YSlow是Yahoo发布的一款基于Firefox的插件。YSlow可以对网站的页面进行分析，为方便用户提高网站性能，会列出具体的修改意见。如图下图所示是Yslow的Grade视图，即等级视图，是Yslow给出的网站性能评分。

深圳网站建设之代码注释的重要性

代码加注释对于网站制作者本身是一个标记，在大型项目中，能及时有效地进行维护和修改。对代码的阅读者来说，也是一个解释，能让读者透彻了解网站的结构和设计者的思路。对于企业来说，在人员接替时能保证稳定过渡。