西安UI代碼課程培訓(xùn)班

【課程簡介】

目前大部分產(chǎn)品設(shè)計(jì)都十分注重用戶體驗(yàn)，而用戶體驗(yàn)這塊主要由HTML5前端工程師實(shí)現(xiàn)。但是用戶體驗(yàn)度對于HTML5前端開發(fā)人員有很高的要求，而UI設(shè)計(jì)主要就是做用戶體驗(yàn)方面的，這就要求HTML5前端開發(fā)人員需要具備一定的UI設(shè)計(jì)基礎(chǔ)，同樣UI設(shè)計(jì)相關(guān)的從業(yè)人員也需要掌握一定的HTML5知識。

【課程內(nèi)容】

節(jié)課

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

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

第二節(jié)課

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

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

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,相對路徑，路徑。

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

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

第五節(jié)課

1，認(rèn)識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)先級。

第八節(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動畫

第十二節(jié)課

1，h5頁面加動畫。

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

第十三節(jié)課

1，h5頁面加動畫

2，音樂播放。

第十四節(jié)課

1，音樂播放。

2，第二個(gè)頁面

第十五節(jié)課

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

第十六節(jié)課

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

2，知識回顧

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

【學(xué)校簡介】

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

【學(xué)校優(yōu)勢】

公司創(chuàng)始人在高校教授設(shè)計(jì)軟件多年,結(jié)合高校職業(yè)教育的模式及特點(diǎn),同時(shí)根據(jù)自身多年辦學(xué)經(jīng)驗(yàn),總結(jié)并完善了一套適合大學(xué)生設(shè)計(jì)軟件培訓(xùn)的教育模式及步驟一“三步教學(xué)法”即“"以點(diǎn)帶面反三實(shí)訓(xùn)鞏固

【師資力量】

倪曉娟

曾擔(dān)任上市公司設(shè)計(jì)組長，多款A(yù)PP已上線，擔(dān)任UI設(shè)計(jì)講師2年，擔(dān)任攝圖網(wǎng)簽約設(shè)計(jì)師。座右銘：艱難的時(shí)刻不會延續(xù)，堅(jiān)強(qiáng)的人卻會一直堅(jiān)持！

項(xiàng)目經(jīng)歷：

1.寵物市場APP，2016年上線；

2.曾在上市公司擔(dān)任設(shè)計(jì)組長

社區(qū)人APP，2016年上線；社區(qū)人VI等

3.蜘蛛通服APP，2018年上線

4.攝圖網(wǎng)簽約設(shè)計(jì)師，一年等其他項(xiàng)目。

授課經(jīng)歷：2016年開始授課，帶過10個(gè)班級，學(xué)生作品，帶學(xué)生參加站酷比賽，兩組同學(xué)獲得三等獎(jiǎng)和獎(jiǎng)

【就業(yè)前景】

現(xiàn)今隨著計(jì)算機(jī)硬件的飛速發(fā)展，過去的軟件程序已經(jīng)不能適應(yīng)用戶的要求。軟件產(chǎn)品在激烈的市場競爭中，僅僅有強(qiáng)大的功能是遠(yuǎn)遠(yuǎn)不夠的，不足以戰(zhàn)勝強(qiáng)勁的對手。幸運(yùn)的是在國內(nèi)一些高瞻遠(yuǎn)矚的民族企業(yè)已經(jīng)開始意識到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第三的稱號等等、等等.實(shí)踐證明，各商家只要在產(chǎn)品美觀和易用設(shè)計(jì)方面很小投入，將會有很大產(chǎn)出