XXX班XX學年度第X學期授課計劃序號周次課時數教學內容教學方式課外作業備注116項目一：利用HTML5制作圖文混排頁面任務1第一個網頁的創建任務2頁面格式化標簽的應用任務3HTML5標簽屬性的應用任務4文本樣式標簽的應用任務5文本格式化標簽的應用任務6文本語義標簽的應用任務7圖像標簽的應用理實一體復習項目一所學標簽意義226項目一：利用HTML5制作圖文混排頁面任務8超鏈接標簽的應用任務9音頻和視頻標簽的應用項目實戰制作杭州亞運會精彩賞析課后拓展任務與項目總結理實一體項目一課后習題336項目二：利用HTML5搭建網頁結構任務1ul元素的應用任務2ol元素的應用任務3dl元素的應用任務4列表的嵌套應用任務5header元素的應用任務6nav元素的應用任務7article、section、aside、footer元素的應用理實一體復習項目二所學標簽意義446項目二：利用HTML5搭建網頁結構任務8figure和figcaption元素的應用任務9hgroup元素的應用任務10details和summary元素的應用項目實戰制作“青少年心理健康教育”頁面課后拓展任務與項目總結理實一體項目二課后習題XXX班XX學年度第X學期授課計劃序號周次課時數教學內容教學方式課外作業備注556項目三：利用CSS3美化網頁文本任務1行內式的應用任務2內嵌式的應用任務3鏈入式的應用任務4導入式的應用任務5標簽選擇器和類選擇器的應用任務6ID選擇器的應用任務7通配符選擇器的應用任務8標簽指定式選擇器的應用任務9后代選擇器的應用理實一體CSS3基礎知識記憶666項目三：利用CSS3美化網頁文本任務10并集選擇器的應用任務11字體樣式屬性的應用任務12@font-face的應用任務13文本外觀屬性的應用任務14文本裝飾與文本陰影屬性的應用任務15文本溢出屬性的應用任務16CSS3層疊性和繼承性的應用任務17CSS3優先級的應用項目實戰制作“反詐小課堂”頁面理實一體項目三課后習題776項目三：利用CSS3美化網頁文本課后拓展任務與項目總結項目四：利用CSS3新增的選擇器制作網頁任務1屬性選擇器的應用任務2子代選擇器的應用任務3兄弟選擇器的應用任務4:root選擇器的應用任務5:not選擇器的應用任務6:only-child選擇器的應用理實一體CSS3新增選擇器知識點記憶XXX班XX學年度第X學期授課計劃序號周次課時數教學內容教學方式課外作業備注886項目四：利用CSS3新增的選擇器制作網頁和:last-child選擇器的應用f-type(n)和:nth-last-of-type(n)選擇器的應用任務10:before選擇器的應用任務11:after選擇器的應用任務12鏈接偽類選擇器的應用項目實戰制作“安全教育”頁面課后拓展任務與項目總結理實一體項目四課后習題996項目五利用盒子模型布局網頁 任務1盒子模型基本屬性的應用 任務2border屬性的應用任務3border-radius屬性的應用 任務4padding和margin屬性的應用任務5box-sizing屬性的應用任務6box-shadow屬性的應用任務7float屬性的應用任務8盒子模型清除浮動的應用任務9position屬性的應用理實一體盒子模型相關屬性意義記憶與背誦10106項目五利用盒子模型布局網頁任務10背景屬性的應用 任務11opacity屬性的應用 任務12漸變屬性的應用 任務13重復漸變屬性的應用 任務14使用盒子模型布局網頁項目實戰制作“消防安全知識教育”頁面 課后拓展任務與項目總結理實一體項目五課后習題XXX班XX學年度第X學期授課計劃序號周次課時數教學內容教學方式課外作業備注11116期中考試項目六利用CSS3美化列表樣式任務1設置列表項目符號任務2制作橫向導航 任務3制作立體導航 理實一體補充任務12126任務4制作下拉式菜單導航 任務5制作下拉式面板導航項目6利用CSS3美化列表樣式任務6制作旅游攻略欄目 任務7設計圖片列表版式 項目實戰制作“青年教育宣傳”頁面拓展任務與項目總結理實一體項目六課后習題13136項目七利用CSS3美化表格和表單樣式任務1設置表格的背景顏色 任務2設置表格的邊框樣式任務3設置單元格的邊框樣式 任務4設置表頭的樣式任務5制作網頁通訊錄任務6制作用戶登錄表單任務7制作并美化用戶注冊表單理實一體表格和表單相關標記和屬性記憶背誦14146項目7利用CSS3美化表格和表單樣式任務8制作并美化用戶信息注冊表單項目實戰制作“景點排行榜”頁面課后拓展任務與項目總結理實一體項目七課后習題XXX班XX學年度第X學期授課計劃序號周次課時數教學內容教學方式課外作業備注15156項目八利用CSS3制作網頁特效任務1定義平移效果 任務2定義縮放效果 任務3定義傾斜效果 任務4定義2D旋轉效果任務5定義變形原點任務6定義3D旋轉效果任務7定義過渡效果任務8設置過渡效果持續時間理實一體CSS3動效相關屬性意義記憶背誦16166項目8利用CSS3制作網頁特效任務9定義過渡效果速度曲線 任務10制作CSS3動畫效果項目實戰制