第一部分 Web基礎 模塊一 認識前端開發(fā) 單元一 制作第一個Web頁面 1.1.1 網(wǎng)站的基本知識 1.1.2 任務實踐——制作第一個Web頁面 單元二 制作通知頁面 1.2.1 HTML基礎標簽1.2.2 任務實踐——制作通知頁面單元三 制作商品信息頁面1.3.1 圖像與CSS基礎1.3.2 任務實踐——制作商品信息頁面單元四 網(wǎng)上商城頁面導航設計1.4.1 超鏈接1.4.2 任務實踐——網(wǎng)上商城頁面導航設計小結(jié)習題 1模塊二 HTML5頁面元素單元一 制作導航欄2.1.1 列表標簽2.1.2 盒子模型2.1.3 任務實踐——制作導航欄單元二 制作學院簡介頁面2.2.1 HTML結(jié)構元素2.2.2 浮動與清理浮動2.2.3 任務實踐——制作學院簡介頁面單元三 HTML5語義標簽的綜合使用2.3.1 HTML5新增語義標簽2.3.2 任務實踐——編寫綜合頁面單元四 制作股票信息表2.4.1 表格標簽2.4.2 任務實踐——制作股票信息表小結(jié)習題 2模塊三 CSS 基礎應用 單元一 制作藝術文本頁面3.1.1 文本樣式3.1.2 元素定位3.1.3 任務實踐——制作藝術文本頁面單元二 制作理學部導航模塊3.2.1 盒子樣式3.2.2 任務實踐——制作理學部導航模塊單元三 學部導航頁面整體布局3.3.1 頁面整體布局3.3.2 任務實踐——學部導航頁面整體布局小結(jié)習題 3第二部分 創(chuàng)新應用基礎模塊四 CSS 高級應用 單元一 制作下拉式導航菜單4.1.1 過渡效果4.1.2 任務實踐——制作下拉式導航菜單單元二 設計制作2D和3D轉(zhuǎn)換響應效果4.2.1 轉(zhuǎn)換動畫4.2.2 任務實踐——設置制作2D和3D轉(zhuǎn)換相應效果單元三 設計制作動態(tài)校訓4.3.1 @keyframes規(guī)則4.3.2 任務實踐——設計制作動態(tài)校訓單元四 制作圖片瀑布流4.4.1 CSS3 多列布局屬性4.4.2 任務實踐——制作圖片瀑布流小結(jié)習題 4模塊五 Web表單制作 單元一 制作個人信息頁面5.1.1 表單介紹5.1.2 常用表單控件5.1.3 任務實踐——制作個人信息頁面單元二 制作個人信息修改頁面5.2.1 其他表單控件5.2.2 任務實踐——制作個人信息修改頁面單元三 制作用戶注冊頁面5.3.1 正則表達式5.3.2 任務實踐——制作用戶注冊頁面小結(jié)習題 5模塊六 富媒體標簽單元一 制作TOP10音樂榜6.1.1 音頻標簽6.1.2 任務實踐——制作TOP10音樂排行榜單元二 制作視頻播放器6.2.1 視頻標簽6.2.2 任務實踐——制作視頻播放器單元三 繪制五角星6.3.1 圖像繪制6.3.2 任務實踐——繪制五角星小結(jié)習題 6第三部分 JavaScript編程基礎模塊七 JavaScript基礎 單元一 JavaScript語法基礎7.1.1 JavaScript輸出方式7.1.2 變量7.1.3 數(shù)據(jù)類型7.1.4 運算符單元二 數(shù)組及其操作方法7.2.1 認識數(shù)組7.2.2 數(shù)組元素操作7.2.3 數(shù)組遍歷7.2.4 數(shù)組操作方法單元三 認識JavaScript函數(shù)7.3.1 函數(shù)定義7.3.2 函數(shù)調(diào)用7.3.3 函數(shù)參數(shù)單元四 綜合實踐——制作網(wǎng)頁計算器7.4.1 JavaScript異常處理7.4.2 任務實踐小結(jié)習題 7模塊八 JavaScript應用單元一 字符串操作8.1.1 字符串處理函數(shù)8.1.2 數(shù)組與字符串處理方法比較單元二 文檔對象模型DOM8.2.1 認識DOM8.2.2 節(jié)點獲取方法8.2.3 節(jié)點操作方法單元三 瀏覽器對象模型BOM8.3.1 窗口操作8.3.2 制作定時器8.3.3 location對象單元四 綜合實踐——制作倒計時器8.4.1 Date對象8.4.2 任務實踐 小結(jié) 習題 8