web開發(fā)技術(shù)
HTML5是目前非常主流的web前端開發(fā)技術(shù)，使用html5我們可以非常快速的完成一個(gè)pc端或移動端web應(yīng)用的開發(fā)。《web開發(fā)技術(shù)》通過基礎(chǔ)知識、中小實(shí)例、綜合案例的方式，介紹了用HTML5+CSS3設(shè)計(jì)構(gòu)建網(wǎng)站的必備知識,是從事網(wǎng)頁制作、網(wǎng)站建設(shè)、web前端開發(fā)和移動端網(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新增的知識點(diǎn)，包括Css3選擇器、控制文本、邊框、背景、動畫、過渡、轉(zhuǎn)換即用戶界面設(shè)計(jì)等。最后，在html5和css3新增內(nèi)容的基礎(chǔ)上，進(jìn)一步利用html5架構(gòu)及css3樣式的綜合應(yīng)用完成移動端實(shí)戰(zhàn)項(xiàng)目案例開發(fā)，在開發(fā)過程中注重案例結(jié)構(gòu)分析及移動端開發(fā)特點(diǎn)的經(jīng)驗(yàn)總結(jié)。
課程內(nèi)容共十二章。第一章主要介紹html5的發(fā)展、新標(biāo)準(zhǔn)及新特性，使大家對html5有個(gè)初步的了解。第二章至第五章主要介紹html5新增元素及其應(yīng)用實(shí)例，包括html5新增文檔結(jié)構(gòu)標(biāo)簽、新增視音頻標(biāo)簽、新增表單元素及屬性、canvas畫圖等，這些新增的標(biāo)簽是html5的核心內(nèi)容，也是本課程的重點(diǎn)知識內(nèi)容。通過新增元素我們可以掌握如果利用新標(biāo)準(zhǔn)來構(gòu)建網(wǎng)頁結(jié)構(gòu)以及如何結(jié)合js相關(guān)的api來實(shí)現(xiàn)一些web應(yīng)用的簡單控制，如控制視頻、音頻的播放或暫停，繪制動畫等。第六章將簡單介紹css3，css3是樣式表的最新版本，在這一章我們重點(diǎn)介紹css3的一些新特性。第七章是css3選擇器的介紹，css3的一個(gè)突出特點(diǎn)就是選擇器的擴(kuò)展，可以實(shí)現(xiàn)更簡單但是更強(qiáng)大的功能。CSS3是CSS技術(shù)的升級版本，CSS3語言開發(fā)是朝著模塊化發(fā)展的，這些模塊包括：背景和邊框、文字特效、多欄布局、用戶界面、過渡特性、動畫、轉(zhuǎn)換等，在第八章至第十一章，將對這些模塊進(jìn)行逐步講解，這部分所有的內(nèi)容都是css3的重點(diǎn)內(nèi)容，雖然難度有所增加但你會發(fā)現(xiàn)這部分內(nèi)容是非常有趣的，幾行樣式代碼就能實(shí)現(xiàn)一個(gè)網(wǎ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)中，貫穿介紹移動端的一些技術(shù)開發(fā)特點(diǎn)，如響應(yīng)式自適應(yīng)布局、網(wǎng)站規(guī)劃等，希望可以通過項(xiàng)目實(shí)戰(zhàn)的分析，提高我們的web開發(fā)綜合應(yīng)用能力。
