內容簡介
本書從網頁設計的入門基礎知識開始,全面系統地介紹了網頁設計、製作與發布的全過程,以及網站開發的基本知識。本書分為10章,主要內容包括網頁製作基礎知識、Dreamweaver CC基礎、表格與模版、表單與CSS樣式表、HTML5與動態網頁、Flash CC基礎、動畫製作、圖像編輯與摳圖、圖像調整與合成、網站美工設計及後台修改。
圖書目錄
第1章 添加基礎頁面元素 1
1.1 網頁設計基礎 2
1.1.1 網頁設計的發展歷史 2
1.1.2 網頁的基本概念 4
1.1.3 網頁設計的基本流程 6
1.2 認識HTML 7
1.2.1 HTML的基本概念 7
1.2.2 常用HTML的標籤 8
1.3 Dreamweaver CC網頁設計基礎 11
1.3.1 Dreamweaver CC的操作基礎 11
1.3.2 典型實例——設計“公司宣傳”主頁 13
1.4 添加網頁文本 22
1.4.1 文本的添加和編排方法 22
1.4.2 典型實例——設計“公司簡介”網頁 32
1.5 添加網頁圖像 37
1.5.1 圖像的添加和編輯方法 37
1.5.2 典型實例——設計“愛心賀卡”網頁 46
1.6 習題 49
第2章 添加高級頁面元素 50
2.1 添加多媒體 51
2.1.1 多媒體添加和編輯方法 51
2.1.2 典型實例——設計“視覺線上影院”網頁 57
2.2 添加超連結 58
2.2.1 超連結添加和編輯方法 59
2.2.2 典型實例——設計“乖寶寶兒童樂園”網站 72
2.3 習題 75
第3章 套用表格、站點和IFrame 76
3.1 套用表格排版網頁 77
3.1.1 表格的基本操作方法 77
3.1.2 典型實例——設計“綠色行動”網頁 85
3.2 套用表格布局網頁 89
3.2.1 表格布局的操作方法 89
3.2.2 典型實例——設計“全意房產”網頁 95
3.3 套用站點 104
3.3.1 Dreamweaver站點資料夾 104
3.3.2 使用Dreamweaver創建站點 105
3.4 套用IFrame 107
3.4.1 IFrame簡介 107
3.4.2 套用IFrame框架創建網頁 108
3.5 習題 111
第4章 套用Div和CSS 112
4.1 套用Div 113
4.1.1 Div的基本概念和操作 113
4.1.2 典型實例——設計“搜尋網” 123
4.2 套用CSS 128
4.2.1 CSS基礎知識 128
4.2.2 套用CSS表美化網頁 131
4.2.3 典型實例——設計“登錄首頁”網頁 139
4.3 習題 145
第5章 套用表單和行為 146
5.1 創建表單 147
5.1.1 創建表單的操作方法 147
5.1.2 典型實例——設計“平民社區”網頁 156
5.2 驗證表單 160
5.2.1 驗證表單的操作方法 160
5.2.2 典型實例——設計“平民社區02”
網頁 163
5.3 套用Dreamweaver CC內置行為 164
5.3.1 認識行為的基本概念 164
5.3.2 典型案例——設計“知天下信息網” 166
5.4 習題 175
第6章 套用HTML5和CSS3 176
6.1 套用HTML5 177
6.1.1 HTML5的新元素 177
6.1.2 套用HTML5元素創建網頁 178
6.2 套用CSS3 184
6.2.1 CSS3的簡介 184
6.2.2 套用CSS3美化網頁 186
6.2.3 典型實例——設計“成長記錄”網頁 190
6.3 習題 195
第7章 使用Flash CC製作素材 196
7.1 動畫製作基礎 197
7.1.1 了解圖像基本知識 197
7.1.2 Flash CC操作基礎 198
7.1.3 範例解析——製作“旋轉文字效果” 200
7.2 繪製素材 204
7.2.1 繪圖工具簡介 204
7.2.2 範例解析——繪製“真實楓葉效果” 205
7.3 導入圖片和音頻 214
7.3.1 導入圖片和聲音的方法 214
7.3.2 範例解析——製作“戶外廣告” 216
7.4 導入視頻與打開外部庫 225
7.4.1 功能講解——導入視頻的方法 225
7.4.2 範例解析——製作“動態影集” 227
7.5 習題 232
第8章 製作逐幀動畫 233
8.1 掌握逐幀動畫製作原理 234
8.1.1 功能講解——認識逐幀動畫原理 234
8.1.2 範例解析1——製作“動態QQ表情” 235
8.1.3 範例解析2——製作“野外篝火” 237
8.2 使用元件和庫 243
8.2.1 功能講解——認識元件和庫 243
8.2.2 範例解析1——製作“浪漫出遊” 244
8.2.3 範例解析2——手繪“神秘舞者” 248
8.3 習題 252
第9章 製作補間動畫 253
9.1 製作補間形狀動畫 254
9.1.1 功能講解——補間形狀動畫原理 254
9.1.2 範例解析——製作“Logo
設計” 255
9.2 製作形狀提示動畫 259
9.2.1 功能講解——形狀提示點原理 259
9.2.2 範例解析——製作“動物大變身” 259
9.3 製作傳統補間動畫 262
9.3.1 功能講解——傳統補間動畫原理 262
9.3.2 範例解析——製作“慶祝生日快樂” 263
9.4 製作補間動畫 266
9.4.1 功能講解——補間動畫原理 267
9.4.2 範例解析——製作“我的魔獸相冊” 267
9.5 習題 276
第10章 製作圖層動畫 277
10.1 製作引導層動畫 278
10.1.1 引導層動畫原理 278
10.1.2 範例解析——製作“朱古力情緣” 279
10.2 製作多層引導動畫 281
10.2.1 多層引導動畫原理 282
10.2.2 範例解析——製作“魚戲荷間” 282
10.3 掌握遮罩層動畫製作原理 288
10.3.1 遮罩層動畫原理 288
10.3.2 範例解析——製作“精美雲彩文字效果” 289
10.4 製作多層遮罩動畫 292
10.4.1 多層遮罩動畫原理 293
10.4.2 範例解析——製作“星球旋轉效果” 293
10.5 習題 299
第11章 圖像編輯與摳圖 300
11.1 Photoshop CC界面視窗 301
11.1.1 Photoshop CC界面視窗布局 301
11.1.2 工具列 302
11.1.3 控制臺的顯示與隱藏 303
11.2 新建、打開與存儲檔案 304
11.2.1 新建檔案 304
11.2.2 打開檔案 304
11.2.3 存儲檔案 305
11.3 圖像顯示控制 306
11.3.1 【縮放】工具 306
11.3.2 【抓手】工具 306
11.3.3 螢幕顯示模式 307
11.4 圖像尺寸與圖像檔案大小 307
11.4.1 圖像尺寸 307
11.4.2 圖像檔案大小 307
11.4.3 查看圖像檔案大小 308
11.4.4 調整圖像檔案大小 308
11.4.5 調整畫布大小 309
11.5 圖像裁剪 310
11.5.1 按照構圖裁剪照片 310
11.5.2 旋轉裁剪傾斜的照片 312
11.5.3 度量矯正傾斜的照片 312
11.5.4 統一尺寸的照片裁剪 314
11.6 圖像摳圖 315
11.6.1 認識選區 315
11.6.2 利用【套索】工具摳圖 315
11.6.3 利用【魔棒】工具摳圖 316
11.6.4 利用【魔術橡皮擦】工具摳圖 318
11.6.5 利用【路徑】工具摳圖 320
11.7 圖像移動與複製 326
11.7.1 在當前檔案中移動圖像 326
11.7.2 在兩個檔案之間移動複製圖像 327
11.7.3 利用【移動】工具複製圖像 328
11.8 圖像變換、對齊與分布 330
11.9 習題 333
第12章 圖像調整與合成 334
12.1 圖像色彩調整 335
12.1.1 【色階】命令 335
12.1.2 【曲線】命令 335
12.1.3 【色彩平衡】命令 336
12.1.4 【亮度/對比度】命令 336
12.1.5 【色相/飽和度】命令 337
12.1.6 【照片濾鏡】命令 337
12.2 圖像修飾 337
12.2.1 圖章工具 338
12.2.2 修復工具 338
12.3 圖層 340
12.3.1 圖層概念 340
12.3.2 圖層面板 341
12.3.3 圖層類型 342
12.3.4 圖層操作 343
12.4 圖層樣式 345
12.4.1 圖層樣式 345
12.4.2 製作網頁按鈕 347
12.5 圖像合成 350
12.5.1 利用蒙版合成圖像 350
12.5.2 無縫拼接全景風景畫 352
12.5.3 利用圖層製作線紋效果 353
12.6 習題 355
第13章 網站美工設計及後台修改 356
13.1 網站主頁版面設計 357
13.1.1 設計主圖像 357
13.1.2 設計網站背景 360
13.1.3 設計頁眉 362
13.1.4 編排主要內容 363
13.1.5 設計按鈕及頁腳 367
13.2 圖像切片 371
13.2.1 切片的類型 372
13.2.2 創建切片 372
13.2.3 編輯切片 374
13.3 存儲網頁圖片 375
13.3.1 存儲為JPG格式圖片 375
13.3.2 存儲為GIF格式圖片 376
13.3.3 最佳化存儲網頁圖片 377
13.4 習題 379
作者簡介
本書作者為高校老師和從事網頁設計的設計師,有著豐富的教學和設計經驗,團隊曾參與過多個企業項目的製作,也曾編寫過多部教材。 本書從網頁設計的入門基礎知識開始,全面系統地介紹了網頁設計、製作與發布的全過程,以及網站開發的基本知識。