Web项目开发基本流程及注意事项

1.创建项目文件目录结构

例如：一级文件夹：图片-----images

                                样式css-----全局公共样式-----reset.css   common.css    style.css

                                脚本js-----首页Index.html

---

2.分析PSD效果图

主要分析：当前页面的结构

                  当前页面的交互

                  当前页面的动效

【利用PS与Pxcook进行切图】

---

3.编程开发规范

(1)标签语义化

例如：标题h、段落p、图片img、视频video、音频audio、超链接a

(2)class与id的命名规则

①可以使用英文+数字+中划线"-"

②不能使用以数字开头的名称

③可以使用小驼峰：首字母小写，其他字母的首字母大写

    例如：userName

④可以使用"-"连接

     例如：user-name

命名原则：通俗易懂，简明扼要。最好是以简短的英文进行命名