网站制作前需要准备哪些工作?

学习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、网站建设之与产品经理、设计师、后端工程师进行有效沟通

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

6、网站建设之页面质量评估标准

通过插件YSlow或W3C验证http://validator.w3.org/都可以检测XHTML和CSS代码的质量。

YSlow是Yahoo发布的一款基于Firefox的插件。YSlow可以对网站的页面进行分析,为方便用户提高网站性能,会列出具体的修改意见。如图下图所示是Yslow的Grade视图,即等级视图,是Yslow给出的网站性能评分。

7、网站建设之代码注释的重要性

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


非特殊说明,本文为本站原创(翻译)文章,转载请注明:本文转自:
网站制作:http://www.gbsseo.com/wangzhanjianshe/3163.html
想了解更多请点击===>>网站制作  
上一篇:网站制作前需要准备哪些工作?

网友留言:

发表留言

返回顶部按钮
13807084119