## 項目構建流程
- ### 分析項目需求
* 分析項目
- 項目流程及頁面核對
- 觀察頁面布局,并評估合理性
- 核對頁面特效,并評估可行性
- 其它: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
- 前端園地
- 交互網址
- 前端優化
- 元素動畫