Dreamweaver CC網頁設計與製作

《Dreamweaver CC網頁設計與製作》是2014年清華大學出版社出版的圖書，由智雲科技編寫。

基本介紹

• 書名：Dreamweaver CC網頁設計與製作
• 作者：智雲科技
• 出版時間：2014年12月5日
• 定價：45 元
• 裝幀：平裝
• ISBN：9787302379836

圖書簡介

本書是叢書“學以致用系列叢書”中的一本。全書共分為14章，主要包括網頁製作與Dreamweaver CC基礎、網頁的全局設定與管理、在網頁中添加內容、網頁的格式化和布局設定、網頁製作的高級操作以及綜合案例實戰套用6個部分。通過對本書的學習，讀者不僅能學會Dreamweaver CC軟體的基本操作，更能學會如何使用該軟體製作符合需求的網頁，而且通過本書中列舉的實戰案例，還可以舉一反三，在實戰工作中用得更好。

目錄

Contents

Chapter01網頁設計與製作基礎

1.1　認識網頁的基本組成2

1.2　優秀網頁結構賞析5

1.3　認識靜態網頁與動態網頁8

1.4　了解網頁的訪問原理9

1.5　認識域名和域名伺服器10

1.5.1　域名的各種分類10

1.5.2　域名伺服器(DNS)11

1.6　網站設計流程13

1.7　網頁製作的常用工具13

1.7.1　內容編輯工具14

1.7.2　網頁美化工具14

1.8　實戰問答15

NO.1　靜態網頁與動態網頁有何區別15

NO.2　網頁設計是否必須懂HTML標記15

1.9　思考與練習16

Chapter02初識DreamweaverCC

2.1　DreamweaverCC的基本操作18

2.1.1　安裝DreamweaverCC18

2.1.2　啟動DreamweaverCC20

2.1.3　退出DreamweaverCC22

2.2　了解DreamweaverCC的新功能23

2.3　認識DreamweaverCC工作環境24

2.3.1　選單欄24

2.3.2　面板組24

2.3.3　“插入”面板24

2.3.4　文檔視窗26

2.3.5　“屬性”面板27

2.4　網頁設計的基本操作28

2.4.1　新建網頁28

2.4.2　保存網頁28

2.4.3　打開網頁29

2.4.4　預覽網頁31

2.4.5　關閉網頁31

2.5　實戰問答33

NO.1　創建網頁的其他方法33

NO.2　如何改變預覽網頁時的瀏覽器33

2.6　思考與練習34

Chapter03頁面屬性的設定

3.1　在對話框中設定頁面屬性36

3.1.1　設定外觀(CSS)36

3.1.2　設定外觀(HTML)37

3.1.3　設定連結(CSS)39

3.1.4　設定標題(CSS)41

3.1.5　設定標題/編碼43

3.1.6　設定跟蹤圖像44

3.2　使用代碼設定字型與頁面背景效果45

3.2.1　添加頁面標題45

3.2.2　為文字添加加粗和傾斜格式46

3.2.3　設定文字的字號大小47

3.2.4　設定網頁文本的文本顏色48

3.2.5　設定網頁的背景顏色49

3.2.6　為網頁添加背景圖片50

3.3　使用代碼設定超連結屬性51

3.3.1　設定超連結的邊距51

3.3.2　設定連結顏色52

3.3.3　設定滑鼠經過超連結效果53

3.3.4　設定已訪問連結53

3.3.5　設定活動連結54

3.3.6　修改下劃線樣式54

3.4　實戰問答55

NO.1　外觀(CSS)和外觀(HTML)有何區別55

NO.2　如何讓背景圖片固定55

3.5　思考與練習55

Chapter04創建與管理站點

4.1　創建、配置與發布本地站點58

4.1.1　創建本地站點58

4.1.2　為站點定義遠程伺服器59

4.1.3　發布站點60

4.2　管理站點61

4.2.1　刪除站點61

4.2.2　編輯站點61

4.2.3　複製站點62

4.2.4　導出站點63

4.2.5　導入站點63

4.3　管理站點中的內容64

4.3.1　添加檔案/資料夾64

4.3.2　重命名和刪除檔案/資料夾65

4.4　實戰問答65

NO.1　站點已刪除為什麼檔案還在65

NO.2　如何將已有檔案添加到站點中66

4.5　思考與練習66

Chapter05網頁中的文本創建

5.1　文本的簡單操作68

5.1.1　在網頁中錄入文本68

5.1.2　讓文本換行分段69

5.1.3　設定文本的對齊方式69

5.1.4　設定文本的字型格式70

5.2　項目列表和編號列表的使用71

5.2.1　插入項目列表71

5.2.2　插入編號列表71

5.3　特殊文本的操作72

5.3.1　插入換行符72

5.3.2　插入水平線73

5.3.3　插入日期74

5.3.4　插入特殊字元75

5.3.5　插入注釋76

5.4　實戰問答77

NO.1　項目列表中列表項前綴是否可以更改77

NO.2　編號列表中列表項前綴序號是否可更改77

5.5　思考與練習78

Chapter06在網頁中插入圖像與多媒體

6.1　常用圖像格式80

6.1.1　JPEG圖像80

6.1.2　GIF圖像80

6.1.3　PNG圖像80

6.2　在網頁中使用圖像81

6.2.1　插入圖像81

6.2.2　編輯圖像大小82

6.2.3　設定圖像對齊方式84

6.2.4　裁剪需要的圖像85

6.2.5　調整圖片的亮度和對比度87

6.2.6　設定圖像的銳化效果88

6.3　插入其他圖像元素90

6.3.1　插入圖像熱區90

6.3.2　滑鼠經過圖像91

6.4　在網頁中插入多媒體93

6.4.1　插入背景音樂93

6.4.2　插入Flash動畫94

6.4.3　插入FLV視頻96

6.4.4　插入HTML5視頻98

6.4.5　插入HTML5音頻99

6.4.6　插入其他媒體101

6.5　實戰問答102

NO.1　如何讓背景音樂循環播放102

NO.2　為何插入普通視頻的網頁在其他計算機不能播放103

NO.3　為什麼插入HTML5視頻後不能播放103

6.6　思考與練習103

Chapter07超連結的套用

7.1　認識超連結的類型106

7.1.1　按超連結源端點的對象劃分106

7.1.2　按執行超連結後的動作劃分106

7.1.3　按超連結的連結位置劃分107

7.2　連結路徑有哪些分類108

7.2.1　什麼是URL108

7.2.2　相對路徑108

7.2.3　絕對路徑109

7.2.4　根路徑109

7.3　各種超連結的創建方法109

7.3.1　插入文本連結109

7.3.2　設定連結打開方式111

7.3.3　插入圖像連結112

7.3.4　插入熱點連結114

7.3.5　插入錨點連結115

7.3.6　插入空連結117

7.3.7　插入E-mail連結118

7.3.8　插入腳本連結119

7.4　實戰問答121

NO.1　超連結打開方式中_BLANK和NEW的區別121

NO.2　為什麼錨點連結不起作用121

7.5　思考與練習121

Chapter08表格的套用

8.1　創建表格並輸入內容124

8.1.1　精確插入指定行列的表格124

8.1.2　在表格中輸入內容125

8.1.3　插入嵌套表格126

8.2　格式化表格效果127

8.2.1　選擇表格及單元格127

8.2.2　設定表格大小和對齊方式130

8.2.3　為表格添加框線132

8.2.4　設定單元格中文本和背景格式133

8.2.5　設定單元格大小與對齊方式134

8.3　編輯表格的常見操作136

8.3.1　插入行或列136

8.3.2　刪除行或列139

8.3.3　複製、剪下和貼上單元格140

8.3.4　合併單元格141

8.3.5　拆分單元格142

8.4　表格的高級操作143

8.4.1　在網頁中對表格數據排序143

8.4.2　導入表格數據145

8.4.3　導出表格數據146

8.5　實戰問答147

NO.1　如何快速、準確地選擇表格及單元格147

NO.2　在表格中能插入圖像檔案嗎147

NO.3　為什麼網頁中的表格無法進行排序操作149

NO.4　為什麼導入到網頁中的數據出現了混亂149

8.6　思考與練習149

Chapter09使用CSS層疊樣式表

9.1　了解CSS樣式表152

9.1.1　什麼是CSS152

9.1.2　CSS的3種類型152

9.1.3　CSS的語法格式153

9.2　CSS樣式的嵌入、內聯和外聯方式154

9.2.1　嵌入式CSS154

9.2.2　內聯式CSS154

9.2.3　外聯式CSS155

9.3　各種CSS樣式的創建方法156

9.3.1　建立ID樣式156

9.3.2　建立類樣式158

9.3.3　建立標籤樣式159

9.3.4　建立複合樣式160

9.3.5　建立外部樣式161

9.4　CSS中的常用樣式162

9.4.1設定字型樣式162

9.4.2　設定文本樣式166

9.4.3　設定背景樣式167

9.4.4　設定方框樣式170

9.4.5　設定框線樣式172

9.4.6　設定列表樣式174

9.4.7　設定定位樣式176

9.4.8　設定過渡樣式178

9.5　實戰問答180

NO.1　如何導入外部CSS樣式表檔案180

NO.2　如何自動調整圖像大小181

9.6　思考與練習182

Chapter10利用Div層布局

10.1　認識並創建層184

10.1.1　什麼是層184

10.1.2　創建層184

10.1.3　創建嵌套層185

10.1.4　為層添加CSS樣式表187

10.2　Div層的定位方法189

10.2.1　什麼是盒子模型189

10.2.2　通過float屬性定位層189

10.2.3　通過position屬性定位層191

10.3　Div常用布局方式的套用192

10.3.1　居中布局192

10.3.2　浮動布局193

10.3.3　一列固定寬度布局194

10.3.4　一列自適應寬度布局194

10.3.5　兩列固定寬度布局195

10.4　實戰問答197

NO.1　如何清除Div浮動197

NO.2　如何設定Div對象的行高197

10.5　思考與練習198

Chapter11使用模板和庫

11.1　使用模板200

11.1.1　創建模板200

11.1.2　定義可編輯區域201

11.1.3　創建基於模板的網頁202

11.1.4　從模板中分離網頁203

11.1.5　管理模板204

11.2　使用庫206

11.2.1　創建庫檔案206

11.2.2向頁面添加庫檔案207

11.2.3　修改並更新庫檔案208

11.3　實戰問答209

NO.1　如何在現有網頁檔案上套用模板209

NO.2　模板可以嵌套模板嗎209

11.4　思考與練習210

Chapter12表單的套用

12.1　認識網頁中的表單212

12.1.1　什麼是表單212

12.1.2　認識表單對象212

12.2　創建表單216

12.2.1　插入表單216

12.2.2　設定表單屬性217

12.3　插入表單對象218

12.3.1　插入文本域218

12.3.2　插入密碼域221

12.3.3　插入其他文本域223

12.3.4　插入按鈕對象224

12.3.5　插入圖像按鈕225

12.3.6　插入檔案上傳域226

12.4　實戰問答228

NO.1　如何通過“插入”面板添加表單對象228

NO.2　如何自動選擇文本框中所有文本內容229

12.5　思考與練習229

Chapter13在網頁中編寫JavaScript

13.1　了解JavaScript的基礎知識232

13.1.1　JavaScript是什麼232

13.1.2　JavaScript能做什麼232

13.1.3　JavaScript怎么用233

13.2　JavaScript基礎語法233

13.2.1　了解值和變數234

13.2.2　了解運算符234

13.2.3　認識各種比較符234

13.2.4　函式的使用234

13.3　掌握JavaScript的常用事件235

13.3.1　視窗事件235

13.3.2　滑鼠事件237

13.3.3　鍵盤事件238

13.3.4　表單處理事件239

13.4　jQuery的套用241

13.4.1　jQuery核心函式241

13.4.2　使用jQuery選擇器242

13.4.3　使用jQuery操作對象屬性243

13.4.4　使用jQuery事件245

13.4.5　jQuery中常用的效果246

13.5　實戰問答248

NO.1　++與--放置在變數前後的區別248

NO.2　解決預覽頁面時腳本執行問題249

13.6　思考與練習249

Chapter14製作婚紗網站

14.1　婚紗網製作介紹252

14.2　婚紗網製作思路分析253

14.3　婚紗網製作過程254

14.3.1　創建婚紗網站點254

14.3.2　創建婚紗網模板255

14.3.3　創建樣式表257

14.3.4　在模板中製作導航261

14.3.5　底部製作265

14.3.6　製作婚紗網首頁267

14.3.7　製作聯繫我們頁面270

14.3.8　修改模板頁中的導航選單273

14.4　婚紗網案例製作總結274

14.5　婚紗網案例製作答疑274

14.6　實戰問答274

NO.1　為什麼要有Div+CSS布局而不用表格274

NO.2　為何要減少對圖像的使用274

NO.3　如何將製作好的網站發布到網路上274

NO.4　為什麼創建的模板檔案在瀏覽器中不能查看275

習題答案277