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

  作者:娟娟罗

设计稿分析

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

背景图及图标优化和命名

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

Html和css设计

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

Js效果

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

绑定cms

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

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


猜你喜欢