web前端开发之网页制作流程

设计稿分析

拿到效果图后对页面进行整体的分析，包括页面的布局，各版块之间的关联，页面的颜色搭配，为后续编写html和css做好铺垫。

背景图及图标优化和命名

对页面上所用到的背景图片和图标进行切割优化，可重用性分析，合理的进行图片整合，在保证图片高质量的前提下把文件量优化到最小，文件的命名有一定的意义和关联。

Html和css设计

页面html标签的使用具有一定的语义，标签之间的嵌套标准合理，页面结构的模块化，css的class和id的命名具有一定的意义和关联，css无hack，兼容主流浏览器。

Js效果

页面上所用到的js均是无侵入式脚本，尽可能的实现页面上的行为和结构分离。

绑定cms

页面制作完成之后，把页面所需的图片背景及图标上传到服务器，把页面的css和html进行拆分，分别绑定到cms系统，给html模板加入信息调用标记，实现http访问，然后进行测试，收集测试出的问题进行修改，经过严格测试审核，最后上线运行。

由于本人的js方面比较弱说的可能不是很全面，望大家见谅，谢谢！

猜你喜欢