Web前端技術項目式教程（HTML5+CSS3+Flex+Bootstrap)（AI助學）（微課版）（第2版）

唐彩虹，1980年2月22日出生，副教授。2006年6月獲得暨南大學計算機軟件專業碩士學位，2006年7月至今任職於廣東輕工職業技術大學，擔任信息技術學院數字媒體技術專業專任教師，從教至今一直講授Web前端開發相關課程，指導學生實訓和畢業設計，積累了豐富的授課經驗，2012年起擔任《網頁制作》課程負責人，先後主持多項校級科研和教改項目，發表科研和教改論文十余篇。

任務一 初探Web前端技術 ........................................................ 1 任務描述 .......................................................................................... 2 知識引入 .......................................................................................... 2 任務實現 .......................................................................................... 8 任務小結 ........................................................................................ 11 課後練習 ........................................................................................ 11 技能拓展 ........................................................................................ 12 任務二 使用HTML搭建中華傳統文化網站首頁結構 ......................... 13 任務描述 ........................................................................................ 14 知識引入 ........................................................................................ 15 任務實現 ........................................................................................ 26 任務拓展 ........................................................................................ 37 任務小結 ........................................................................................ 40 課後練習 ........................................................................................ 40 技能拓展 ........................................................................................ 41 任務三 使用DIV+CSS實現中華傳統文化網站首頁布局 ................... 43 任務描述 ........................................................................................ 45 知識引入 ........................................................................................ 45 任務實現 ........................................................................................ 68 任務拓展 ......................................................................................... 74 任務小結 ........................................................................................ 76 課後練習 ........................................................................................ 76 技能拓展 ........................................................................................ 78 任務四 使用CSS及CSS3美化網頁 .......................................... 79 任務描述 ........................................................................................ 81 知識引入 ........................................................................................ 81 任務實現 ...................................................................................... 106 任務拓展1 ...................................................................................... 112 任務拓展2 ...................................................................................... 115 任務小結 ...................................................................................... 119 課後練習 ...................................................................................... 120 技能拓展 ...................................................................................... 121 任務五 CSS3過渡、變換和動畫 .............................................. 123 任務描述 ...................................................................................... 124 知識引入 ...................................................................................... 124 任務實現 ...................................................................................... 136 任務拓展 ...................................................................................... 139 任務小結 ...................................................................................... 141 課後練習 ...................................................................................... 142 技能拓展 ...................................................................................... 142 任務六 多媒體嵌入 ............................................................... 145 任務描述 ...................................................................................... 146 知識引入 ...................................................................................... 146 任務實現 ...................................................................................... 149 任務拓展 ...................................................................................... 154 任務小結 ...................................................................................... 155 課後練習 ...................................................................................... 156 技能拓展 ...................................................................................... 157 任務七 添加用戶交互界面——表單 ............................................ 159 任務描述 ...................................................................................... 160 知識引入 ...................................................................................... 160 任務實現 ...................................................................................... 172 任務拓展 ...................................................................................... 177 任務小結 ...................................................................................... 178 課後練習 ...................................................................................... 178 技能拓展 ...................................................................................... 179 任務八 使用Flex實現網頁響應式布局 ....................................... 181 任務描述 ...................................................................................... 182 知識引入 ...................................................................................... 183 任務實現 ...................................................................................... 190 任務拓展 ...................................................................................... 202 任務小結 ...................................................................................... 206 課後練習 ...................................................................................... 206 技能拓展 ...................................................................................... 209 任務九 使用Bootstrap實現網頁響應式布局 ............................... 211 任務描述 ...................................................................................... 212 知識引入 ...................................................................................... 212 任務實現 ...................................................................................... 216 任務拓展 ...................................................................................... 225 任務小結 ...................................................................................... 228 課後練習 ...................................................................................... 229 技能拓展 ...................................................................................... 229 任務十 綜合練習——兒童玩具商城網站設計與制作 ......................... 232 任務描述 ...................................................................................... 232 任務實現 ...................................................................................... 233 任務小結 ...................................................................................... 263 課後練習 ...................................................................................... 263 技能拓展 ...................................................................................... 263