中文版Dreamweaver CC 2015網頁製作實用教程

中文版Dreamweaver CC 2015網頁製作實用教程

《中文版Dreamweaver CC 2015網頁製作實用教程》作者是吳斌,由清華大學出版社出版

內容簡介

本書由淺入深、循序漸進地介紹了Adobe公司最新推出的網頁製作軟體——Dreamweaver CC 2015的操作方法和使用技巧。全書共分為12章,分別介紹了Dreamweaver CC 2015快速入門,網頁文本的處理與控制,創建網頁超連結,插入圖像與多媒體,使用表格布局網頁,使用表單創建互動網頁,使用CSS樣式表修飾網頁,使用模板與庫項目,使用Div+CSS布局網頁,在網頁中使用行為,創建移動設備網頁等;並在最後一章安排了一些代表性的綜合實例,包括創建本地站點、製作網站首頁和設定網頁連結等內容。 本書內容豐富、結構清晰、語言簡練、圖文並茂,具有很強的實用性和可操作性,是一本適合於大中專院校、職業學校及各類社會培訓學校的優秀教材,也是廣大初、中級電腦用戶的自學參考書。

目錄

第1章 Dreamweaver CC 2015快速

入門 1

1.1 網頁製作的基礎知識 1

1.1.1 網頁與網站 1

1.1.2 網頁的基本元素 2

1.1.3 網頁的常見類型 4

1.1.4 網頁的設計布局 5

1.2 Dreamweaver CC 2015簡介 6

1.2.1 Dreamweaver CC 2015的工作

界面 6

1.2.2 網頁文檔的基本操作 9

1.3 規劃與創建本地站點 12

1.3.1 站點概述 12

1.3.2 規劃站點 14

1.3.3 建立本地站點 15

1.3.4 設定本地站點 17

1.3.5 創建站點檔案 17

1.4 設定Dreamweaver視圖模式 18

1.4.1 切換文檔視圖 18

1.4.2 使用標尺、格線和輔助線 19

1.5 上機練習 22

1.5.1 創建並設定網頁屬性 22

1.5.2 導出與導入站點 24

1.6習題26

第2章網頁文本的處理與控制27

2.1設定網頁標題27

2.2HTML檔案的基本結構28

2.2.1HTML檔案的基本結構29

2.2.2常用HTML標籤簡介29

2.3網頁文本的基本設定31

2.3.1設定文本標題31

2.3.2添加空格34

2.3.3設定網頁文字35

2.4使用項目列表37

2.4.1設定無序列表37

2.4.2設定有序列表38

2.4.3定義項目列表38

2.5使用外部文本39

2.5.1貼上文本39

2.5.2貼上表格40

2.5.3導入Word與Excel文檔41

2.6上機練習42

2.6.1製作網頁導航欄42

2.6.2製作滾動文字44

2.6.3在網頁中導入文本45

2.7習題46

第3章創建網頁超連結47

3.1網頁超連結的概念47

3.1.1URL概述47

3.1.2超連結中的路徑48

3.2為文本添加超連結49

3.2.1添加超連結49

3.2.2設定超連結49

3.2.3使用超連結標籤50

3.3檢查網頁超連結52

3.4設定電子郵件連結53

3.5添加網頁錨記連結54

3.5.1在單一頁面中添加錨記連結54

3.5.2在不同頁面中套用錨記連結56

3.6製作檔案下載連結57

3.7製作音頻和視頻播放連結58

3.8上機練習59

3.8.1製作網站導航連結60

3.8.2在網頁中設定超連結62

3.9習題64

第4章插入圖像與多媒體65

4.1網頁圖像格式簡介65

4.2在網頁中插入圖片66

4.2.1在【設計】視圖中插入圖片66

4.2.2在【實時】視圖中插入圖片67

4.2.3通過【資源】面板插入圖片67

4.2.4在網頁的原始碼中插入圖片68

4.3在Dreamweaver中處理圖片70

4.3.1網頁圖片的基本設定70

4.3.2編輯網頁圖片70

4.4使用圖像熱區74

4.4.1繪製圖像熱區74

4.4.2設定圖像熱區參數76

4.5製作滑鼠經過圖像76

4.6插入圖像占位符78

4.7設定網頁背景圖79

4.8在網頁中使用Photoshop檔案80

4.8.1在Dreamweaver中插入PSD

檔案80

4.8.2從Photoshop中複製和貼上

圖片82

4.8.3使用AdobePhotoshop智慧型對象

對象83

4.9在網頁中插入Flash84

4.9.1在網頁中插入Flash動畫84

4.9.2設定Flash動畫屬性85

4.10在網頁中插入視頻與音頻86

4.10.1在網頁中插入FLV視頻86

4.10.2在網頁中插入普通音視頻88

4.11在網頁中插入HTML5視頻與

音頻89

4.11.1插入HTML5Video89

4.11.2插入HTML5Audio91

4.12上機練習92

4.12.1製作網頁導航條92

4.12.2製作視頻線上播放頁面95

4.13習題96

第5章使用表格布局網頁97

5.1在網頁中使用表格97

5.1.1網頁中表格的用途97

5.1.2創建基本表格98

5.1.3插入表格元素99

5.1.4設定表格屬性100

5.2編輯網頁中的表格102

5.2.1選擇表格元素103

5.2.2調整表格大小105

5.2.3更改列寬和行高106

5.2.4添加、刪除行或列106

5.2.5拆分與合併單元格107

5.2.6複製與貼上單元格108

5.2.7設定表格內容排序108

5.2.8導入與導出表格式數據109

5.3上機練習111

5.4習題116

第6章使用表單創建互動網頁117

6.1創建表單117

6.1.1表單簡介117

6.1.2製作表單119

6.2插入表單對象120

6.2.1插入文本域120

6.2.2插入密碼域121

6.2.3插入文本區域121

6.2.4插入選擇(列表/選單)122

6.2.5插入單選按鈕和複選框123

6.2.6插入檔案域127

6.2.7插入標籤域集128

6.2.8插入按鈕和圖像按鈕130

6.2.9插入隱藏域132

6.2.10插入顏色選擇器132

6.2.11插入日期時間設定器133

6.2.12插入範圍塊134

6.3上機練習135

6.3.1製作用戶管理頁面136

6.3.2製作商品訂單頁面141

6.4習題144

第7章使用CSS樣式表修飾網頁145

7.1CSS樣式表簡介145

7.1.1認識CSS樣式表145

7.1.2CSS的規則分類146

7.2使用【CSS設計器】面板147

7.2.1創建與附加CSS樣式148

7.2.2設定媒體查詢150

7.2.3設定選擇器151

7.2.4修改CSS規則屬性152

7.3使用與編輯CSS樣式155

7.3.1套用CSS樣式155

7.3.2編輯CSS規則156

7.4套用CSS3過渡效果163

7.4.1創建CSS3過渡效果163

7.4.2編輯CSS3過渡效果166

7.4.3刪除CSS3過渡效果166

7.5上機練習167

7.6習題172

第8章使用模板與庫項目173

8.1創建模板173

8.1.1模板簡介173

8.1.2將現有網頁另外儲存為模板174

8.1.3創建空白模板175

8.2編輯模板175

8.2.1設定可編輯區域175

8.2.2設定重複區域177

8.2.3設定可選區域179

8.3套用模板180

8.3.1通過【網站模板】創建網頁180

8.3.2在【資源】面板中創建網頁181

8.3.3為當前網頁套用模板182

8.4管理模板182

8.4.1刪除模板182

8.4.2打開網頁的附屬模板182

8.4.3更新模板183

8.4.4將網頁脫離模板183

8.5使用庫183

8.5.1庫項目簡介183

8.5.2創建庫項目184

8.5.3設定庫項目184

8.5.4套用庫項目185

8.5.5修改庫項目185

8.6上機練習186

8.6.1使用模板製作網頁186

8.6.2使用庫項目製作網頁189

8.7習題192

第9章使用Div+CSS布局網頁193

9.1Div+CSS簡介193

9.1.1認識Div+CSS193

9.1.2基於CSS的頁面布局194

9.1.3塊元素195

9.1.4行內元素195

9.2在網頁中插入Div196

9.2.1插入Div196

9.2.2Div的嵌套197

9.3認識Div+CSS盒模型197

9.3.1margin(邊界)198

9.3.2border(框線)199

9.3.3padding(填充)200

9.3.4content(內容)200

9.4Div+CSS布局定位201

9.4.1relative(相對定位)201

9.4.2absolute(絕對定位)202

9.4.3fixed(懸浮定位)202

9.4.4float(浮動定位)203

9.5Div+CSS常用布局203

9.5.1Div高度自適應203

9.5.2網頁內容居中布局206

9.5.3網頁元素浮動布局207

9.5.4使用流體格線布局211

9.6上機練習211

9.7習題222

第10章在網頁中使用行為223

10.1行為概述223

10.1.1行為的基礎知識223

10.1.2使用【行為】面板224

10.1.3編輯網頁行為225

10.2使用行為調節瀏覽器225

10.2.1打開瀏覽器視窗225

10.2.2調用JavaScript227

10.2.3轉到URL227

10.3使用行為控制圖像228

10.3.1交換圖像228

10.3.2預先載入圖像230

10.4使用行為顯示文本231

10.4.1彈出信息231

10.4.2設定狀態欄文本232

10.4.3設定容器文本233

10.4.4設定文本域文字234

10.5使用行為載入多媒體235

10.5.1檢查外掛程式235

10.5.2改變屬性237

10.5.3顯示-隱藏元素238

10.6使用行為控制表單239

10.6.1跳轉選單239

10.6.2跳轉選單開始240

10.6.3檢查表單241

10.7上機練習242

10.7.1設定隱藏與顯示頁面元素

特效242

10.7.2設定彈出信息網頁行為246

10.8習題248

第11章創建移動設備網頁249

11.1jQuery與jQueryMobile249

11.1.1jQuery249

11.1.2jQueryMobile250

11.2創建jQueryMobile頁面250

11.3使用jQueryMobile組件253

11.3.1使用列表視圖253

11.3.2使用布局格線258

11.3.3使用可摺疊區塊260

11.3.4使用文本輸入框261

11.3.5使用密碼輸入框262

11.3.6使用文本區域263

11.3.7使用選擇選單263

11.3.8使用複選框264

11.3.9使用單選按鈕265

11.3.10使用按鈕266

11.3.11使用滑塊268

11.3.12設定翻轉切換開關268

11.4使用jQueryMobile主題269

11.5使用Bootstrap布局框架271

11.5.1創建Bootstrap檔案271

11.5.2使用Bootstrap模板272

11.6上機練習273

11.7習題276

第12章網頁製作綜合實例277

12.1創建本地站點277

12.2創建網站首頁278

12.3製作網頁模板284

12.4網頁後期處理287

12.5習題290

相關詞條

熱門詞條

聯絡我們