【課程內容】

節課

1，安裝軟件，認識軟件。

2，認識什么是html，什么是h5

第二節課

1，認識html標簽。以及標簽屬性。

2，span標簽級屬性

3，a標簽及屬性

4，img標簽

5，p標簽

6，div標簽。

*作業，做一個html頁面，圖片，文字和超鏈接。

第三節課

1，ul，li，ol標簽

2，form表單標簽

3，select標簽。

4，audio標簽

第四節課

1,標簽的分類

2,相對路徑，路徑。

3，標簽的結構

*作業，做一個登陸頁面。

第五節課

1，認識css。

2，Style屬性。

3，Font樣式

4，Height，width，line-height。

5，單位值

第六節課

1，background，

2，盒子模型。Margin，padding，border。

3，顯示的屬性，display，overflow，visibility，opacity。

*作業，做一個頁面，圖片，文字需要設置圖片大小，和文字顏色。

第七節課

1，css分類

2，選擇器，id，class，標簽，：hover。：active。

3，Css優先級。

第八節課

1布局float，position布局。

2,Z-index屬性。

4，小技巧，頁面居中。

*作業，做一個頁面，圖片，文字3，個div，使用不同的布局方式。

第九節課

1，h5布局

第十節課

1，h5頁面布局

*作業，h5個頁面完成布局。

第十一節課

1，transform2d變形

2，animation動畫

第十二節課

1，h5頁面加動畫。

*作業，動畫，自少寫出四種動畫。

第十三節課

1，h5頁面加動畫

2，音樂播放。

第十四節課

1，音樂播放。

2，第二個頁面

第十五節課

1，第二個頁面，布局，及使用已經寫好的動畫效果。

第十六節課

1，第二個頁面，布局，及使用已經寫好的動畫效果。

2，知識回顧

【教學環境】

【師資介紹】

王利軍 

32 歲 | 男 | 湖北黃岡

興趣愛好：設計、書法、看書、唱歌、攝影。

工作經驗: PC 網頁設計、視覺設計、產品設計、交互設計

專業技能

1. HTML5、CSS、div+css 網頁、Javascript 等前端開發技術。

2．Android、Iphone 平臺設計規范、用戶體驗和產品設計流程、交互、用戶操作習慣、用

戶體驗。產品從 0 到 1 過程。

3．AxureRP 制作產品原型、繪制流程圖、交互原型、使用思維腦圖軟件進行會議總結、呈

現設計思維、產品思維、產品需求分析、競品分析、頭腦風暴。

4. UI 視覺設計、Flash 動畫制作、電商 Banner、Illustrator 平面設計、圖標繪制、After

Effects 動效設計輸出 FLV 視頻、項目產品的圖文、動畫媒體的策劃設計；

工作經歷：

2009 年 09 月 – 2011 年 10 月

廣東省東莞市百連星光職業技術培訓學校 網頁設計 、 視覺設計

工作職責:

網頁頁面視覺設計、產品圖片設計修改、公司 VI 設計、公司的宣傳產品進行印前設計。

負責公司網站與產品界面風格整理、形象把控；負責已發布產品的網頁維護。

前端網頁架構搭建，前端 HTML 代碼編寫。

2011 年 11 月 – 2014 年 01 月

廣東深圳市浩博教育集團 網頁設計

工作職責:

參與公司移動產品和網頁產品的設計、網站、軟件和移動端的視覺設計及展示，進行界面

UI 設計，把握整體風格設計，制定設計實施標準，處理元素設計細節。

2014 年 02 月 – 2016 年 03 月

北京市 國美在線 I UI  視覺 設計

工作職責: 參與項目需求分析工作，根據產品需求，對產品的整體美術風格、交互設計、

界面結構、操作流程等做出設計規范。

產品界面視覺設計。

2016 年 04 月- 2017 年 06 月

中企微云（北京）科技有限公司 I UI  設計講師

工作職責: 在中企微云科技有限公司合作的院校教授 UI 設計程程、完成課程體系（教學大

綱、教學 PPT、備課）的研發工作；完成四個月課程體系的授課工作。

按照教學規范和教學大綱規定的內容授課，對教學中出現的問題及時總結、歸納，對授課效

果做出及時反饋和優化；

根據反饋，改進教學方法，完善教學體系；

完成所授課程的輔導工作，解決學生相關課程問題，**學員的學習質量、幫助學生技術層

面的指導。

教育背景：

2004-09-01 - 2008-06-10

黃岡職業技術學院 |  電子商務 |  專科

主修課程:

電子商務、市場營銷、創意思維訓練、營銷策劃、網絡營銷、網上創業、圖片處理、網絡軟

文寫作與編輯、電子商務物流、移動電子商務、企業管理。

【學員作品】

【就業前景】

現今隨著計算機硬件的飛速發展，過去的軟件程序已經不能適應用戶的要求。軟件產品在激烈的市場競爭中，僅僅有強大的功能是遠遠不夠的，不足以戰勝強勁的對手。幸運的是在國內一些高瞻遠矚的民族企業已經開始意識到UI給軟件產品帶來的巨大賣點了，例如金山公司的影霸、詞霸、毒霸、網標，由于重視UI的開發與地位，才使得金山產品在同類軟件產品中首屈一指。聯想軟件的UI部門積極開展用戶研究與使用性測試，將易用與美觀相結合，推出的雙模式電腦、幸福系列等成功UI范例，為聯想贏得全球消費PC第三的稱號等等、等等.實踐證明，各商家只要在產品美觀和易用設計方面很小投入，將會有很大產出

【關于我們】

三維空間教育咨詢湖北有限公司目前在全國各地擁有十二所分部,教學場地面積達到上萬平米。現開設有:UI設計、游戲設計、室內設計、平面設計、工業造型、影視廣告動畫、建筑巡游動畫、MYAY動畫、程序開發等20多種門類課程