## 项目构建流程
- ### 分析项目需求
* 分析项目
- 项目流程及页面核对
- 观察页面布局,并评估合理性
- 核对页面特效,并评估可行性
- 其它:icon图标
- 其它:微信分享页面 或 二维码
- 404页面
* 项目类型:
PC-固定、PC-响应、PC-专题、MOBILE-网站、MOBILE-活动、MOBILE-专题
* 浏览器兼容:
确定浏览器兼容范围 目前范围:win7及win7以上的 firefox、chrome、IE9及IE9+
如需兼容mac,需要标注
* 页面效果:标注页面效果,并分析可行性
* 预估项目时间
- ### 提出意见和疑问:
* 特殊字体的使用范围
不建议外链中文字体
建议中文可编辑字体为微软雅黑,宋体
* 强调部分效果的浏览器兼容问题
* 其他问题
<br>
## 前端文件结构
~~~ html
---- asset <!--资源文件夹 -->
---------- css <!--css文件 -->
---------- js <!--针对本项目的js文件 -->
---------- plugin <!--javascript插件,js库/插件和库以 -->
---------- demo <!--可更新图片:用户头像,列表图片、案例图片,广告图片 -->
---------- image <!--项目图片:背景、图标、装饰等 -->
---- **.html <!--html文件 -->
~~~
<br>
## 项目完成标准
- 自设项目完成标准
- html文件进行关联
前端完成后形成静态完整浏览效果。
- 文档编码格式:**utf8** (无BOM)
- 清晰注释
- 基本规范
- 申明及解释
- 项目的构建及维护
- 项目构建
- 项目自测
- 项目维护
- 书写规则
- 图片规范
- html书写规范
- CSS书写规范
- JAVASCRIPT编写规范
- 注释书写规范
- 场景分类
- PC站-固定宽度
- PC站-响应式
- 移动端网站
- 移动端活动
- 模块的创建和管理
- 附件A 网站命名列表
- 附件B 常用技术列表
- 实例代码
- 前端框架
- 布局
- 栅格化布局
- 响应式布局
- 常规组件
- 面包屑
- 选项卡
- 分页
- 表单-模拟单选
- 表单-模拟多选
- 表单-模拟下拉菜单
- 筛选-simple
- 评分
- 导航-浮动导航
- 滚动到顶部
- 网站通用代码
- 客服代码
- 常见问题解决方案
- 兼容性问题
- 移动端通用
- andorid常见问题
- IOS常见问题
- 多媒体-视频
- 浏览器判断
- 动画库
- 宽高问题
- JQUERY常用组件
- 弹出层
- 多媒体-视频音频
- 幻灯片
- 时间与日期
- 分页
- 多级联动
- 表单美化
- 绘图及动画插件
- 前端工具及网站
- H5生成
- 图片处理
- 在线代码
- web字体
- 手册资料
- 其他工具
- 牛人blog
- 前端园地
- 交互网址
- 前端优化
- 元素动画