編輯推薦
本書以實用為原則，融"教、學、做"於一體。實例以Dreamweaver CS6為載體，使讀者循序漸進地充分理解並掌握HTML、CSS、JavaScript等的功能與HTML5的前景，為後續課程奠定良好的基礎，並激發學生學習的積極性和主動性。
全書結構新穎，每章圍繞知識點儲備、實例演示、任務訓練、知識拓展、單元測試五部分展開。在教學內容的組織、知識點的由簡單到複雜、由易到難、"設計"視圖與"代碼"視圖相結合，使學生循序漸進地、合理地組織學習知識、訓練技能、拓展知識，有興趣、由表及里地學習。
內容簡介
本書以實用為原則，每章圍繞知識點儲備、實例演示、任務訓練、知識拓展、單元測試五部分展開，本書內容涵蓋網頁設計概述、網頁基本元素、常用網頁布局、Div+CSS、表單、行為特效、模板和庫、HTML 5等。
本書可作為計算機相關專業網頁設計與製作的教材，也可供網頁設計愛好者學習參考，尤其適合網頁設計初學者使用。
圖書目錄
目 錄
第1章 網頁設計概述 1
1.1 網頁與網站 1
1.1.1 網頁 1
1.1.2 網站 2
1.1.3 網站的工作原理 2
1.1.4 網頁基本構成元素 3
1.2 網頁製作基礎知識 4
1.2.1 網頁的基礎知識 4
1.2.2 網頁製作工具 5
1.2.3 網頁設計與製作的分類 6
1.3 網頁設計的基本流程 6
1.4 創建本地站點 7
1.4.1 Dreamweaver CS6簡介 7
1.4.2 建立本地站點 9
1.4.3 管理本地站點 12
1.4.4 網頁檔案的基本操作 13
1.4.5 設定首選參數 15
1.4.6 使用輔助工具 18
1.5 超文本標記語言HTML 20
1.5.1 HTML概述 20
1.5.2 常用HTML標記 21
1.6 實例演示 22
1.6.1 實例情景--創建本地教學
站點 22
1.6.2 實例效果 22
1.6.3 實現方案 22
1.7 任務訓練 23
1.7.1 訓練目的 23
1.7.2 訓練內容 23
1.8 知識拓展 24
單元測試 24
第2章 認識網頁基本元素 26
2.1 文本 26
2.1.1 添加文本 26
2.1.2 設定文本屬性 28
2.1.3 插入特殊文本 32
2.1.4 文本超連結 34
2.2 圖像 37
2.2.1 圖像格式 38
2.2.2 插入圖像 39
2.2.3 設定圖像屬性 39
2.2.4 其他圖像元素 40
2.2.5 圖文混排 42
2.2.6 圖像超連結 43
2.3 多媒體 45
2.3.1 網頁中的動畫 45
2.3.2 音樂播放功能 47
2.3.3 視頻播放功能 49
2.4 實例演示 50
2.4.1 實例情景--製作風景區
網頁 50
2.4.2 實例效果 50
2.4.3 實現方案 51
2.5 任務訓練 52
2.5.1 訓練目的 52
2.5.2 訓練內容 52
2.6 知識拓展 53
單元測試 53
第3章 認識常用網頁布局 55
3.1 表格 55
3.1.1 插入表格及嵌套表格 56
3.1.2 設定表格和單元格屬性 59
3.1.3 選擇單元格、行或列及表格 60
3.1.4 表格的基本操作 61
3.1.5 表格布局實例 62
3.2 層AP Div 64
3.2.1 創建AP Div 64
3.2.2 AP Div的屬性 66
3.2.3 "AP元素"面板 67
3.2.4 AP Div的重疊與嵌套 68
3.2.5 AP Div的基本操作 70
3.2.6 AP Div布局實例 71
3.3 實例演示 73
3.3.1 實例情景--製作線上作業
系統主頁 73
3.3.2 實例效果 73
3.3.3 實現方案 74
3.4 任務訓練 76
3.4.1 訓練目的 76
3.4.2 訓練內容 76
3.5 知識拓展 78
單元測試 78
第4章 認識Div+CSS布局 79
4.1 Div概述 79
4.1.1 什麼是Div 79
4.1.2 網頁中插入Div 81
4.1.3 Div的嵌套 83
4.2 CSS概述 84
4.2.1 什麼是CSS 85
4.2.2 創建CSS樣式 85
4.2.3 CSS樣式在網頁中的套用 94
4.3 盒子模型 97
4.3.1 盒子模型概述 97
4.3.2 margin、padding與border 98
4.3.3 塊級元素與內聯元素 103
4.3.4 Div的浮動與定位 105
4.4 常用布局方式 111
4.4.1 居中布局 111
4.4.2 固定寬度布局 113
4.4.3 可變寬度布局 114
4.5 實例演示 116
4.5.1 實例情景--製作線上作業
系統首頁 116
4.5.2 實例效果 116
4.5.3 實現方案 117
4.6 任務訓練 124
4.6.1 訓練目的 124
4.6.2 訓練內容 124
4.7 知識拓展 125
單元測試 126
第5章 認識表單 127
5.1 創建表單 127
5.1.1 表單概述 127
5.1.2 插入表單 128
5.1.3 表單屬性 128
5.2 創建表單對象 129
5.2.1 文本欄位 129
5.2.2 隱藏域 131
5.2.3 複選框和複選框組 132
5.2.4 單選按鈕和單選按鈕組 134
5.2.5 列表/選單 135
5.2.6 跳轉選單 136
5.2.7 圖像域 137
5.2.8 檔案域 137
5.2.9 按鈕 138
5.2.10 標籤 138
5.2.11 欄位集 138
5.3 Spry表單驗證 139
5.3.1 Spry驗證文本域 139
5.3.2 Spry驗證文本區域 140
5.3.3 Spry驗證複選框 141
5.3.4 Spry驗證選擇 141
5.3.5 Spry驗證密碼 142
5.3.6 Spry驗證確認 142
5.3.7 Spry驗證單選按鈕組 143
5.4 使用行為驗證表單 144
5.5 實例演示 147
5.5.1 實例情景--製作信箱註冊
單網頁 147
5.5.2 實例效果 147
5.5.3 實現方案 147
5.6 任務訓練 149
5.6.1 訓練目的 149
5.6.2 訓練內容 150
5.7 知識拓展 151
單元測試 151
第6章 認識行為特效 152
6.1 認識行為 152
6.1.1 行為基本概念 152
6.1.2 "行為"面板 153
6.1.3 添加行為步驟 154
6.1.4 修改行為 155
6.2 使用內置行為 156
6.2.1 交換圖像 156
6.2.2 彈出訊息 157
6.2.3 打開瀏覽器視窗 157
6.2.4 轉到URL 159
6.2.5 拖動AP元素 159
6.2.6 設定狀態欄文本 160
6.2.7 改變屬性 161
6.2.8 顯示/漸隱 162
6.2.9 調用JavaScript 163
6.3 實例演示 165
6.3.1 實例情景--用JavaScript
完成行為特效 165
6.3.2 實例效果 165
6.3.3 實現方案 166
6.4 任務訓練 168
6.4.1 訓練目的 168
6.4.2 訓練內容 168
6.5 知識拓展 169
單元測試 169
第7章 認識模板和庫 170
7.1 模板 170
7.1.1 創建模板 170
7.1.2 創建可編輯區域 171
7.1.3 管理模板 172
7.2 庫 176
7.2.1 創建庫檔案 177
7.2.2 編輯庫項目 178
7.2.3 為頁面添加庫項目 179
7.3 實例演示 179
7.3.1 實例情景--製作風花雪月
網站 179
7.3.2 實例效果 180
7.3.3 實現方案 180
7.4 任務訓練--模板套用 184
7.4.1 訓練目的 184
7.4.2 訓練內容 184
7.5 知識拓展 185
單元測試 185
第8章 初識HTML5 186
8.1 HTML5概述 186
8.1.1 HTML5簡介 186
8.1.2 HTML5的新特性 186
8.1.3 HTML5的優點 187
8.2 HTML5視頻 187
8.2.1 HTML5視頻簡介 187
8.2.2 HTML5視頻實例 188
8.2.3 使用 DOM控制 190
8.3 HTML5音頻 192
8.3.1 HTML5音頻簡介 192
8.3.2 HTML5音頻實例 193
8.4 初識Canvas 194
8.4.1 Canvas簡介 194
8.4.2 繪製圖形 195
8.4.3 使用圖像 199
8.5 實例演示 201
8.5.1 實例情景--製作七巧板 201
8.5.2 實例效果 201
8.5.3 實現方案 202
8.6 任務訓練 204
8.6.1 訓練目的 204
8.6.2 訓練內容 204
8.7 知識拓展 206
單元測試 206
參考文獻 207
