本書為《Web前端開發技術——HTML、CSS、JavaScript》(ISBN 978-7-115-31926-5)的配套實踐指導教程。同時，本書每個實驗都配有內容簡潔而體系完整的知識點介紹，也可以單獨使用。本書從初學者角度出發，通過通俗易懂的語言、豐富多彩的實例，詳細介紹了使用HTML、CSS和JavaScript進行靜態網站開發的全部技術。 本書共分為4部分。第一部分為Web基礎技術實踐，主要講解HTML知識的實踐套用，內容包括HTML頭部標記及主體標記的使用，文字、段落、列表及圖片標記的使用，超連結與多媒體標記的套用，表格頁面以及表單頁面的製作，Dreamweaver創建和管理站點的實現，實現文本與圖像網頁的製作以及超連結及多媒體的套用。第二部分為Web排版技術實踐，主要講解CSS級聯樣式表的具體套用，內容包括CSS樣式表的基本套用和綜合套用。第三部分為Web動態技術實踐，主要講解JavaScript的具體套用，內容包括JavaScript的基本技術套用和核心技術套用。第四部分為課程綜合項目實訓，通過一個綜合案例的設計和實施來鞏固和加深前3部分知識的綜合套用能力，切實提高實際項目的開發水平。本書所有知識點都結合具體的套用來講解，涉及的套用都提供原始碼並且程式代碼都給出了詳細的注釋，讀者可輕鬆領會使用Web編程技術進行程式開發的精髓，快速提高開發技能。 本書適合作為高等院校相關專業的教學參考書，也適合作為軟體開發入門者的自學用書，還可供開發人員查閱和參考。
目錄
第一部分 Web基礎技術實踐(HTML)
實驗1 純文本編輯器下HTML頭部標記及主體標記的套用 2
1.1 實驗目的 2
1.2 實驗環境 2
1.3 相關知識點 2
1.4 實驗內容 3
1.5 實驗效果示例 4
1.6 實驗步驟 5
1.7 實驗總結 5
實驗2 可視化工具Dreamweaver創建和管理網站的實驗 7
2.1 實驗目的 7
2.2 實驗環境 7
2.3 相關知識點 7
2.4 實驗內容 8
2.5 實驗效果示例 8
2.6 實驗步驟 8
2.7 實驗總結 13
實驗3 純文本編輯器下文字、段落、列表及圖片標記的套用 14
3.1 實驗目的 14
3.2 實驗環境 14
3.3 相關知識點 14
3.4 實驗內容(必做實驗) 16
3.5 實驗效果示例 16
3.6 實驗步驟 16
3.7 選做實驗 18
3.8 實驗總結 18
實驗4 可視化工具Dreamweaver實現文本與圖像網頁的製作 20
4.1 實驗目的 20
4.2 實驗環境 20
4.3 相關技術點 20
4.4 實驗內容 21
4.5 實驗效果示例 21
4.6 實驗步驟 22
4.7 實驗總結 23
實驗5 純文本編輯器下超連結與多媒體標記的套用 24
5.1 實驗目的 24
5.2 實驗環境 24
5.3 相關知識點 24
5.4 實驗內容 28
5.5 實驗效果示例 28
5.6 實驗步驟 29
5.7 實驗總結 31
實驗6 可視化工具Dreamweaver下超連結及多媒體的套用 32
6.1 實驗目的 32
6.2 實驗環境 32
6.3 相關知識點 32
6.4 實驗內容 32
6.5 實驗效果示例 33
6.6 實驗步驟 34
6.7 實驗總結 35
實驗7 表格頁面以及表單頁面的製作 36
7.1 實驗目的 36
7.2 實驗環境 36
7.3 相關知識點 36
7.4 實驗內容 42
7.5 實驗效果示例 43
7.6 實驗步驟 44
7.7 實驗總結 45
第二部分 Web排版技術實踐
實驗8 CSS樣式基本套用 47
8.1 實驗目的 47
8.2 實驗環境 47
8.3 相關知識點 47
8.4 實驗內容(必做實驗) 53
8.5 實驗效果示例 53
8.6 實驗步驟 54
8.7 選做實驗 55
8.8 實驗總結 55
實驗9 CSS排版技術綜合套用 56
9.1 實驗目的 56
9.2 實驗環境 56
9.3 實驗相關知識點 56
9.4 實驗內容(必做實驗) 61
9.5 實驗效果示例 61
9.6 實驗步驟 62
9.7 排版思路 62
9.8 參考原始碼 64
9.9 選做實驗 67
9.10 實驗總結 69
第三部分 Web動態技術實踐
實驗10 JavaScript基本技術套用 71
10.1 實驗目的 71
10.2 實驗環境 71
10.3 相關知識點 71
10.3.1 流程控制語句 71
10.3.2 函式的定義 78
10.3.3 函式的調用 78
10.3.4 函式參數的使用 79
10.3.5 函式的返回值 79
10.3.6 嵌套函式 80
10.3.7 遞歸函式 80
10.3.8 內置函式 80
10.4 實驗內容(必做實驗) 81
10.5 實驗效果示例 82
10.6 實驗步驟 82
10.7 選做實驗 83
10.8 實驗總結 84
實驗11 JavaScript核心技術套用 85
11.1 實驗目的 85
11.2 實驗環境 85
11.3 相關知識點 85
11.3.1 內置對象 85
11.3.2 事件及事件驅動 90
11.3.3 常用事件 90
11.3.4 事件處理程式 93
11.4 實驗內容(必做實驗) 94
11.5 實驗效果示例 94
11.6 實驗步驟 95
11.7 選做實驗 96
11.8 實驗總結 97
第四部分 課程綜合實訓
實驗12 課程綜合實訓(課程設計) 99
12.1 實訓意義 99
12.2 實訓目的 99
12.3 前期準備 99
12.4 實訓步驟 101
12.5 評分標準 102
12.6 網站策劃書文檔格式 102
12.7 實訓題目參考 104
附錄A 實訓報告編寫要求 105
附錄B HTML常用標籤 106
附錄C 常用CSS屬性 113
附錄D HTML色彩運用基礎知識 117
