武漢UI代碼課程培訓(xùn)班

【課程內(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è)，做一個頁面，圖片，文字需要設(shè)置圖片大小，和文字顏色。

第七節(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，知識回顧

【教學(xué)環(huán)境】

【師資介紹】

王利軍 

32 歲 | 男 | 湖北黃岡

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

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

專業(yè)技能

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

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

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

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

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

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

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

工作經(jīng)歷：

2009 年 09 月 – 2011 年 10 月

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

工作職責:

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

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

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

2011 年 11 月 – 2014 年 01 月

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

工作職責:

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

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

2014 年 02 月 – 2016 年 03 月

北京市 國美在線 I UI  視覺 設(shè)計

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

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

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

2016 年 04 月- 2017 年 06 月

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

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

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

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

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

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

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

面的指導(dǎo)。

教育背景：

2004-09-01 - 2008-06-10

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

主修課程:

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

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

【學(xué)員作品】

【就業(yè)前景】

現(xiàn)今隨著計算機硬件的飛速發(fā)展，過去的軟件程序已經(jīng)不能適應(yī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)品美觀和易用設(shè)計方面很小投入，將會有很大產(chǎn)出

【關(guān)于我們】

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