【課程簡介】

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

【課程內容】

節課

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，知識回顧

【教學環境】

【學校簡介】

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

【學校優勢】

公司創始人在高校教授設計軟件多年,結合高校職業教育的模式及特點,同時根據自身多年辦學經驗,總結并完善了一套適合大學生設計軟件培訓的教育模式及步驟一“三步教學法”即“"以點帶面反三實訓鞏固

【師資力量】

倪曉娟

曾擔任上市公司設計組長，多款APP已上線，擔任UI設計講師2年，擔任攝圖網簽約設計師。座右銘：艱難的時刻不會延續，堅強的人卻會一直堅持！

項目經歷：

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

2.曾在上市公司擔任設計組長

社區人APP，2016年上線；社區人VI等

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

4.攝圖網簽約設計師，一年等其他項目。

授課經歷：2016年開始授課，帶過10個班級，學生作品，帶學生參加站酷比賽，兩組同學獲得三等獎和獎

【就業前景】

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