響應(yīng)式Web開發(fā)項目化教程（HTML5+CSS3）（20xx～20xx學(xué)年第x學(xué)期）開課學(xué)院開課專業(yè)講授學(xué)時32課程名稱響應(yīng)式Web開發(fā)項目化教程（HTML5+CSS3）授課教師實踐/實驗學(xué)時32授課年級授課班級總學(xué)時64使用教材《響應(yīng)式Web開發(fā)項目化教程（HTML5+CSS3）》參考書目《響應(yīng)式Web開發(fā)項目化教程（HTML5+CSS3）》校歷周次授課內(nèi)容分章節(jié)題目第1周項目一制作HBuiler百度頁面（4學(xué)時）前導(dǎo)知識：初始HTML5、HTML5基礎(chǔ)、文本控制元素等（3學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）第2周項目一制作HBuiler百度頁面（4學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（3學(xué)時）項目總結(jié)（1學(xué)時）第3周項目二制作化妝品展示列表頁面（4學(xué)時）前導(dǎo)知識：初始CSS、引入CSS樣式與CSS語法格式、CSS選擇器等（4學(xué)時）第4周項目二制作化妝品展示列表頁面（4學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（2學(xué)時）項目總結(jié)（1學(xué)時）第5周項目三制作電商主播排行榜頁面（4學(xué)時）前導(dǎo)知識：初始盒模型、邊框?qū)傩?、邊距屬性等?學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）第6周項目三制作電商主播排行榜頁面（2學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）項目總結(jié)（1學(xué)時）項目四制作家裝行業(yè)產(chǎn)品展示頁面（2學(xué)時）前導(dǎo)知識：CSS3動畫屬性、CSS3變形屬性（1學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）第7周項目四制作家裝行業(yè)產(chǎn)品展示頁面（2學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）項目總結(jié)（1學(xué)時）項目五制作旅游網(wǎng)站的導(dǎo)航欄和banner（2學(xué)時）前導(dǎo)知識：元素的浮動屬性float、元素的清除浮動屬性clear等（2學(xué)時）第8周項目五制作旅游網(wǎng)站的導(dǎo)航欄和banner（4學(xué)時）前導(dǎo)知識：元素的浮動屬性float、元素的清除浮動屬性clear等（2學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）第9周項目六制作信息注冊頁面（4學(xué)時）前導(dǎo)知識：表單概述、表單元素及屬性、表單校驗（2學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）第10周項目七制作視頻播放頁面（4學(xué)時）前導(dǎo)知識：多媒體格式、支持視頻和音頻的瀏覽、嵌入視頻等（4學(xué)時）第11周項目七制作視頻播放頁面（4學(xué)時）前導(dǎo)知識：嵌入音頻、HTMLDOMVideo對象、HTMLDOMAudio對象等（2學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）第12周項目八制作垃圾分類頁面（4學(xué)時）前導(dǎo)知識：視口、媒體查詢、百分比布局（2學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）第13周項目九制作個人信息頁面（4學(xué)時）前導(dǎo)知識：柵格系統(tǒng)、彈性盒布局（2學(xué)時）項目分析：頁面結(jié)構(gòu)分析、樣式分析（1學(xué)時）項目實踐：制作頁面結(jié)構(gòu)、定義CSS樣式（1學(xué)時）第14周項目十制作物流公司響應(yīng)式網(wǎng)站（4學(xué)時）項目描述（1學(xué)時）頁面結(jié)構(gòu)搭建（1學(xué)時）頂部通欄（1學(xué)時）導(dǎo)航欄（1學(xué)時）第15周項目十制作物流公司響應(yīng)式網(wǎng)站（4學(xué)時）輪播圖（1學(xué)時）關(guān)于我們模塊（1學(xué)時）我們的優(yōu)勢模塊（1學(xué)時）我們的服務(wù)模塊（1學(xué)時）第16周制作物流公司響應(yīng)式網(wǎng)站（4學(xué)時）運輸物流