本書從網(wǎng)頁設(shè)計的入門基礎(chǔ)知識開始,全面系統(tǒng)地介紹了網(wǎng)頁設(shè)計、制作與發(fā)布的全過程,以及網(wǎng)站開發(fā)的基本知識。本書分為10章,主要內(nèi)容包括網(wǎng)頁制作基礎(chǔ)知識、Dreamweaver CC基礎(chǔ)、表格與模版、表單與CSS樣式表、HTML5與動態(tài)網(wǎng)頁、Flash CC基礎(chǔ)、動畫制作、圖像編輯與摳圖、圖像調(diào)整與合成、網(wǎng)站美工設(shè)計及后臺修改。
如果您想全面掌握網(wǎng)頁設(shè)計與制作的方法,選這本書就對了!在優(yōu)質(zhì)內(nèi)容的基礎(chǔ)之上,它還提供一種全方位的解決方案。擁有了這本書,您將擁有人郵學(xué)院慕課資源,隨時隨地、隨心所欲想學(xué)就學(xué)。心動不如行動,趕緊拿起手機(jī)掃一掃封面二維碼吧! ?
本書作者為高校老師和從事網(wǎng)頁設(shè)計的設(shè)計師,有著豐富的教學(xué)和設(shè)計經(jīng)驗(yàn),團(tuán)隊(duì)曾參與過多個企業(yè)項(xiàng)目的制作,也曾編寫過多部教材。 本書從網(wǎng)頁設(shè)計的入門基礎(chǔ)知識開始,全面系統(tǒng)地介紹了網(wǎng)頁設(shè)計、制作與發(fā)布的全過程,以及網(wǎng)站開發(fā)的基本知識。
第1章 添加基礎(chǔ)頁面元素 1
1.1 網(wǎng)頁設(shè)計基礎(chǔ) 2
1.1.1 網(wǎng)頁設(shè)計的發(fā)展歷史 2
1.1.2 網(wǎng)頁的基本概念 4
1.1.3 網(wǎng)頁設(shè)計的基本流程 6
1.2 認(rèn)識HTML 7
1.2.1 HTML的基本概念 7
1.2.2 常用HTML的標(biāo)簽 8
1.3 Dreamweaver CC網(wǎng)頁設(shè)計基礎(chǔ) 11
1.3.1 Dreamweaver CC的操作基礎(chǔ) 11
1.3.2 典型實(shí)例——設(shè)計“公司宣傳”主頁 13
1.4 添加網(wǎng)頁文本 22
1.4.1 文本的添加和編排方法 22
1.4.2 典型實(shí)例——設(shè)計“公司簡介”網(wǎng)頁 32
1.5 添加網(wǎng)頁圖像 37
1.5.1 圖像的添加和編輯方法 37
1.5.2 典型實(shí)例——設(shè)計“愛心賀卡”網(wǎng)頁 46
1.6 習(xí)題 49
第2章 添加高級頁面元素 50
2.1 添加多媒體 51
2.1.1 多媒體添加和編輯方法 51
2.1.2 典型實(shí)例——設(shè)計“視覺在線影院”網(wǎng)頁 57
2.2 添加超鏈接 58
2.2.1 超鏈接添加和編輯方法 59
2.2.2 典型實(shí)例——設(shè)計“乖寶寶兒童樂園”網(wǎng)站 72
2.3 習(xí)題 75
第3章 應(yīng)用表格、站點(diǎn)和IFrame 76
3.1 應(yīng)用表格排版網(wǎng)頁 77
3.1.1 表格的基本操作方法 77
3.1.2 典型實(shí)例——設(shè)計“綠色行動”網(wǎng)頁 85
3.2 應(yīng)用表格布局網(wǎng)頁 89
3.2.1 表格布局的操作方法 89
3.2.2 典型實(shí)例——設(shè)計“全意房產(chǎn)”網(wǎng)頁 95
3.3 應(yīng)用站點(diǎn) 104
3.3.1 Dreamweaver站點(diǎn)文件夾 104
3.3.2 使用Dreamweaver創(chuàng)建站點(diǎn) 105
3.4 應(yīng)用IFrame 107
3.4.1 IFrame簡介 107
3.4.2 應(yīng)用IFrame框架創(chuàng)建網(wǎng)頁 108
3.5 習(xí)題 111
第4章 應(yīng)用Div和CSS 112
4.1 應(yīng)用Div 113
4.1.1 Div的基本概念和操作 113
4.1.2 典型實(shí)例——設(shè)計“搜索網(wǎng)” 123
4.2 應(yīng)用CSS 128
4.2.1 CSS基礎(chǔ)知識 128
4.2.2 應(yīng)用CSS表美化網(wǎng)頁 131
4.2.3 典型實(shí)例——設(shè)計“登錄首頁”網(wǎng)頁 139
4.3 習(xí)題 145
第5章 應(yīng)用表單和行為 146
5.1 創(chuàng)建表單 147
5.1.1 創(chuàng)建表單的操作方法 147
5.1.2 典型實(shí)例——設(shè)計“平民社區(qū)”網(wǎng)頁 156
5.2 驗(yàn)證表單 160
5.2.1 驗(yàn)證表單的操作方法 160
5.2.2 典型實(shí)例——設(shè)計“平民社區(qū)02”
網(wǎng)頁 163
5.3 應(yīng)用Dreamweaver CC內(nèi)置行為 164
5.3.1 認(rèn)識行為的基本概念 164
5.3.2 典型案例——設(shè)計“知天下信息網(wǎng)” 166
5.4 習(xí)題 175
第6章 應(yīng)用HTML5和CSS3 176
6.1 應(yīng)用HTML5 177
6.1.1 HTML5的新元素 177
6.1.2 應(yīng)用HTML5元素創(chuàng)建網(wǎng)頁 178
6.2 應(yīng)用CSS3 184
6.2.1 CSS3的簡介 184
6.2.2 應(yīng)用CSS3美化網(wǎng)頁 186
6.2.3 典型實(shí)例——設(shè)計“成長記錄”網(wǎng)頁 190
6.3 習(xí)題 195
第7章 使用Flash CC制作素材 196
7.1 動畫制作基礎(chǔ) 197
7.1.1 了解圖像基本知識 197
7.1.2 Flash CC操作基礎(chǔ) 198
7.1.3 范例解析——制作“旋轉(zhuǎn)文字效果” 200
7.2 繪制素材 204
7.2.1 繪圖工具簡介 204
7.2.2 范例解析——繪制“真實(shí)楓葉效果” 205
7.3 導(dǎo)入圖片和音頻 214
7.3.1 導(dǎo)入圖片和聲音的方法 214
7.3.2 范例解析——制作“戶外廣告” 216
7.4 導(dǎo)入視頻與打開外部庫 225
7.4.1 功能講解——導(dǎo)入視頻的方法 225
7.4.2 范例解析——制作“動態(tài)影集” 227
7.5 習(xí)題 232
第8章 制作逐幀動畫 233
8.1 掌握逐幀動畫制作原理 234
8.1.1 功能講解——認(rèn)識逐幀動畫原理 234
8.1.2 范例解析1——制作“動態(tài)QQ表情” 235
8.1.3 范例解析2——制作“野外篝火” 237
8.2 使用元件和庫 243
8.2.1 功能講解——認(rèn)識元件和庫 243
8.2.2 范例解析1——制作“浪漫出游” 244
8.2.3 范例解析2——手繪“神秘舞者” 248
8.3 習(xí)題 252
第9章 制作補(bǔ)間動畫 253
9.1 制作補(bǔ)間形狀動畫 254
9.1.1 功能講解——補(bǔ)間形狀動畫原理 254
9.1.2 范例解析——制作“Logo
設(shè)計” 255
9.2 制作形狀提示動畫 259
9.2.1 功能講解——形狀提示點(diǎn)原理 259
9.2.2 范例解析——制作“動物大變身” 259
9.3 制作傳統(tǒng)補(bǔ)間動畫 262
9.3.1 功能講解——傳統(tǒng)補(bǔ)間動畫原理 262
9.3.2 范例解析——制作“慶祝生日快樂” 263
9.4 制作補(bǔ)間動畫 266
9.4.1 功能講解——補(bǔ)間動畫原理 267
9.4.2 范例解析——制作“我的魔獸相冊” 267
9.5 習(xí)題 276
第10章 制作圖層動畫 277
10.1 制作引導(dǎo)層動畫 278
10.1.1 引導(dǎo)層動畫原理 278
10.1.2 范例解析——制作“巧克力情緣” 279
10.2 制作多層引導(dǎo)動畫 281
10.2.1 多層引導(dǎo)動畫原理 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 范例解析——制作“星球旋轉(zhuǎn)效果” 293
10.5 習(xí)題 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 調(diào)整圖像文件大小 308
11.4.5 調(diào)整畫布大小 309
11.5 圖像裁剪 310
11.5.1 按照構(gòu)圖裁剪照片 310
11.5.2 旋轉(zhuǎn)裁剪傾斜的照片 312
11.5.3 度量矯正傾斜的照片 312
11.5.4 統(tǒng)一尺寸的照片裁剪 314
11.6 圖像摳圖 315
11.6.1 認(rèn)識選區(qū) 315
11.6.2 利用【套索】工具摳圖 315
11.6.3 利用【魔棒】工具摳圖 316
11.6.4 利用【魔術(shù)橡皮擦】工具摳圖 318
11.6.5 利用【路徑】工具摳圖 320
11.7 圖像移動與復(fù)制 326
11.7.1 在當(dāng)前文件中移動圖像 326
11.7.2 在兩個文件之間移動復(fù)制圖像 327
11.7.3 利用【移動】工具復(fù)制圖像 328
11.8 圖像變換、對齊與分布 330
11.9 習(xí)題 333
第12章 圖像調(diào)整與合成 334
12.1 圖像色彩調(diào)整 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 修復(fù)工具 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 制作網(wǎng)頁按鈕 347
12.5 圖像合成 350
12.5.1 利用蒙版合成圖像 350
12.5.2 無縫拼接全景風(fēng)景畫 352
12.5.3 利用圖層制作線紋效果 353
12.6 習(xí)題 355
第13章 網(wǎng)站美工設(shè)計及后臺修改 356
13.1 網(wǎng)站主頁版面設(shè)計 357
13.1.1 設(shè)計主圖像 357
13.1.2 設(shè)計網(wǎng)站背景 360
13.1.3 設(shè)計頁眉 362
13.1.4 編排主要內(nèi)容 363
13.1.5 設(shè)計按鈕及頁腳 367
13.2 圖像切片 371
13.2.1 切片的類型 372
13.2.2 創(chuàng)建切片 372
13.2.3 編輯切片 374
13.3 存儲網(wǎng)頁圖片 375
13.3.1 存儲為JPG格式圖片 375
13.3.2 存儲為GIF格式圖片 376
13.3.3 優(yōu)化存儲網(wǎng)頁圖片 377
13.4 習(xí)題 379