網頁設計與製作實用教程（Dreamweaver+Flash+Photoshop）（第4版·微課視頻版)

目錄

第1章網站開發基礎1

1.1網站開發概述1

1.1.1什麽是網站1

1.1.2網站的類型及定位1

1.1.3認識網頁5

1.2網站開發流程7

1.2.1網站總體策劃7

1.2.2設計和製作素材9

1.2.3建立站點10

1.2.4製作網頁10

1.2.5測試和發布網站11

1.3常用網頁設計軟件11

1.4HTML入門13

1.4.1HTML的概念13

1.4.2編寫HTML網頁14

1.4.3HTML標簽15

1.4.4HTML文檔的基本結構17

1.4.5關於HTML518

1.4.6瞭解XHTML19

1.5本章習題20

1.6上機練習20

第2章Dreamweaver網頁製作基礎21

2.1Dreamweaver CC 2018的工作環境21

2.1.1Dreamweaver軟件界面21

2.1.2關於“插入”面板24

2.1.3自定義界面25

2.1.4Dreamweaver的視圖模式26

2.2建立本地站點28

2.2.1創建站點目錄29

2.2.2在Dreamweaver中定義站點30

2.3在Dreamweaver中製作第一個網頁322.3.1新建HTML網頁文檔32

2.3.2編輯和保存網頁33

2.3.3預覽網頁34

2.3.4繼續編輯網頁35

2.4本章習題36

2.5上機練習37

第3章製作網頁內容38

3.1文字和段落在網頁中的應用38

3.1.1插入文字38

3.1.2設置文本格式39

3.1.3設置段落格式43

3.1.4插入特殊字符46

3.1.5使用段落列表47

3.2圖像在網頁中的應用49

3.2.1插入圖像49

3.2.2設置圖像屬性52

3.2.3使用外部圖像編輯器53

3.3多媒體對象在網頁中的應用55

3.3.1在網頁中應用Animate動畫55

3.3.2在網頁中應用FLV視頻58

3.3.3在網頁中應用聲音61

3.3.4在網頁中插入HTML5音/視頻64

3.3.5插入Animate作品67

3.4超鏈接69

3.4.1創建超鏈接的方法69

3.4.2超鏈接的路徑72

3.4.3鏈接目標72

3.5本章習題74

3.6上機練習74

第4章CSS樣式表76

4.1CSS入門76

4.1.1“CSS設計器”面板76

4.1.2定義CSS規則77

4.1.3在網頁中應用CSS樣式79

4.1.4添加CSS選擇器80

4.2CSS樣式詳解81

4.2.1類型82

4.2.2背景83

4.2.3區塊85

4.2.4方框86

4.2.5邊框87

4.2.6列表88

4.2.7定位89

4.2.8擴展90

4.3創建CSS樣式91

4.3.1內部樣式表91

4.3.2外部樣式表93

4.4本章習題99

4.5上機練習100

第5章網頁佈局101

5.1網頁佈局的類型101

5.2用表格進行網頁佈局103

5.2.1在頁面中插入表格103

5.2.2設置表格和單元格屬性105

5.2.3表格標簽107

5.2.4用表格佈局網頁108

5.3用CSS進行網頁佈局113

5.3.1表格+CSS佈局113

5.3.2DIV+CSS佈局119

5.4本章習題127

5.5上機練習128

第6章網頁特效與交互129

6.1行為129

6.1.1附加行為129

6.1.2行為應用實例——網頁加載時彈出公告頁131

6.1.3內置行為簡介133

6.2AP元素134

6.2.1創建和編輯AP元素134

6.2.2AP元素的屬性詳解137

6.2.3AP元素拖動效果139

6.2.4添加網頁圖文特效141

6.3JavaScript基礎知識147

6.3.1<script>標簽147

6.3.2編寫一個簡單的JavaScript程序148

6.3.3使用“代碼片段”面板150

6.4本章習題154

6.5上機練習155

第7章模板和站點管理157

7.1模板157

7.1.1新建模板的方法157

7.1.2可編輯區域159

7.1.3創建基於模板的頁面161

7.2資源管理163

7.2.1庫163

7.2.2其他資源管理164

7.3站點管理和維護164

7.3.1測試網站165

7.3.2優化網頁代碼166

7.3.3發布網站169

7.3.4導入和導出站點172

7.4本章習題174

7.5上機練習174

第8章Photoshop網頁設計基礎175

8.1Photoshop CC 2018的工作環境175

8.1.1Photoshop CC 2018的界面175

8.1.2工作區佈局和屏幕模式181

8.1.3使用標尺、網格和參考線182

8.2使用Photoshop繪制網頁基本圖形183

8.2.1創建Photoshop文檔183

8.2.2繪制幾何形狀185

8.2.3使用鋼筆工具繪制路徑188

8.2.4使用畫筆193

8.2.5設置顏色196

8.3本章習題199

8.4上機練習200

第9章Photoshop網頁設計進階201

9.1圖層與蒙版201

9.1.1圖層201

9.1.2圖層樣式203

9.1.3圖層的混合模式207

9.1.4圖層蒙版的操作208

9.2選區與通道210

9.2.1創建選區210

9.2.2通道及其應用214

9.3設計網頁文字217

9.3.1輸入和編輯文字217

9.3.2文字的轉換219

9.3.3路徑文字221

9.4調整網頁圖像222

9.4.1調整圖像的基本屬性222

9.4.2修飾和修復圖像225

9.4.3調整圖像的色調232

9.4.4調整圖像的色彩237

9.5使用濾鏡增強網頁圖像的效果239

9.5.1使用濾鏡庫239

9.5.2“抽出”濾鏡和“液化”濾鏡241

9.5.3“模糊”濾鏡和“銳化”濾鏡244

9.6本章習題247

9.7上機練習248

第10章使用Photoshop設計網頁元素249

10.1設計網站圖標和Logo249

10.1.1繪制網站圖標249

10.1.2繪制網站Logo253

10.2設計網頁廣告圖像256

10.2.1製作網站Banner256

10.2.2繪制網頁通欄廣告259

10.3設計網頁按鈕和導航條261

10.3.1繪制網頁按鈕261

10.3.2繪制網頁導航條262

10.4設計網頁265

10.4.1繪制網頁265

10.4.2創建切片269

10.4.3優化切片並導出HTML文件271

10.4.4在Dreamweaver中編輯網頁273

10.5本章習題274

10.6上機練習275

第11章Animate動畫製作基礎276

11.1Animate CC的工作環境276

11.1.1工作界面簡介276

11.1.2面板的操作279

11.2Animate文檔的基本操作方法280

11.2.1Animate動畫的製作流程280

11.2.2製作第一個網頁動畫281

11.3繪制矢量圖形285

11.3.1繪制線條286

11.3.2繪制簡單圖形289

11.3.3設計圖形色彩292

11.3.4繪制復雜圖形297

11.3.5圖形的變形302

11.3.6繪制模式304

11.4位圖和文字308

11.4.1應用位圖308

11.4.2應用文字310

11.5本章習題313

11.6上機練習314

第12章製作網頁動畫315

12.1圖層和幀315

12.1.1圖層的基本概念和操作315

12.1.2幀的基本概念和操作318

12.2基礎動畫321

12.2.1逐幀動畫321

12.2.2形狀補間動畫325

12.2.3傳統補間動畫328

12.2.4基於傳統補間的路徑動畫331

12.3元件及其應用333

12.3.1元件的類型和創建元件的方法333

12.3.2影片剪輯元件336

12.3.3按鈕元件338

12.4高級動畫342

12.4.1補間動畫342

12.4.2動畫編輯器和動畫默認346

12.4.3遮罩動畫349

12.4.43D動畫和骨骼動畫350

12.5使用Animate製作網絡廣告353

12.5.1企業形象Banner設計353

12.5.2橫幅廣告設計356

12.5.3網絡廣告設計361

12.6本章習題364

12.7上機練習365