【課程簡介】
目前大部分產(chǎn)品設(shè)計都十分注重用戶體驗,而用戶體驗這塊主要由HTML5前端工程師實現(xiàn)。但是用戶體驗度對于HTML5前端開發(fā)人員有很高的要求,而UI設(shè)計主要就是做用戶體驗方面的,這就要求HTML5前端開發(fā)人員需要具備一定的UI設(shè)計基礎(chǔ),同樣UI設(shè)計相關(guān)的從業(yè)人員也需要掌握一定的HTML5知識。
【課程內(nèi)容】
節(jié)課
1,安裝軟件,認識軟件。
2,認識什么是html,什么是h5
第二節(jié)課
1,認識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è),做一個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è),做一個登陸頁面。
第五節(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,標(biāo)簽,: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)境】
【學(xué)校簡介】
三維空間教育咨詢湖北有限公司目前在全國各地擁有十二所分部,教學(xué)場地面積達到上萬平米?,F(xiàn)開設(shè)有:UI設(shè)計、游戲設(shè)計、室內(nèi)設(shè)計、平面設(shè)計、工業(yè)造型、影視廣告動畫、建筑巡游動畫、MYAY動畫、程序開發(fā)等20多種門類課程
【學(xué)校優(yōu)勢】
公司創(chuàng)始人在高校教授設(shè)計軟件多年,結(jié)合高校職業(yè)教育的模式及特點,同時根據(jù)自身多年辦學(xué)經(jīng)驗,總結(jié)并完善了一套適合大學(xué)生設(shè)計軟件培訓(xùn)的教育模式及步驟一“三步教學(xué)法”即“"以點帶面反三實訓(xùn)鞏固
【師資力量】
倪曉娟
曾擔(dān)任上市公司設(shè)計組長,多款A(yù)PP已上線,擔(dān)任UI設(shè)計講師2年,擔(dān)任攝圖網(wǎng)簽約設(shè)計師。座右銘:艱難的時刻不會延續(xù),堅強的人卻會一直堅持!
項目經(jīng)歷:
1.寵物市場APP,2016年上線;
2.曾在上市公司擔(dān)任設(shè)計組長
社區(qū)人APP,2016年上線;社區(qū)人VI等
3.蜘蛛通服APP,2018年上線
4.攝圖網(wǎng)簽約設(shè)計師,一年等其他項目。
授課經(jīng)歷:2016年開始授課,帶過10個班級,學(xué)生作品,帶學(xué)生參加站酷比賽,兩組同學(xué)獲得三等獎和獎
【就業(yè)前景】
現(xiàn)今隨著計算機硬件的飛速發(fā)展,過去的軟件程序已經(jīng)不能適應(yīng)用戶的要求。軟件產(chǎn)品在激烈的市場競爭中,僅僅有強大的功能是遠遠不夠的,不足以戰(zhàn)勝強勁的對手。幸運的是在國內(nèi)一些高瞻遠矚的民族企業(yè)已經(jīng)開始意識到UI給軟件產(chǎn)品帶來的巨大賣點了,例如金山公司的影霸、詞霸、毒霸、網(wǎng)標(biāo),由于重視UI的開發(fā)與地位,才使得金山產(chǎn)品在同類軟件產(chǎn)品中首屈一指。聯(lián)想軟件的UI部門積極開展用戶研究與使用性測試,將易用與美觀相結(jié)合,推出的雙模式電腦、幸福系列等成功UI范例,為聯(lián)想贏得全球消費PC第三的稱號等等、等等.實踐證明,各商家只要在產(chǎn)品美觀和易用設(shè)計方面很小投入,將會有很大產(chǎn)出