課程介紹

 HTML5是目前非常主流的web前端開發(fā)技術(shù),使用html5我們可以非??焖俚耐瓿梢粋€(gè)pc端或移動(dòng)端web應(yīng)用的開發(fā)?!秝eb開發(fā)技術(shù)》通過基礎(chǔ)知識(shí)、中小實(shí)例、綜合案例的方式,介紹了用HTML5+CSS3設(shè)計(jì)構(gòu)建網(wǎng)站的必備知識(shí),是從事網(wǎng)頁(yè)制作、網(wǎng)站建設(shè)、web前端開發(fā)和移動(dòng)端網(wǎng)站開發(fā),甚至web app開發(fā)的人們必備的專業(yè)技能。

通過本課程的學(xué)習(xí),學(xué)生首先要掌握html5的新增常用標(biāo)記及其屬性、如html5機(jī)構(gòu)化標(biāo)記、畫圖標(biāo)記、多媒體標(biāo)記、表單標(biāo)記等。其次,需要進(jìn)一步了解css3新增的知識(shí)點(diǎn),包括Css3選擇器、控制文本、邊框、背景、動(dòng)畫、過渡、轉(zhuǎn)換即用戶界面設(shè)計(jì)等。最后,在html5和css3新增內(nèi)容的基礎(chǔ)上,進(jìn)一步利用html5架構(gòu)及css3樣式的綜合應(yīng)用完成移動(dòng)端實(shí)戰(zhàn)項(xiàng)目案例開發(fā),在開發(fā)過程中注重案例結(jié)構(gòu)分析及移動(dòng)端開發(fā)特點(diǎn)的經(jīng)驗(yàn)總結(jié)。

課程內(nèi)容共十二章。第一章主要介紹html5的發(fā)展、新標(biāo)準(zhǔn)及新特性,使大家對(duì)html5有個(gè)初步的了解。第二章至第五章主要介紹html5新增元素及其應(yīng)用實(shí)例,包括html5新增文檔結(jié)構(gòu)標(biāo)簽、新增視音頻標(biāo)簽、新增表單元素及屬性、canvas畫圖等,這些新增的標(biāo)簽是html5的核心內(nèi)容,也是本課程的重點(diǎn)知識(shí)內(nèi)容。通過新增元素我們可以掌握如果利用新標(biāo)準(zhǔn)來構(gòu)建網(wǎng)頁(yè)結(jié)構(gòu)以及如何結(jié)合js相關(guān)的api來實(shí)現(xiàn)一些web應(yīng)用的簡(jiǎn)單控制,如控制視頻、音頻的播放或暫停,繪制動(dòng)畫等。第六章將簡(jiǎn)單介紹css3,css3是樣式表的最新版本,在這一章我們重點(diǎn)介紹css3的一些新特性。第七章是css3選擇器的介紹,css3的一個(gè)突出特點(diǎn)就是選擇器的擴(kuò)展,可以實(shí)現(xiàn)更簡(jiǎn)單但是更強(qiáng)大的功能。CSS3是CSS技術(shù)的升級(jí)版本,CSS3語言開發(fā)是朝著模塊化發(fā)展的,這些模塊包括:背景和邊框、文字特效、多欄布局、用戶界面、過渡特性、動(dòng)畫、轉(zhuǎn)換等,在第八章至第十一章,將對(duì)這些模塊進(jìn)行逐步講解,這部分所有的內(nèi)容都是css3的重點(diǎn)內(nèi)容,雖然難度有所增加但你會(huì)發(fā)現(xiàn)這部分內(nèi)容是非常有趣的,幾行樣式代碼就能實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)動(dòng)畫,這部分內(nèi)容還不值得你期待嗎?在最后一張,我們進(jìn)入項(xiàng)目實(shí)戰(zhàn)階段,這里我們介紹兩個(gè)經(jīng)典的項(xiàng)目案例,第一個(gè)項(xiàng)目是利用html5和css3重構(gòu)攜程網(wǎng)手機(jī)端界面,第二個(gè)案例是馬蜂窩手機(jī)端界面。在項(xiàng)目當(dāng)中,貫穿介紹移動(dòng)端的一些技術(shù)開發(fā)特點(diǎn),如響應(yīng)式自適應(yīng)布局、網(wǎng)站規(guī)劃等,希望可以通過項(xiàng)目實(shí)戰(zhàn)的分析,提高我們的web開發(fā)綜合應(yīng)用能力。

課程相關(guān)資源