武漢UI代碼課程培訓班

【課程內(nèi)容】

節(jié)課

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

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

第二節(jié)課

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

2，span標簽級屬性

3，a標簽及屬性

4，img標簽

5，p標簽

6，div標簽。

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

第三節(jié)課

1，ul，li，ol標簽

2，form表單標簽

3，select標簽。

4，audio標簽

第四節(jié)課

1,標簽的分類

2,相對路徑，路徑。

3，標簽的結(jié)構(gòu)

*作業(yè)，做一個登陸頁面。

第五節(jié)課

1，認識css。

2，Style屬性。

3，F(xiàn)ont樣式

4，Height，width，line-height。

5，單位值

第六節(jié)課

1，background，

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

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

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

第七節(jié)課

1，css分類

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

3，Css優(yōu)先級。

第八節(jié)課

1布局float，position布局。

2,Z-index屬性。

4，小技巧，頁面居中。

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

第九節(jié)課

1，h5布局

第十節(jié)課

1，h5頁面布局

*作業(yè)，h5個頁面完成布局。

第十一節(jié)課

1，transform2d變形

2，animation動畫

第十二節(jié)課

1，h5頁面加動畫。

*作業(yè)，動畫，自少寫出四種動畫。

第十三節(jié)課

1，h5頁面加動畫

2，音樂播放。

第十四節(jié)課

1，音樂播放。

2，第二個頁面

第十五節(jié)課

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

第十六節(jié)課

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

2，知識回顧

【教學環(huán)境】

【師資介紹】

王利軍 

32 歲 | 男 | 湖北黃岡

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

工作經(jīng)驗: PC 網(wǎng)頁設計、視覺設計、產(chǎn)品設計、交互設計

專業(yè)技能

1. HTML5、CSS、div+css 網(wǎng)頁、Javascript 等前端開發(fā)技術(shù)。

2．Android、Iphone 平臺設計規(guī)范、用戶體驗和產(chǎn)品設計流程、交互、用戶操作習慣、用

戶體驗。產(chǎn)品從 0 到 1 過程。

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

現(xiàn)設計思維、產(chǎn)品思維、產(chǎn)品需求分析、競品分析、頭腦風暴。

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

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

工作經(jīng)歷：

2009 年 09 月 – 2011 年 10 月

廣東省東莞市百連星光職業(yè)技術(shù)培訓學校 網(wǎng)頁設計 、 視覺設計

工作職責:

網(wǎng)頁頁面視覺設計、產(chǎn)品圖片設計修改、公司 VI 設計、公司的宣傳產(chǎn)品進行印前設計。

負責公司網(wǎng)站與產(chǎn)品界面風格整理、形象把控；負責已發(fā)布產(chǎn)品的網(wǎng)頁維護。

前端網(wǎng)頁架構(gòu)搭建，前端 HTML 代碼編寫。

2011 年 11 月 – 2014 年 01 月

廣東深圳市浩博教育集團 網(wǎng)頁設計

工作職責:

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

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

2014 年 02 月 – 2016 年 03 月

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

工作職責: 參與項目需求分析工作，根據(jù)產(chǎn)品需求，對產(chǎn)品的整體美術(shù)風格、交互設計、

界面結(jié)構(gòu)、操作流程等做出設計規(guī)范。

產(chǎn)品界面視覺設計。

2016 年 04 月- 2017 年 06 月

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

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

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

按照教學規(guī)范和教學大綱規(guī)定的內(nèi)容授課，對教學中出現(xiàn)的問題及時總結(jié)、歸納，對授課效

果做出及時反饋和優(yōu)化；

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

完成所授課程的輔導工作，解決學生相關(guān)課程問題，**學員的學習質(zhì)量、幫助學生技術(shù)層

面的指導。

教育背景：

2004-09-01 - 2008-06-10

黃岡職業(yè)技術(shù)學院 |  電子商務 |  ?？?/p>

主修課程:

電子商務、市場營銷、創(chuàng)意思維訓練、營銷策劃、網(wǎng)絡營銷、網(wǎng)上創(chuàng)業(yè)、圖片處理、網(wǎng)絡軟

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

【學員作品】

【就業(yè)前景】

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

【關(guān)于我們】

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