本書是一本指導初學者快速掌握“網頁設計與制作”方法的普及類教材，全書共10章，詳細地介紹了初學者必須掌握的網頁設計基本知識，常用網頁制作軟件—Dreamweaver CC、CSS、Animate CC、Photoshop CC的使用方法。
1.版本新。Dreamweaver CC、CSS、Animate CC、Photoshop CC
2.采用知識點和案例、效果相結合的方式，結構清晰，實用性強。
3.案例豐富。
4.教材配套資料全，適合教師需求。
王君學，畢業于東北師范大學信息管理系，現任職于青島大學，長期從事網站設計和建設工作，具有扎實的理論基礎和豐富的實踐經驗。主編并出版《網頁設計與制作》《從零開始Dreamweaver CC中文版基礎培訓教程》《網站設計與制作》《從零開始Dreamweaver CS6中文版基礎培訓教程》《Dreamweaver CS3網頁制作基礎教程》《網頁設計與制作——Dreamweaver CS3》《Dreamweaver 8中文版網頁制作基礎》等教材20余部，發表專業論文20余篇。
第1章 網頁制作基礎 1
1.1 互聯網基礎 1
1.1.1 因特網和萬維網 1
1.1.2 HTTP和URL 2
1.1.3 IP地址和域名 2
1.1.4 FTP和FTP傳輸程序 2
1.2 網頁基礎 3
1.2.1 網頁與網站 3
1.2.2 網頁的內容元素 3
1.2.3 制作一個簡單的網頁 4
1.2.4 認識HTML 5
1.2.5 認識CSS 8
1.3 網站基礎 11
1.3.1 網頁布局類型 11
1.3.2 網頁制作軟件 12
1.3.3 網站設計流程 12
小結 13
習題 13
第2章 Dreamweaver CC 2017
基礎 14
2.1 認識Dreamweaver CC 2017 14
2.1.1 發展概況 14
2.1.2 工作界面 15
2.1.3 首選項 17
2.1.4 工具欄 19
2.1.5 常用面板 21
2.2 創建本地站點 22
2.2.1 認識站點 22
2.2.2 創建和管理站點 23
2.2.3 創建文件夾和文件 24
2.2.4 保存文檔 26
2.3 使用文本 26
2.3.1 添加普通文本 26
2.3.2 插入特殊字符 26
2.3.3 插入水平線 27
2.3.4 設置頁面屬性 27
2.3.5 設置文本屬性 30
2.3.6 設置段落屬性 32
2.4 使用圖像 34
2.4.1 插入圖像 34
2.4.2 設置圖像屬性 35
2.5 使用媒體 36
2.5.1 插入Flash SWF 36
2.5.2 插入Flash Video 36
2.5.3 插入HTML5 Audio 37
2.5.4 插入HTML5 Video 38
2.6 應用實例 39
2.6.1 小暑 39
2.6.2 雨還在下 41
小結 43
習題 44
第3章 超級鏈接和CSS樣式 45
3.1 設置超級鏈接 45
3.1.1 認識超級鏈接 45
3.1.2 文本超級鏈接 46
3.1.3 圖像超級鏈接 48
3.1.4 圖像熱點 48
3.1.5 鼠標經過圖像 48
3.1.6 電子郵件鏈接 49
3.1.7 空鏈接和下載超級鏈接 50
3.1.8 腳本鏈接 50
3.2 設置CSS樣式 50
3.2.1 認識CSS樣式 51
3.2.2 創建CSS樣式 52
3.2.3 設置CSS屬性 55
3.2.4 應用CSS樣式 61
3.2.5 使用CSS過渡效果 61
3.3 應用實例 63
3.3.1 快樂的真諦 63
3.3.2 心靈驛站 66
小結 68
習題 68
第4章 表格和Div+CSS 69
4.1 使用表格 69
4.1.1 認識表格 69
4.1.2 導入和導出表格數據 70
4.1.3 插入和設置表格 71
4.1.4 編輯表格 75
4.2 使用Div+CSS 77
4.2.1 認識盒子模型和Div+CSS布局 77
4.2.2 使用Div+CSS定位對象 78
4.2.3 插入HTML5結構語意元素 80
4.2.4 插入jQuery UI布局部件 83
4.3 應用實例 86
4.3.1 飛翔裝飾 86
4.3.2 勵志故事 89
小結 93
習題 93
第5章 表單和行為 95
5.1 使用表單 95
5.1.1 認識表單 95
5.1.2 插入和設置表單域 95
5.1.3 插入文本類表單對象 96
5.1.4 插入選擇類表單對象 102
5.1.5 插入按鈕類表單對象 104
5.1.6 插入域集和標簽 106
5.2 使用行為 107
5.2.1 認識行為 107
5.2.2 添加行為 108
5.2.3 常用行為 110
5.3 應用實例 118
5.3.1 論文提交 118
5.3.2 游瘦西湖 121
小結 122
習題 123
第6章 移動設備網頁 124
6.1 使用jQuery Mobile組件 124
6.1.1 認識jQuery Mobile 124
6.1.2 創建jQuery Mobile頁面 125
6.1.3 應用jQuery Mobile組件 128
6.1.4 關于jQuery Mobile主題 134
6.1.5 應用實例—設置jQuery Mobile
主題 136
6.2 使用Bootstrap組件 137
6.2.1 認識Bootstrap 138
6.2.2 創建Bootstrap文件 138
6.2.3 應用Bootstrap組件 140
6.2.4 使用Bootstrap模板 141
6.3 使用jQuery UI移動部件 142
6.3.1 Datepicker 142
6.3.2 Progressbar 143
6.3.3 Dialog 144
6.3.4 Autocomplete 145
6.3.5 Slider 146
6.3.6 Button 146
6.3.7 Buttonset 147
6.3.8 Checkbox Buttons 147
6.3.9 Radio Buttons 148
小結 148
習題 148
第7章 模板和站點發布 149
7.1 使用庫 149
7.1.1 認識庫 149
7.1.2 創建庫項目 149
7.1.3 應用庫項目 150
7.1.4 維護庫項目 151
7.2 使用模板 152
7.2.1 認識模板 152
7.2.2 創建模板 152
7.2.3 應用模板 155
7.2.4 維護模板 157
7.3 發布站點 158
7.3.1 應用實例—配置本地Web
服務器 158
7.3.2 應用實例—設置測試服務器 160
7.3.3 應用實例—連接遠程服務器 162
7.3.4 應用實例—發布站點 163
7.4 應用實例—杭州西湖 164
小結 168
習題 168
第8章 Animate CC 2017基礎 169
8.1 認識Animate CC 2017 169
8.1.1 關于Animate CC 2017 169
8.1.2 工作界面 169
8.1.3 舞臺和場景 171
8.1.4 【工具】面板 172
8.1.5 【時間軸】面板 172
8.1.6 首選參數 172
8.1.7 創建和保存文檔 173
8.2 繪圖工具 175
8.2.1 關于圖形 175
8.2.2 自由繪圖工具 176
8.2.3 填充工具 178
8.2.4 標準繪圖工具 180
8.2.5 選擇性工具 183
8.2.6 查看工具 185
8.3 圖形編輯 186
8.3.1 分離對象 186
8.3.2 任意變形工具 187
8.3.3 圖像翻轉 189
8.3.4 刪除圖形 189
8.4 使用文本 189
8.4.1 文本類型 189
8.4.2 創建文本 190
8.4.3 選擇文本 193
8.4.4 分離文本 193
8.4.5 變形文本 194
8.5 應用實例—敬愛的老師 194
小結 196
習題 196
第9章 動畫制作基礎 197
9.1 導入素材 197
9.1.1 導入圖像 197
9.1.2 導入聲音 199
9.1.3 導入視頻 201
9.2 元件和實例 203
9.2.1 創建元件 203
9.2.2 轉換元件 205
9.2.3 復制元件 206
9.2.4 編輯元件 206
9.2.5 創建實例 207
9.2.6 修改實例屬性和類型 207
9.2.7 交換實例 209
9.2.8 分離實例 209
9.2.9 使用庫 209
9.3 時間軸和圖層 210
9.3.1 時間軸和幀 211
9.3.2 幀的基本操作 211
9.3.3 圖層類型和模式 213
9.3.4 圖層基本操作 214
9.4 應用實例—制作逐幀動畫
“奔跑的馬” 218
小結 220
習題 221
第10章 動畫制作和影片后期
處理 222
10.1 使用組件 222
10.1.1 組件類型 222
10.1.2 使用組件 223
10.2 使用ActionScript語言 225
10.2.1 認識ActionScript語言 225
10.2.2 添加ActionScript代碼 225
10.2.3 應用實例—制作旋轉的風扇 226
10.3 應用實例—制作Animate動畫 230
10.3.1 動畫基礎知識 230
10.3.2 制作補間形狀動畫 231
10.3.3 制作傳統補間動畫 232
10.3.4 制作補間動畫 234
10.3.5 制作引導層動畫 238
10.3.6 制作遮罩層動畫 240
10.4 影片發布和導出 243
10.4.1 發布文件 243
10.4.2 導出文件 244
小結 245
習題 245
第11章 Photoshop CC 2017
基礎 246
11.1 認識Photoshop CC 2017 246
11.1.1 工作界面 246
11.1.2 首選項 248
11.1.3 新建文件 249
11.1.4 存儲文件 250
11.2 查看圖像 251
11.2.1 導航器 251
11.2.2 縮放工具 251
11.2.3 抓手工具 252
11.2.4 旋轉視圖工具 252
11.2.5 圖像的排列方式 253
11.3 使用選區 254
11.3.1 創建規則形狀選區 255
11.3.2 創建不規則形狀選區 256
11.3.3 選區編輯操作 260
11.4 繪圖基礎 262
11.4.1 設置前景色和背景色 262
11.4.2 填充與描邊 263
11.4.3 漸變工具 265
11.4.4 繪圖工具 266
11.5 圖像編輯 268
11.5.1 圖像和畫布大小 268
11.5.2 圖像旋轉 269
11.5.3 變換操作 270
11.5.4 自由變換 270
11.5.5 圖像裁剪 271
11.5.6 擦除工具 273
11.5.7 圖章工具 274
11.6 應用實例—制作公益廣告 275
小結 279
習題 279
第12章 圖像調整與合成 280
12.1 圖像色調色彩 280
12.1.1 快速調整圖像 280
12.1.2 調整圖像曝光 281
12.1.3 調整圖像色彩 285
12.2 使用文字 291
12.2.1 創建點文字 291
12.2.2 創建段落文字 293
12.2.3 創建路徑文字 295
12.2.4 轉換文字圖層 296
12.3 使用圖層 297
12.3.1 創建普通圖層 297
12.3.2 創建填充圖層 299
12.3.3 創建調整圖層 301
12.3.4 使用圖層樣式 302
12.4 應用實例—制作網站頁眉 303
小結 306
習題 306
新書資訊