網頁設計項目教程（HTML5+CSS3+JavaScript）（第2版）

模塊1 HTML5概述 （1）
任務1.1 HTML簡介 （1）
任務1.2 了解HTML5 （6）
任務1.3 搭建HTML5的開發環境 （9）
1.3.1 VS Code開發工具安裝 （9）
1.3.2 Chrome瀏覽器安裝 （11）
1.3.3 安裝VS Code插件 （11）
任務1.4 HTML5文件的創建方法 （14）
1.4.1 使用記事本創建HTML5文件 （14）
1.4.2 使用VS Code創建HTML文件 （15）
1.4.3 實例：創建第一個HTML5網頁文件 （18）
1.4.4 預覽HTML5網頁 （18）
模塊實訓 （21）
模塊小結 （23）
模塊練習 （23）
模塊2 網頁的色彩搭配 （24）
任務2.1 色彩基礎知識 （25）
2.1.1 色彩屬性解析 （25）
2.1.2 色彩的分類與特點 （26）
任務2.2 色彩搭配原則與技巧 （27）
2.2.1　對比色搭配 （27）
2.2.2　鄰近色搭配 （28）
2.2.3　類似色搭配 （28）
任務2.3 色彩心理學在網頁設計中的應用 （29）
2.3.1　色彩與情感的關系 （29）
2.3.2　色彩心理學在網頁設計中的應用技巧 （29）
任務2.4 色彩搭配工具與資源的運用 （30）
2.4.1　常用色彩搭配工具 （30）
2.4.2　色彩搭配資源網站推薦 （32）
模塊實訓 （33）
模塊小結 （34）
模塊練習 （35）
模塊3 HTML5的文檔結構 （36）
任務3.1 Web標準 （36）
3.1.1　Web標準概述 （37）
3.1.2　Web標準規定的內容 （37）
任務3.2 HTML5文檔的基本結構 （39）
3.2.1 文檔類型聲明 （39）
3.2.2　根標簽＜html＞ （39）
3.2.3　頭標簽＜head＞ （39）
3.2.4 主體標簽＜body＞ （40）
3.2.5　標題標簽＜title＞ （40）
3.2.6　元信息標簽＜meta＞ （40）
3.2.7　頁面註釋標記 （41）
任務3.3　綜合實例—符合W3C標準的HTML5網頁 （43）
3.3.1 HTML （44）
3.3.2　CSS （45）
3.3.3　JavaScript （45）
任務3.4 HTML5頁面構成 （47）
3.4.1 HTML5頁面主要組成部分 （47）
3.4.2 綜合實例—HTML5頁面構成 （48）
模塊實訓 （55）
模塊小結 （56）
模塊練習 （57）
模塊4 網頁文本設計 （58）
任務4.1　添加文本 （59）
4.1.1 普通文本 （59）
4.1.2 特殊字符文本 （59）
4.1.3 文本特殊樣式 （60）
任務4.2 文本排版 （65）
4.2.1 段落標記 （65）
4.2.2 標題標簽 （67）
4.2.3 ＜hr＞標簽 （68）
4.2.4 ＜span＞標簽 （69）
4.2.5 特殊信息文本 （70）
任務4.3 網頁文字列表設計 （76）
4.3.1　建立無序列表 （76）
4.3.2　建立有序列表 （77）
4.3.3　建立自定義列表 （79）
模塊實訓 （81）
模塊小結 （81）
模塊練習 （82）
模塊5 使用CSS技術美化網頁 （83）
任務5.1 CSS簡介 （83）
任務5.2 CSS基礎選擇器 （86）
5.2.1 認識選擇器 （86）
5.2.2 標簽選擇器 （87）
5.2.3 類選擇器 （87）
5.2.4 ID選擇器 （87）
任務5.3 CSS復合選擇器 （89）
5.3.1 認識復合選擇器 （89）
5.3.2 交集選擇器 （89）
5.3.3 並集選擇器 （90）
5.3.4 後代選擇器 （90）
5.3.5 子選擇器 （92）
5.3.6 相鄰選擇器 （92）
5.3.7 偽類選擇器 （93）
5.3.8 偽對象選擇器 （93）
任務5.4 CSS設置背景 （96）
5.4.1 顏色值 （97）
5.4.2 背景顏色 （97）
5.4.3 背景圖片 （98）
任務5.5 CSS3常用效果與技巧 （103）
5.5.1 陰影效果 （104）
5.5.2 2D與3D轉換效果 （105）
模塊實訓 （110）
模塊小結 （110）
模塊練習 （110）
模塊6 文本樣式的高級設置 （112）
任務6.1　網頁文本樣式 （113）
6.1.1　字體 （113）
6.1.2　字號 （114）
6.1.3　字體風格 （114）
6.1.4　加粗字體 （115）
6.1.5　小寫字母轉為大寫字母 （116）
6.1.6　字體復合屬性 （117）
6.1.7　字體顏色 （118）
6.1.8　溢出文本 （120）
任務6.2 設置網頁文本樣式 （125）
6.2.1　單詞間隔 （126）
6.2.2　字符間隔 （128）
6.2.3　文本裝飾 （128）
6.2.4　垂直對齊方式 （130）
6.2.5　水平對齊方式 （131）
6.2.6　文本縮進 （134）
6.2.7　文本行高 （134）
6.2.8　處理空白 （135）
6.2.9 文本陰影text-shadow屬性 （137）
6.2.10 文本自動換行word-wrap屬性 （137）
模塊實訓 （141）
模塊小結 （141）
模塊練習 （141）
模塊7 網頁超鏈接設計 （142）
任務7.1 網頁超鏈接的基本應用 （142）
7.1.1 文本和圖片超鏈接的創建 （143）
7.1.2 下載鏈接創建與應用 （145）
7.1.3 設置鏈接目標打開窗口 （146）
任務7.2 網頁超鏈接的高級應用 （152）
7.2.1　超文本鏈接到一個E-mail地址 （152）
7.2.2　頁面內導航與定位的實現 （153）
7.2.3　創建熱點區域 （155）
7.2.4　浮動框架 （157）
模塊實訓 （166）
模塊小結 （166）
模塊練習 （166）
模塊8 用HTML5創建表格 （167）
任務8.1　創建基礎表格 （167）
8.1.1 定義基礎表格 （168）
8.1.2 設置表格的標題 （169）
任務8.2　表格屬性 （172）
8.2.1 表格按行分組顯示—＜thead＞元素、＜tfoot＞元素、＜tbody＞元素 （173）
8.2.2 表格按列分組顯示—＜colgroup＞元素、＜col＞元素 （174）
8.2.3 單線表格、分離單元格 （175）
8.2.4 分離單元格 （177）
8.2.5 跨多行、多列的單元格 （178）
模塊實訓 （182）
模塊小結 （182）
模塊練習 （182）
模塊9 網頁表單設計 （183）
任務9.1　表單屬性 （183）
9.1.1 表單的用途 （184）
9.1.2 表單的屬性設置 （185）
任務9.2　基本元素的應用 （190）
9.2.1 ＜input＞表單控件 （190）
9.2.2 多行文本框 （196）
9.2.3 ＜label＞標簽 （197）
9.2.4 下拉列表框 （198）
任務9.3 表單高級元素的使用 （201）
9.3.1 URL類型元素 （201）
9.3.2 email類型元素 （202）
9.3.3 number類型元素 （203）
9.3.4 range類型元素 （203）
9.3.5 search類型元素 （204）
9.3.6 color類型元素 （205）
9.3.7 日期和時間輸入控件 （205）
9.3.8 ＜datalist＞元素 （206）
9.3.9 input表單控件新增屬性 （208）
模塊實訓 （211）
模塊小結 （211）
模塊練習 （212）
模塊10 網頁多媒體設計 （213）
任務10.1　HTML5 ＜audio＞元素和＜video＞元素入門 （214）
10.1.1 視頻容器 （214）
10.1.2 音頻和視頻編解碼器 （215）
10.1.3 ＜audio＞元素和＜video＞元素的src屬性及＜source＞元素 （216）
任務10.2　網頁中音頻文件的使用 （217）
10.2.1 添加自動播放的音頻文件 （218）
10.2.2 添加循環播放的音頻文件 （218）
10.2.3 添加預播放的音頻文件 （219）
任務10.3　網頁中視頻文件的使用 （221）
10.3.1 添加視頻文件 （221）
10.3.2 添加自動播放的視頻文件 （223）
10.3.3 添加循環播放的視頻文件 （224）
10.3.4 添加預播放的視頻文件 （225）
10.3.5 設置視頻文件的寬度和高度 （226）
10.3.6 設置視頻文件的networkState屬性 （227）
10.3.7 設置視頻文件的readyState屬性 （229）
10.3.8　多媒體元素常用方法和事件簡述 （230）
模塊實訓 （235）
模塊小結 （235）
模塊練習 （236）
模塊11 CSS布局 （237）
任務11.1 認識CSS布局 （238）
11.1.1 CSS盒子模型 （238）
11.1.2 元素的顯示方式 （239）
11.1.3 CSS布局技術 （239）
任務11.2 JavaScript基礎 （239）
11.2.1 float屬性的常用取值 （240）
11.2.2 清除浮動 （242）
11.2.3 圖文混排布局 （243）
11.2.4 兩列布局 （244）
任務11.3 position定位 （247）
11.3.1 position屬性的常用取值 （247）
11.3.2 z-index層級 （251）
11.3.3 居中 （252）
任務11.4 彈性盒子 （253）
11.4.1 基本概念 （254）
11.4.2 常用容器屬性 （255）
11.4.3 常用項目屬性 （258）
任務11.5 多列布局 （259）
模塊練習 （262）
模塊12 使用JavaScript腳本語言實現網頁 （264）
任務12.1 認識JavaScript （265）
12.1.1 JavaScript發展概況 （265）
12.1.2 JavaScript的特性 （266）
12.1.3 JavaScript的應用場景 （266）
12.1.4 搭建JavaScript開發環境 （266）
12.1.5 引入JavaScript代碼 （267）
12.1.6 常用的JavaScript輸出語句 （268）
任務12.2 JavaScript語言基礎 （268）
12.2.1 變量的聲明和賦值 （268）
12.2.2 數據類型 （269）
12.2.3 表達式 （271）
12.2.4 運算符 （271）
任務12.3 JavaScript語句 （273）
12.3.1 選擇語句 （273）
12.3.2 循環語句 （276）
12.3.3 跳轉語句 （278）
任務12.4 JavaScript函數 （279）
12.4.1 函數的創建與調用 （280）
12.4.2 函數的參數 （281）
任務12.5 文檔對象模型（DOM） （282）
12.5.1 認識DOM對象 （282）
12.5.2 獲取DOM元素 （283）
12.5.3 創建DOM元素 （284）
12.5.4 修改DOM中的元素 （285）
12.5.5 處理DOM元素屬性 （287）
任務12.6 事件處理 （290）
12.6.1 事件類型 （290）
12.6.2 事件處理程序 （290）
12.6.3 事件流 （292）
12.6.4 事件對象 （294）
12.6.5 事件委托 （294）
模塊實訓 （296）
模塊小結 （296）
模塊練習 （296）
模塊13 網頁開發綜合案例 （298）
任務13.1 案例分析 （298）
13.1.1 頁面展示 （299）
13.1.2 頁面模塊 （299）
任務13.2 搭建頁面結構 （301）
13.2.1 創建項目 （301）
13.2.2 頁面框架 （301）
任務13.3 頁面頂部 （303）
13.3.1 靜態效果實現 （303）
13.3.2 動態效果實現 （307）
任務13.4 頁面主體 （309）
13.4.1 靜態效果實現 （309）
13.4.2 動態效果實現 （318）
模塊實訓 （321）
模塊小結 （321）