中文版Dreamweaver Flash Photoshop CC網頁設計與製作從入門到精通（全彩版）

《中文版Dreamweaver Flash Photoshop CC網頁設計與製作從入門到精通（全彩版）》是2016年清華大學出版社出版的圖書，作者是九州書源。

基本介紹

• 書名：中文版Dreamweaver Flash Photoshop CC網頁設計與製作從入門到精通（全彩版）
• 作者：九州書源組織編寫
• ISBN：9787302405962
• 定價：99.8元
• 出版社：清華大學出版社
• 出版時間：2016年10月
• 開本：16

圖書簡介

《中文版Dreamweaver+Flash+PhotoshopCC網頁設計與製作從入門到精通（全彩版）》以目前最新的CC版本為例，結合這3個軟體在網頁中的套用進行講解。全書共24章，主要包括網頁基礎知識、DreamweaverCC的基本操作、美化網頁、頁面布局、表單和行為的套用、模板和庫、移動設備網頁和應用程式的創建、動態網站及網站維護、FlashCC基本操作、繪製與編輯圖形、文本與對象的編輯、元件與庫的使用、動畫和ActionScript、PhotoshopCC基本操作、圖層和文本編輯、圖形繪製和調色、圖像最佳化與輸出等內容。

本書知識講解由淺入深，將所有內容有效地分布在入門篇、實戰篇和精通篇中，書中包括了大量的實例操作及知識解析，配合光碟的視頻演示，讓學習變得輕鬆易學。

本書適合廣大網頁製作初學者，以及有一定網頁製作經驗的讀者，可作為高等院校相關專業的學生和培訓機構學員的參考用書，同時也可供讀者自學使用。

圖書目錄

入門篇

Chapter 01 初識網頁製作2

11 網頁基礎3

111 網站和網頁的關係 3

112 網頁的構成要素 3

113 網頁的分類 4

114 螢幕解析度和網頁編輯器 4

12 製作網站的基本流程5

121 網站策劃 5

122 製作網站的準備工作 6

123 製作及上傳網站 7

124 網站的更新與維護 7

13 了解Dreamweaver CC 7

131 Dreamweaver CC簡介 7

132 Dreamweaver CC新增功能 7

133 啟動Dreamweaver CC 9

134 退出Dreamweaver CC 10

135 Dreamweaver CC視圖模式 10

136 代碼工具列 12

14 Dreamweaver CC的工作界面 12

141 選單欄 13

142 文檔視窗 15

143 面板組 15

144 “屬性”面板 16

145 Dreamweaver CC的環境設定 16

146 標尺、格線和輔助線的使用 18

15 製作網頁的常用軟體和語言 18

151 網頁設計的常用軟體 19

152 製作網頁的核心語言 19

知識大爆炸——認識Dreamweaver的過去及安裝要求 22

Chapter 02 快速掌握Dreamweaver CC 24

21 創建與管理站點 25

211 創建本地站點 25

※ 實例操作：創建裝飾網站點25

212 “管...

212“管理站點”對話框26

213管理站點27

※實例操作：導出裝飾網站點27

※實例操作：導入食品網站點27

※實例操作：編輯食品網站點28

※實例操作：複製和刪除美食天下站點29

214站點的結構規劃30

※實例操作：創建資料夾及檔案30

22創建與編輯網頁31

221創建網頁31

※實例操作：新建一個空白網頁31

※實例操作：創建jQueryMobile網頁33

222打開與關閉網頁34

223保存網頁35

23在網頁中添加文字內容35

231輸入文字35

※實例操作：複製文字36

232添加空格、換行與分段37

233使用日期和水平線37

234插入列表39

235設定文本屬性39

※實例操作：設定文本屬性40

24添加圖像豐富網頁41

241常用的圖像類型42

242在網頁中插入圖像42

※實例操作：插入圖像42

243設定圖像屬性43

244插入滑鼠經過圖像45

※實例操作：設定滑鼠經過時變換的圖像45

245插入FireworksHTML46

25為網頁添加多媒體檔案47

251使用EdgeAnimate作品47

※實例操作：插入EdgeAnimate動畫47

252使用HTML5Video檔案48

※實例操作：設定HTML5Video的屬性49

253HTML5Audio的套用50

254使用FlashSWF檔案51

※實例操作：插入Flash並設定屬性51

255插入並設定FlashVideo53

※實例操作：插入並設定FlashVideo屬性53

256使用外掛程式54

26超連結的套用55

261認識超連結和路徑56

262創建常見的超連結56

知識大爆炸——HTML的簡單套用以及SEO

最佳化網頁圖像的技巧59

Chapter03使用CSS樣式美化網頁62

31認識和套用CSS樣式63

311CSS概述63

312CSS樣式表的基本語法64

313認識CSS設計器64

314創建樣式表65

※實例操作：創建內部樣式65

※實例操作：創建並連結外部樣式表67

32使用豐富的CSS樣式68

321CSS的布局屬性68

322CSS的文本屬性69

323CSS的框線屬性70

324CSS的背景屬性71

325其他CSS屬性72

33CSS過渡效果的套用73

331新建CSS過渡效果73

※實例操作：新建CSS過渡效果73

332編輯CSS過渡效果75

333刪除CSS過渡效果75

知識大爆炸——CSS的特殊效果的套用75

Chapter04頁面布局78

41使用表格布局79

411製作表格79

※實例操作：製作表格79

412表格的基本操作80

413表格和單元格的屬性82

414表格的嵌套使用83

※實例操作：創建Weddinghtml網頁83

42Div+CSS美化網頁86

421Div+CSS概述86

422使用Div元素86

※實例操作：使用Accordion創建網頁87

423使用Div+CSS布局網頁91

※實例操作：使用Div+CSS創建網頁91

43框架布局94

431框架的簡介94

432使用HTML實現框架布局95

433設定框架集和框架的屬性95

434設定框架的連結96

435Iframe框架（浮動框架）96

※實例操作：使用Iframe框架製作網頁97

知識大爆炸——導入數據並排序98

Chapter05表單和行為的套用100

51表單套用101

511表單的概述101

512創建表單並設定屬性102

513插入表單元素102

514靈活使用表單107

※實例操作：使用表單創建form網頁107

52使用jQueryUI的表單部分109

521使用Datepicker組件109

522使用AutoComplete組件110

523使用Button組件110

524使用Buttonset組件110

525使用CheckboxButtons組件111

526使用RadioButtons組件111

53JavaScript行為的套用111

531行為概述111

532彈出視窗信息112

※實例操作：創建彈出視窗信息頁面112

533打開瀏覽器視窗113

534調用JavaScript行為113

※實例操作：自動關閉網頁113

535轉到URL行為114

536顯示文本行為114

537圖像與多媒體的行為115

※實例操作：單擊圖像變換為另一張圖像115

54利用行為控制表單117

541跳轉選單118

542檢查表單118

※實例操作：檢查表單中的文本域118

知識大爆炸——使用行為添加jQueryt效果119

Chapter06利用模板和庫創建網頁122

61使用模板123

611模板的概述123

612創建模板123

※實例操作：創建模板網頁123

613定義可編輯區域123

614定義可選區域124

615定義重複區域124

616重複表格124

62套用模板125

621套用模板到網頁125

※實例操作：將創建好的模板套用到網頁125

622分離模板127

63套用庫127

631介紹庫127

632創建庫項目127

633庫項目的其他操作128

634設定庫屬性128

知識大爆炸——嵌套模板、庫和HTML代碼128

Chapter07移動設備網頁和應用程式的創建130

71jQueryMobile的套用131

711jQueryMobile的概述131

712創建jQueryMobile頁面132

※實例操作：用HTML5創建jQueryMobile132

713jQueryMobile組件的使用133

72PhoneGapBuild打包移動套用135

721PhoneGapBuild概述135

722註冊PhoneGapBuild136

723打包移動應用程式136

知識大爆炸——jQueryMobile的主題套用137

Chapter08動態網站及站點維護138

81搭建動態網站平台139

811動態網頁的開發語言139

812創建資料庫的軟體139

※實例操作：創建Guest資料庫140

813動態網站的開發流程141

※實例操作：在Windows7中安裝伺服器142

※實例操作：設定虛擬網頁站點142

※實例操作：配置本地站點伺服器144

※實例操作：安裝動態擴展145

※實例操作：設定ODBC數據源146

82製作資料庫動態網頁147

821綁定記錄集147

※實例操作：綁定數據記錄147

822登錄用戶行為148

※實例操作：創建登錄頁面148

823註銷用戶149

824插入記錄表單149

※實例操作：創建註冊頁面150

825獲取動態數據151

※實例操作：製作留言網頁151

826轉到詳細頁面154

827更新記錄154

83網站維護與上傳155

831測試本地站點155

※實例操作：檢查斷裂的連結155

※實例操作：為圖片網頁設計備註156

832上傳站點的流程157

※實例操作：申請域名158

833檔案上傳160

834網站備案161

知識大爆炸——域名解析161

Chapter09FlashCC快速入門162

91認識Flash動畫163

911Flash動畫的原理163

912Flash動畫在網頁中的套用163

913Flash中的檔案類型165

914Flash相關的圖片格式167

92Flash動畫的製作流程167

921前期策劃167

922收集動畫素材167

923製作動畫168

924調試與最佳化動畫168

925測試動畫168

926發布動畫168

93啟動與退出FlashCC168

931啟動FlashCC168

932退出FlashCC170

94FlashCC的工作界面170

941選單欄171

942工作區切換器171

943工具箱172

944繪圖工作區173

945常用面板173

95Flash文檔的基本操作175

951新建Flash文檔175

※實例操作：通過模板新建雪景動畫176

952設定文檔屬性177

953保存與關閉Flash文檔178

954打開Flash文檔179

96舞台和場景的基本操作179

961添加場景180

※實例操作：在文檔中添加場景180

962切換場景180

963查看場景181

964使用輔助工具182

知識大爆炸——Flash動畫與傳統動畫的比較183

Chapter10圖形的繪製與編輯184

101基本繪圖工具185

1011選擇工具185

1012線條工具185

※實例操作：繪製杯子圖形185

1013鉛筆工具187

1014矩形工具188

※實例操作：繪製路標189

1015橢圓工具190

※實例操作：繪製七星瓢蟲190

1016多角星形工具191

※實例操作：繪製充滿星星的夜空191

1017刷子工具193

102鋼筆工具193

1021錨點193

1022繪製狀態193

1023繪製圖形194

※實例操作：繪製卡通風景畫194

1024添加和刪除錨點195

1025調整路徑195

103填充圖形顏色196

1031認識“顏色”面板196

1032認識“樣本”面板197

1033填充純色197

※實例操作：填充卡通人物的顏色197

1034填充線性漸變198

※實例操作：修改藍天白雲的顏色199

1035填充徑向漸變200

※實例操作：徑向填充向日葵背景200

1036使用點陣圖填充201

104清除顏色202

1041直接刪除顏色202

1042使用橡皮擦工具202

知識大爆炸——圖形繪製與填充的其他方法203

Chapter11文本與對象的編輯204

111文本編輯205

1111文本的類型205

1112設定文本的字元樣式206

1113設定文本的段落樣式206

1114輸入文本207

※實例操作：輸入草莓點心介紹207

※實例操作：動態顯示文本內容208

※實例操作：製作用戶登錄界面209

1115為文本創建超連結210

※實例操作：創建文本超連結210

1116設定滾動文本211

1117分離文本212

112圖形對象處理212

1121移動對象212

1122複製對象213

1123轉換圖形對象為點陣圖213

1124圖形變形213

1125合併對象215

1126層疊對象215

1127對齊對象216

113添加聲音與視頻216

1131導入並套用聲音216

※實例操作：為Flash添加背景音樂216

1132設定聲音屬性217

1133設定關鍵幀上的聲音218

1134播放組件載入外部視頻219

※實例操作：播放組件載入的外部視頻219

1135嵌入視頻220

※實例操作：嵌入視頻檔案220

1136設定視頻屬性221

知識大爆炸——文本和對象的其他知識222

Chapter12元件與庫的使用224

121元件225

1211元件的概念與種類225

1212創建元件226

※實例操作：創建圖形元件226

※實例操作：創建影片剪輯動畫227

※實例操作：創建“開始遊戲”按鈕228

1213元件的轉換230

1214元件的編輯230

122庫231

1221認識“庫”面板231

1222管理並使用庫231

※實例操作：導入AI檔案231

※實例操作：複製並修改元件233

知識大爆炸——元件實例與共享庫235

Chapter13動畫的製作236

131圖層與時間軸237

1311圖層的概念及類型237

1312圖層的基本操作237

1313時間軸與幀239

132創建基本動畫241

1321創建逐幀動畫242

※實例操作：製作下雨動畫242

1322製作補間形狀243

※實例操作：製作變形動畫243

1323創建並編輯傳統補間動畫245

※實例操作：製作飛行動畫245

1324創建並編輯補間動畫247

※實例操作：製作蝴蝶飛舞動畫247

133創建引導和遮罩動畫249

1331創建引導動畫249

※實例操作：製作汽車行駛動畫249

※實例操作：製作環保動畫251

1332創建遮罩動畫252

※實例操作：製作放大動畫252

134使用ActionScript製作動畫254

1341ActionScript30254

1342ActionScript中的專業術語254

1343ActionScript30基本語法257

1344輸入ActionScript語句258

※實例操作：創建並調用外部ActionScript檔案259

1345類、屬性和方法260

1346常用的ActionScript語句261

※實例操作：製作滑鼠跟隨效果263

知識大爆炸——動畫的其他知識265

Chapter14測試、導出與發布動畫268

141最佳化與測試動畫269

142發布Flash動畫270

※實例操作：發布影片為GIF圖像273

143導出Flash動畫276

※實例操作：導出某幀的圖像276

※實例操作：導出mov視頻277

知識大爆炸——調試與轉換影片278

Chapter15PhotoshopCC快速入門280

151PhotoshopCC的工作界面281

152圖像處理的基礎知識282

153圖像檔案的基本操作285

※實例操作：製作火球287

154圖像編輯的輔助操作289

※實例操作：在圖像中添加注釋文本290

155調整圖像291

※實例操作：調整並矯正圖像293

※實例操作：製作三折頁效果294

156選區的創建與編輯298

※實例操作：製作波紋相框301

知識大爆炸——檔案保存格式及圖層混合模式的套用303

Chapter16圖層和文本的套用306

161使用圖層307

162添加圖層樣式311

※實例操作：製作帶有投影的文字311

※實例操作：製作發光的幾何圖314

※實例操作：製作按鈕317

163創建並設定文本320

※實例操作：製作Logo圖示321

※實例操作：製作路徑文字322

※實例操作：製作變形文字324

知識大爆炸——通道的基本操作325

Chapter17圖形繪製與顏色調整326

171顏色的填充與設定327

※實例操作：重新填充顏色327

172繪製基本的圖形330

※實例操作：製作網頁登錄界面331

173自定義圖形的繪製336

※實例操作：繪製宣傳海報336

174調整圖像的顏色341

※實例操作：調整圖片的色調342

※實例操作：調整咖啡網站的色彩345

※實例操作：製作紫色調效果347

知識大爆炸——高級繪圖方式349

Chapter18切片與輸出圖像350

181創建並編輯切片351

※實例操作：為登錄頁面創建切片351

※實例操作：編輯登錄頁面切片選項352

182最佳化與輸出圖像354

※實例操作：輸出網頁圖像356

知識大爆炸——切片和網頁圖像格式358

實戰篇I

Chapter19製作網頁元素362

191製作網站Logo363

192製作開關按鈕365

193製作網頁導航條369

194製作網頁視頻播放動畫373

195製作網頁片頭動畫375

196擴展練習379

1961製作網頁廣告條379

1962製作風景網頁動畫379

Chapter20製作攝影網站380

201設計網站主頁381

202設計網站子頁386

203對網頁進行切片389

204製作banner動畫392

205製作圖片滾動動畫396

206合成網頁399

207擴展練習411

2071製作“攝影信息”子網頁411

2072製作“攝影論壇”子網頁412

Chapter21製作個人網站414

211製作個人網站的首頁415

212製作個人簡介網頁419

213製作留言簿網頁423

214擴展練習429

2141製作“我的生活”子網頁430

2142製作“我的一家”子網頁431

Chapter22製作“冷飲”網站432

221製作“冷飲”網站的首頁433

222製作“攜手自由時光”頁面441

223製作“特色冷飲”頁面444

224擴展練習449

2241製作“冷飲”網站的“分店信息”網頁449

2242製作“冷飲”網站的“線上諮詢”網頁450

精通篇

Chapter23網頁製作的高級套用454

231JavaScript代碼455

2311JavaScript代碼基礎455

2312JavaScript中的常用辭彙455

232在HTML5畫布中繪製形狀456

※實例操作：在畫布中繪製矩形456

※實例操作：在畫布中繪製圓形458

※實例操作：在畫布中繪製直線459

※實例操作：在畫布中繪製線性漸變460

※實例操作：在畫布中繪製徑向漸變461

233CSS3的新增功能462

※實例操作：定義立體框線效果462

※實例操作：用圖片作為背景圖像的框線463

※實例操作：設計圓角選項卡463

※實例操作：用border-radius屬性製作圓角465

234使用CSS進行網頁布局466

※實例操作：用columns屬性進行多列布局466

※實例操作：為網頁創建列框線樣式468

※實例操作：使用盒布局進行網頁布局470

※實例操作：將水平排列修改為垂直排列472

知識大爆炸——漸變效果473

Chapter24網頁配色、字型和排版技巧474

241網頁的色彩速配475

242字型在網頁中的套用技巧481

243網頁版式設計與構圖483

知識大爆炸——色彩的心理感受489