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

【課程內(nèi)容】

節(jié)課

1，安裝軟件，認(rèn)識(shí)軟件。

2，認(rèn)識(shí)什么是html，什么是h5

第二節(jié)課

1，認(rèn)識(shí)html標(biāo)簽。以及標(biāo)簽屬性。

2，span標(biāo)簽級(jí)屬性

3，a標(biāo)簽及屬性

4，img標(biāo)簽

5，p標(biāo)簽

6，div標(biāo)簽。

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

第三節(jié)課

1，ul，li，ol標(biāo)簽

2，form表單標(biāo)簽

3，select標(biāo)簽。

4，audio標(biāo)簽

第四節(jié)課

1,標(biāo)簽的分類

2,相對(duì)路徑，路徑。

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

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

第五節(jié)課

1，認(rèn)識(shí)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è)，做一個(gè)頁面，圖片，文字需要設(shè)置圖片大小，和文字顏色。

第七節(jié)課

1，css分類

2，選擇器，id，class，標(biāo)簽，：hover。：active。

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

第八節(jié)課

1布局float，position布局。

2,Z-index屬性。

4，小技巧，頁面居中。

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

第九節(jié)課

1，h5布局

第十節(jié)課

1，h5頁面布局

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

第十一節(jié)課

1，transform2d變形

2，animation動(dòng)畫

第十二節(jié)課

1，h5頁面加動(dòng)畫。

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

第十三節(jié)課

1，h5頁面加動(dòng)畫

2，音樂播放。

第十四節(jié)課

1，音樂播放。

2，第二個(gè)頁面

第十五節(jié)課

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

第十六節(jié)課

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

2，知識(shí)回顧

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

【師資介紹】

王利軍 

32 歲 | 男 | 湖北黃岡

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

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

專業(yè)技能

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

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

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

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

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

4. UI 視覺設(shè)計(jì)、Flash 動(dòng)畫制作、電商 Banner、Illustrator 平面設(shè)計(jì)、圖標(biāo)繪制、After

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

工作經(jīng)歷：

2009 年 09 月 – 2011 年 10 月

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

工作職責(zé):

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

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

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

2011 年 11 月 – 2014 年 01 月

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

工作職責(zé):

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

UI 設(shè)計(jì)，把握整體風(fēng)格設(shè)計(jì)，制定設(shè)計(jì)實(shí)施標(biāo)準(zhǔn)，處理元素設(shè)計(jì)細(xì)節(jié)。

2014 年 02 月 – 2016 年 03 月

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

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

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

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

2016 年 04 月- 2017 年 06 月

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

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

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

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

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

根據(jù)反饋，改進(jìn)教學(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ù)物流、移動(dòng)電子商務(wù)、企業(yè)管理。

【學(xué)員作品】

【就業(yè)前景】

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

【關(guān)于我們】

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