Dreamweaver CC Flash CC Photoshop CC網頁設計

《Dreamweaver CC Flash CC Photoshop CC網頁設計》是2017年清華大學出版社出版的圖書，作者是劉玉紅、蒲娟。

基本介紹

• 中文名：Dreamweaver CC Flash CC Photoshop CC網頁設計
• 作者：劉玉紅、蒲娟
• 出版社：清華大學出版社
• 出版時間：2017年10月1日
• 定價：68 元
• ISBN：9787302479376

內容簡介

本書以零基礎講解為宗旨，用實例引導讀者深入學習，採取“精通網頁設計技法→精通網頁設計藝術→精通網頁元素設計技法→精通網頁動畫設計→綜合網站開發實戰”的講解模式，深入淺出地講解網頁設計的各項技術及實戰技能。

目錄

第1篇精通網頁設計技法

第1章磨刀不誤砍柴工——認識DreamweaverCC

1.1　走進DreamweaverCC4

1.1.1　安裝DreamweaverCC4

1.1.2　啟動DreamweaverCC5

1.2　DreamweaverCC的工作環境6

1.2.1　認識DreamweaverCC的工作界面6

1.2.2　熟悉【插入】面板8

1.3　體驗DreamweaverCC的新增功能9

1.4　創建站點12

1.4.1　案例1——創建本地站點12

1.4.2　案例2——創建遠程站點13

1.5　管理站點14

1.5.1　案例3——打開站點14

1.5.2　案例4——編輯站點14

1.5.3　案例5——刪除站點15

1.5.4　案例6——複製站點16

1.6　操作站點檔案及資料夾16

1.6.1　案例7——創建資料夾16

1.6.2　案例8——創建檔案17

1.6.3　案例9——檔案或資料夾的移動和複製17

1.6.4　案例10——刪除檔案或資料夾18

1.7　高手解惑18

1.8　跟我練練手20

第2章網頁內容之美——創建網頁中的文本

2.1　網頁設計的基本操作21

2.1.1　案例1——新建網頁21

2.1.2　案例2——保存網頁21

2.1.3　案例3——打開網頁23

2.1.4　案例4——預覽網頁23

2.2　設定頁面屬性24

2.3　用文字充實網頁28

2.3.1　案例5——插入文字28

2.3.2　案例6——設定字型29

2.3.3　案例7——設定字號30

2.3.4　案例8——設定字型顏色31

2.3.5　案例9——設定字型樣式32

2.3.6　案例10——編輯段落33

2.3.7　案例11——檢查拼寫38

2.3.8　案例12——創建項目列表39

2.4　特殊文本的操作41

2.4.1　案例13——插入換行符41

2.4.2　案例14——插入水平線42

2.4.3　案例15——插入日期42

2.4.4　案例16——插入特殊字元43

2.4.5　案例17——插入注釋44

2.5　實戰演練——設定主頁中的跟蹤圖像44

2.6　高手解惑46

2.7　跟我練練手46

第3章有圖有真相——使用圖像和多媒體

3.1　選擇適合網頁中圖像的格式48

3.2　用圖像美化網頁49

3.2.1　案例1——插入圖像49

3.2.2　案例2——圖像屬性設定50

3.2.3　案例3——圖像的對齊方式52

3.2.4　案例4——插入滑鼠經過圖像52

3.2.5　案例5——插入圖像占位符54

3.3　在網頁中插入多媒體55

3.3.1　案例6——插入背景音樂55

3.3.2　案例7——插入Flash動畫56

3.3.3　案例8——插入FLV視頻57

3.3.4　案例9——插入HTML5音頻59

3.3.5　案例10——插入HTML5視頻59

3.4　實戰演練——製作圖文並茂的網頁61

3.5　高手解惑62

3.6　跟我練練手63

第4章不在網頁中迷路——設計網頁超連結

4.1　連結與路徑66

4.1.1　連結的概念66

4.1.2　連結路徑66

4.1.3　連結的類型67

4.2　添加網頁超連結68

4.2.1　案例1——添加文本連結68

4.2.2　案例2——添加圖像連結69

4.2.3　案例3——創建外部連結70

4.2.4　案例4——創建錨記連結70

4.2.5　案例5——創建圖像熱點連結72

4.2.6　案例6——創建電子郵件連結72

4.2.7　案例7——創建下載檔案的連結73

4.2.8　案例8——創建空連結74

4.2.9　案例9——創建腳本連結74

4.3　案例10——連結的檢查75

4.4　實戰演練——為企業網站添加友情連結76

4.5　高手解惑77

4.6　跟我練練手77

第5章簡單的網頁布局——表格的套用

5.1　插入表格80

5.2　選擇表格81

5.2.1　案例1——選擇完整的表格81

5.2.2　案例2——選擇行和列82

5.2.3　案例3——選擇單元格82

5.3　表格屬性83

5.3.1　案例4——設定單元格屬性83

5.3.2　案例5——設定整個表格屬性84

5.4　操作表格84

5.4.1　案例6——調整大小85

5.4.2　案例7——增加行、列85

5.4.3　案例8——刪除行、列、單元格內容86

5.4.4　案例9——剪下、複製和貼上單元格87

5.4.5　案例10——合併和拆分單元格87

5.5　操作表格數據88

5.5.1　案例11——向表格中輸入文本89

5.5.2　案例12——向表格中插入圖像89

5.5.3　案例13——表格數據的排序89

5.5.4　案例14——導入表格數據90

5.5.5　案例15——導出表格數據91

5.6　實戰演練——使用表格布局網頁92

5.7　高手解惑94

5.8　跟我練練手95

第6章讓網頁互動起來——使用網頁表單和行為

6.1　認識表單98

6.2　在網頁中插入表單元素98

6.2.1　案例1——插入表單域98

6.2.2　案例2——插入文本域99

6.2.3　案例3——插入密碼域100

6.3　在網頁中插入複選框和單選按鈕101

6.3.1　案例4——插入複選框101

6.3.2　案例5——插入單選按鈕102

6.4　製作網頁列表和選單102

6.4.1　案例6——插入下拉選單103

6.4.2　案例7——插入滾動列表103

6.5　在網頁中插入按鈕104

6.5.1　案例8——插入按鈕104

6.5.2　案例9——插入圖像按鈕104

6.6　插入檔案上傳域105

6.7　添加網頁行為106

6.7.1　案例10——打開【行為】面板106

6.7.2　案例11——添加行為107

6.8　常用行為的套用107

6.8.1　案例12——交換圖像107

6.8.2　案例13——彈出信息109

6.8.3　案例14——打開瀏覽器視窗110

6.8.4　案例15——檢查表單行為111

6.8.5　案例16——設定狀態欄文本113

6.9　實戰演練——使用表單製作留言本114

6.10　高手解惑117

6.11　跟我練練手118

第7章批量製作風格統一的網頁——使用模板和庫

7.1　創建模板120

7.1.1　案例1——在空白文檔中創建模板120

7.1.2　案例2——在【資源】面板中創建模板120

7.1.3　案例3——從現有文檔創建模板121

7.1.4　案例4——創建可編輯區域121

7.2　管理模板123

7.2.1　案例5——從模板中分離123

7.2.2　案例6——更新模板及基於模板的網頁123

7.3　庫概述124

7.4　庫的創建、管理與套用125

7.4.1　案例7——創建庫項目125

7.4.2　案例8——庫項目的套用126

7.4.3　案例9——編輯庫項目127

7.5　實戰演練——創建基於模板的頁面128

7.6　高手解惑130

7.7　跟我練練手130

第2篇精通網頁設計藝術

第8章第一視覺最重要——網站配色與布局

8.1　善用色彩設計網頁134

8.1.1　認識色彩134

8.1.2　案例1——網頁上的色彩處理135

8.2　網頁色彩的搭配138

8.2.1　案例2——確定網站的主題色138

8.2.2　案例3——網頁色彩搭配原理139

8.2.3　案例4——網頁中色彩的搭配141

8.2.4　案例5——網頁元素的色彩搭配143

8.2.5　案例6——網頁色彩搭配的技巧144

8.3　布局網站板塊結構146

8.3.1　案例7——“國”字型146

8.3.2　案例8——標題正文型146

8.3.3　案例9——左右框架型146

8.3.4　案例10——上下框架型147

8.3.5　案例11——綜合框架型147

8.3.6　案例12——封面型147

8.3.7　案例13——Flash型147

8.4　網站配色套用案例148

8.4.1　案例14——網路購物網站色彩套用148

8.4.2　案例15——遊戲網站色彩套用148

8.4.3　案例16——企業入口網站色彩套用149

8.4.4　案例17——時政新聞網站色彩套用152

8.4.5　案例18——影音視頻網站色彩套用152

8.4.6　案例19——電子商務網站色彩套用153

8.4.7　案例20——娛樂網站色彩套用154

8.5　實戰演練——定位網站頁面的框架154

8.6　高手解惑156

8.7　跟我練練手156

第9章讀懂樣式表密碼——使用CSS樣式表美化網頁

9.1　初識CSS158

9.1.1　CSS概述158

9.1.2　CSS的作用158

9.1.3　基本CSS語法159

9.1.4　案例1——使用DreamweaverCC

編寫CSS159

9.2　使用CSS的方法161

9.2.1　案例2——行內樣式161

9.2.2　案例3——內嵌樣式162

9.2.3　案例4——連結樣式163

9.2.4　案例5——導入樣式164

9.2.5　案例6——優先權問題165

9.3　使用CSS樣式美化網頁167

9.3.1　案例7——使用字型樣式美化文字167

9.3.2　案例8——使用文本樣式美化文本168

9.3.3　案例9——使用背景樣式美化背景169

9.4　實戰演練——設定網頁中連結樣式171

9.5　高手解惑174

9.6　跟我練練手174

第10章架構師的大比拼——網頁布局典型範例

10.1　使用CSS排版176

10.1.1　案例1——將頁面用div分塊176

10.1.2　案例2——設定各塊位置176

10.1.3　案例3——用CSS定位176

10.2　固定寬度網頁剖析與布局179

10.2.1　案例4——網頁單列布局模式179

10.2.2　案例5——網頁1-2-1型布局模式182

10.3　自動縮放網頁1-2-1型布局模式186

10.3.1　案例6——“1-2-1”等比例變寬布局186

10.3.2　案例7——“1-2-1”單列變寬布局186

10.4　實戰演練——使用CSS設定網頁

布局列的背景色187

10.5　高手解惑188

10.6　跟我練練手189

第3篇精通網頁元素設計技法

第11章網頁元素設計利器——PhotoshopCC

11.1　PhotoshopCC工作界面194

11.1.1　案例1——認識選單欄194

11.1.2　案例2——認識選項欄194

11.1.3　案例3——認識工具箱195

11.1.4　案例4——認識圖像視窗196

11.1.5　案例5——認識面板197

11.1.6　案例6——認識狀態欄198

11.2　檔案的基本操作199

11.2.1　案例7——新建檔案199

11.2.2　案例8——打開檔案201

11.2.3　案例9——保存檔案202

11.2.4　案例10——置入檔案203

11.3　套用圖像輔助工具204

11.3.1　案例11——使用標尺204

11.3.2　案例12——使用參考線205

11.3.3　案例13——使用對齊功能206

11.4　實戰演練——載入預設資源206

11.5　高手解惑208

11.6　跟我練練手208

第12章網頁中的文字設計——製作網頁文字特效

12.1　文字的類型210

12.2　輸入文字210

12.2.1　通過文字工具輸入文字210

12.2.2　通過文字蒙版工具輸入文字選區212

12.2.3　轉換點文字和段落文字213

12.2.4　轉換文字排列方向213

12.3　設定文字格式214

12.3.1　通過選項欄設定格式214

12.3.2　通過字元面板設定文字格式215

12.3.3　通過段落面板設定段落格式216

12.4　製作常見特效文字218

12.4.1　製作路徑文字218

12.4.2　製作變形文字210

12.5　實戰演練——為文本添加外部

字型樣式211

12.6　高手解惑212

12.7　跟我練練手213

第13章網頁中迷人的藍海——製作網頁按鈕與特效邊線

13.1　製作按鈕216

13.1.1　案例1——製作普通按鈕216

13.1.2　案例2——製作迷你按鈕218

13.1.3　案例3——製作水晶按鈕230

13.1.4　案例4——製作木紋按鈕235

13.2　製作裝飾邊線238

13.2.1　案例5——製作裝飾虛線238

13.2.2　案例6——製作分割線條240

13.2.3　案例7——製作斜紋區域240

13.3　高手解惑241

13.4　跟我練練手242

第14章網站中的路標——製作網頁導航條

14.1　網頁導航條簡介244

14.2　製作網頁導航條244

14.2.1　案例1——製作導航條框架244

14.2.2　案例2——製作斜紋245

14.2.3　案例3——製作縱嚮導航條246

14.3　高手解惑248

14.4　跟我練練手249

第4篇精通網頁動畫設計

第15章讓網頁活靈活現——製作簡單網頁動畫

15.1　了解FlashCC254

15.1.1　繪製矢量繪圖254

15.1.2　設計製作動畫254

15.1.3　強大的編程功能254

15.2　FlashCC的工作界面255

15.3　FlashCC的基本操作260

15.3.1　案例1——新建Flash檔案260

15.3.2　案例2——打開Flash檔案261

15.3.3　案例3——保存和關閉Flash檔案262

15.4　使用文本工具264

15.4.1　案例4——利用文本工具輸入文字264

15.4.2　案例5——設定文本字元屬性264

15.4.3　案例6——設定傳統文本的段落屬性265

15.5　變形文本266

15.6　分離文本267

15.7　高手解惑268

15.8　跟我練練手268

第16章動畫的核心技術——使用時間軸、幀和圖層

16.1　製作FlashCC動畫基礎270

16.1.1　案例1——動作補間動畫的製作270

16.1.2　案例2——形狀補間動畫的製作271

16.2　圖層操作基礎273

16.2.1　案例3——創建圖層和圖層資料夾273

16.2.2　案例4——編輯圖層275

16.2.3　案例5——設定圖層的狀態與屬性277

16.3　時間軸與幀279

16.3.1　案例6——幀的分類279

16.3.2　案例7——插入幀280

16.3.3　案例8——幀標籤、注釋和錨記281

16.4　對幀進行操作282

16.4.1　案例9——幀的刪除和清除282

16.4.2　案例10——幀的選取、複製、

貼上和移動282

16.4.3　案例11——翻轉幀與洋蔥皮工具283

16.5　實戰演練——製作數字倒計時動畫284

16.6　高手解惑286

16.7　跟我練練手287

第17章利用元件和庫組織動畫素材

17.1　創建Flash元件290

17.1.1　元件概述與分類290

17.1.2　案例1——創建元件290

17.1.3　案例2——調用其他文檔中的元件295

17.2　使用實例296

17.2.1　案例3——為實例另外指定一個元件296

17.2.2　案例4——改變實例297

17.3　使用“庫”面板298

17.3.1　認識“庫”面板298

17.3.2　案例5——庫的管理與使用299

17.4　實戰演練——製作絢麗網頁按鈕301

17.5　高手解惑306

17.6　跟我練練手306

第18章製作動態網站Logo與Banner

18.1　製作滾動文字Logo308

18.1.1　設定文檔屬性308

18.1.2　製作文字元件308

18.1.3　製作滾動效果309

18.2　製作產品Banner311

18.2.1　製作文字動畫311

18.2.2　製作文字遮罩動畫313

18.2.3　製作圖片動畫313

18.3　高手解惑315

18.4　跟我練練手315

第5篇綜合網站開發實戰

第19章綜合案例實戰1——PhotoshopCC設計網頁

19.1　設計網頁Logo320

19.2　設計網頁導航欄323

19.3　設計網頁的Banner323

19.4　設計網頁正文部分327

19.4.1　設計正文導航327

19.4.2　設計正文內容329

19.5　設計網頁頁腳部分332

19.6　組合線上購物網頁332

19.7　保存網頁334

19.8　對網頁進行切片處理335

第20章綜合案例實戰2——製作個人Flash網站

20.1　實例分析338

20.1.1　背景概述338

20.1.2　實例簡介338

20.2　主要知識點338

20.3　具體的設計步驟339

20.3.1　網站結構規劃339

20.3.2　主場景的設計339

20.3.3　次場景的設計342

20.4　高手解惑346

第21章開發網站互動留言板系統

21.1　系統的功能分析348

21.1.1　規劃網頁結構和功能348

21.1.2　網頁美工設計348

21.2　資料庫設計與連線349

21.2.1　資料庫的設計349

21.2.2　創建資料庫連線352

21.3　留言板管理系統頁面的製作354

21.3.1　留言板管理系統主頁面的製作354

21.3.2　訪問者留言頁面的製作360

21.4　留言板系統後台管理的製作362

21.4.1　管理員登錄頁面的製作362

21.4.2　留言板後台管理主頁面的製作363

21.4.3　刪除留言頁面367

第21章行業綜合案例4——製作移動設備類型網頁

21.1　網站設計分析370

21.2　網站結構分析370

21.3　網站主頁面的製作371

21.4　網站成品預覽372

第23章讓別人瀏覽我的成果—網站的發布

23.1　上傳網站前的準備工作380

23.1.1　註冊域名380

23.1.2　申請空間381

23.2　測試網站382

23.2.1　案例1——測試站點範圍的連結382

23.2.2　案例2——改變站點範圍的連結382

23.2.3　案例3——查找和替換383

23.2.4　案例4——清理文檔384

23.3　上傳網站384

23.3.1　案例5——使用Dreamweaver

上傳網站385

23.3.2　案例6——使用FTP工具上傳網站386

23.4　高手解惑388

23.5　跟我練練手389