123,123,123

內(nèi)容簡(jiǎn)介

　　本書使用HTML5+CSS3+JavaScript技術(shù)，采用校企合作方式編寫，注重培養(yǎng)學(xué)生的Web前端開發(fā)能力。全書分為8個(gè)項(xiàng)目。項(xiàng)目1-6選用企業(yè)真實(shí)項(xiàng)目轉(zhuǎn)化為遵循學(xué)生學(xué)習(xí)規(guī)律的遞進(jìn)式案例，案例中既有HTML+CSS的基礎(chǔ)技能，更著重介紹HTML5的新標(biāo)簽、CSS3的新屬性，包括浮動(dòng)、定位、文本、背景、邊框、表單、多列布局、動(dòng)畫、音視頻等內(nèi)容。這6個(gè)項(xiàng)目是Web前端的必要技能，也是必修內(nèi)容，滿足大多數(shù)院校的課程教學(xué)需要。在內(nèi)容設(shè)計(jì)上，將知識(shí)點(diǎn)融入項(xiàng)目開發(fā)的各個(gè)子任務(wù)中，讓學(xué)生邊學(xué)、邊操作、邊提高，其中項(xiàng)目6是采用響應(yīng)式布局的仿真項(xiàng)目。Web前端開發(fā)是教育部首批“1+X”職業(yè)技能等級(jí)證書之一，為使學(xué)生在提高操作技能的同時(shí)掌握必要的理論知識(shí)，本書附有職業(yè)技能客觀測(cè)試題目。項(xiàng)目7～項(xiàng)目8是選修或拓展內(nèi)容，供教師和學(xué)生按需選擇；其中項(xiàng)目7是實(shí)戰(zhàn)項(xiàng)目，由真實(shí)項(xiàng)目的開發(fā)者帶著讀者一起開發(fā)一個(gè)企業(yè)官網(wǎng)；項(xiàng)目8是游戲開發(fā)項(xiàng)目。

作者簡(jiǎn)介

　　許燕：講師，碩士。廣東職業(yè)技術(shù)學(xué)院教師，主持省級(jí)以上課題5項(xiàng)，公開發(fā)表論文10篇、發(fā)表軟件著作權(quán)4項(xiàng)。系主任，指導(dǎo)學(xué)生參加全國(guó)電商大賽獲總決賽亞軍（特等獎(jiǎng)）；“挑戰(zhàn)杯”廣東大學(xué)生創(chuàng)業(yè)計(jì)劃競(jìng)賽獲銀獎(jiǎng)一項(xiàng)，銅獎(jiǎng)一項(xiàng)；“挑戰(zhàn)杯-彩虹人生”廣東職業(yè)學(xué)校創(chuàng)新創(chuàng)效創(chuàng)業(yè)大賽獲一等級(jí)獎(jiǎng)二獎(jiǎng)?！岸嗟媳本W(wǎng)頁(yè)設(shè)計(jì)大賽、“藍(lán)橋杯”程序設(shè)計(jì)大賽獲得省級(jí)獎(jiǎng)勵(lì)多次。

圖書目錄

學(xué)習(xí)任務(wù)一HTML 5應(yīng)用初體驗(yàn)1/1 \n
1.1需求分析1/2 \n
1.2知識(shí)結(jié)構(gòu)分析1/3 \n
1.2.1HTML 5簡(jiǎn)介1/3 \n
1.2.2HTML 5的應(yīng)用場(chǎng)景1/3 \n
1.2.3HTML 5文檔結(jié)構(gòu)1/5 \n
1.3移動(dòng)端頁(yè)面布局1/11 \n
1.3.1流式布局1/11 \n
1.3.2視口1/13 \n
1.4重點(diǎn)技術(shù)分析1/16 \n
1.5重點(diǎn)知識(shí)梳理1/23 \n
1.6HTML 5代碼人生1/27 \n
1.7影響時(shí)代的IT名人1/27 \n
1.8任務(wù)評(píng)價(jià)1/28 \n
學(xué)習(xí)任務(wù)二圖文頁(yè)面設(shè)計(jì)2/1 \n
2.1設(shè)計(jì)分析2/1 \n
2.2知識(shí)結(jié)構(gòu)分析2/4 \n
2.2.1HTML 5標(biāo)簽及CSS基礎(chǔ)2/4 \n
2.2.2CSS語法結(jié)構(gòu)2/6 \n
2.2.3CSS常用選擇器2/7 \n
2.2.4選擇器的權(quán)重2/14 \n
2.2.5CSS核心屬性:文本類屬性2/17 \n
2.2.6CSS背景屬性2/25 \n
2.2.7CSS盒模型2/29 \n
2.2.8網(wǎng)頁(yè)布局屬性的功能2/34 \n
2.3重點(diǎn)技術(shù)分析2/37 \n
2.4重點(diǎn)知識(shí)梳理2/57 \n
2.5HTML 5代碼人生2/60 \n
2.6影響時(shí)代的IT名人2/60 \n
2.7任務(wù)評(píng)價(jià)2/60 \n
1/1/學(xué)習(xí)任務(wù)三CSS 3.0動(dòng)畫效果設(shè)計(jì)3/1 \n
3.1設(shè)計(jì)分析3/1 \n
3.2知識(shí)結(jié)構(gòu)分析3/2 \n
3.2.1CSS 3.0動(dòng)畫知識(shí)3/2 \n
3.2.2使用CSS 3.0制作動(dòng)畫3/2 \n
3.3重點(diǎn)技術(shù)分析3/19 \n
3.4HTML 5代碼人生3/29 \n
3.5影響時(shí)代的IT名人3/30 \n
3.6任務(wù)評(píng)價(jià)3/30 \n
學(xué)習(xí)任務(wù)四Canvas應(yīng)用4/1 \n
4.1設(shè)計(jì)分析4/1 \n
4.2知識(shí)結(jié)構(gòu)分析4/5 \n
4.2.1創(chuàng)建Canvas元素4/5 \n
4.2.2繪制矩形4/6 \n
4.2.3繪制圓形4/9 \n
4.2.4繪制圓弧4/11 \n
4.2.5繪制文本4/12 \n
4.2.6繪制路徑4/14 \n
4.2.7繪制圖像4/16 \n
4.2.8裁剪圖像4/19 \n
4.2.9圖形合成4/20 \n
4.2.10圖形變換4/21 \n
4.2.11圖形漸變4/23 \n
4.3重點(diǎn)技術(shù)分析4/26 \n
4.4HTML 5代碼人生4/32 \n
4.5影響時(shí)代的IT名人4/32 \n
4.6任務(wù)評(píng)價(jià)4/33 \n
學(xué)習(xí)任務(wù)五HTML 5表單應(yīng)用5/34 \n
5.1設(shè)計(jì)分析5/34 \n
5.2知識(shí)結(jié)構(gòu)分析5/3 \n
5.2.1HTML 5表單概述5/3 \n
5.2.2HTML 5表單的改良5/3 \n
5.2.3HTML 5表單控件5/4 \n
5.2.4HTML 5新增的input類型5/6 \n
5.2.5HTML 5表單控件屬性5/15 \n
5.2.6HTML 5表單驗(yàn)證5/21 \n
5.3重點(diǎn)技術(shù)分析5/22 \n
5.4HTML 5代碼人生5/29 \n
5.5響時(shí)代的IT名人5/29 \n
5.6任務(wù)評(píng)價(jià)5/29 \n
學(xué)習(xí)任務(wù)六音頻、視頻的應(yīng)用6/1 \n
6.1設(shè)計(jì)分析6/2 \n
6.2知識(shí)結(jié)構(gòu)分析6/3 \n
6.2.1多媒體概述6/3 \n
6.2.2多媒體API的使用6/5 \n
6.3重點(diǎn)技術(shù)分析6/8 \n
6.4HTML 5代碼人生6/13 \n
6.5響時(shí)代的IT名人6/14 \n
6.6任務(wù)評(píng)價(jià)6/14 \n
學(xué)習(xí)任務(wù)七HTML 5游戲開發(fā)7/1 \n
7.1設(shè)計(jì)分析7/1 \n
7.2知識(shí)結(jié)構(gòu)分析7/3 \n
7.2.1JavaScript概述7/3 \n
7.2.2JavaScript入門 7/3 \n
7.3常用內(nèi)置對(duì)象7/10 \n
7.3.1JavaScript數(shù)組7/10 \n
7.3.2定時(shí)器方法7/12 \n
7.3.3日期對(duì)象的應(yīng)用7/13 \n
7.4重點(diǎn)技術(shù)分析7/16 \n
參考文獻(xiàn)7/22