、分析需求形成本次的主题。
二、形成原型图。
三、提出复用性高的部分。
分析原型图,进行模块拆分,将复用性高的部分提出,制成对应的代码模块。
四、进行布局。
进行总体的框架的搭建。
框架需要注意:自适应强;各浏览器兼容性强。
五、分模块。根据内容的含义,区分模块,在布局中细化。
六、放置控件。在模块内放置控件,使之位置合理,突出重点。
七、调节风格样式。使模块之间有所区分、模块内风格统一,控件大小、颜色、图片、样式合理。
八、加入验证等控制。
控制控件功能合理,进行基础的控制。
包括:大小值控制、数据类型控制、非空控制等。
九、加入动画效果。加入简单的动画效果,表现层次等概念。
其中包括:鼠标移入移出效果、控件点击的效果、div缓慢移入移出效果。
十、测试。检查该有的功能是否遗漏、测试各效果是否合理。
十一、整理代码。删除多余代码和逻辑。整理原来的代码,
减少代码上造成的处理速度慢的问题。使代码便于维护和阅读。
十二、优化性能。