Dreamweaver是Adobe公司推出的網頁製作軟體,該軟體容易上手並且可以快速生成跨平台和跨瀏覽器頁面,深受廣大網頁設計者的歡迎。全書採用了理論與實踐相結合的方式,將基礎知識與實例相結合,貫穿整本書,從而達到更加有效的學習效果。全書共分15章,從初學者的角度入手,全面講解了Dreamweaver CS6中所涉及的知識點,從淺到深,由點到面地對Dreamweaver CS6的使用方法和網頁的製作技巧進行全面闡述,其中包括Dreamweaver CS6入門、創建站點、原始碼與網頁的基礎設定、製作圖文基礎網頁等內容。本書附贈1張DVD光碟,其中提供了豐富的練習素材、源檔案和最終檔案,並為書中所有實例都錄製了多媒體教學視頻,方便讀者學習和參考。本書內容清晰明了、文字通俗易懂,主要面向初、中級讀者,包括想進入網頁設計領域的讀者以及與網頁設計相關專業的學生閱讀,同時也可作為廣大網頁設計愛好者的參考書籍以及網頁設計製作的理想培訓教材。
基本介紹
- 書名:Dreamweaver網頁設計全程揭秘
- 類型:計算機與網際網路
- 出版日期:2014年10月1日
- 語種:簡體中文
- ISBN:9787302357940
- 作者:張國勇
- 出版社:清華大學出版社
- 頁數:334頁
- 開本:16
- 品牌:清華大學出版社
內容簡介
圖書目錄
1.1 認識網頁 1
1.1.1 網頁與網站 1
1.1.2 網頁的類型 2
1.1.3 靜態網頁與動態網頁 3
1.1.4 網頁的基本構成元素 3
1.2 初識Dreamweaver CS66
1.2.1 安裝Dreamweaver CS6的系統要求 7
實戰01+視頻:安裝Dreamweaver CS67
1.2.2 Dreamweaver CS6概述 9
實戰02+視頻:啟動Dreamweaver CS69
1.3 Dreamweaver CS6新增功能 10
1.3.1 全新的“管理站點”對話框 11
1.3.2 Business Catalyst站點 11
1.3.3 Business Catalyst面板 11
1.3.4 流體格線的CSS布局 11
1.3.5 為單個元素套用多個CSS樣式 12
1.3.6 CSS過渡效果 12
1.3.7 Web字型 12
1.3.8 最佳化圖像功能 12
1.3.9 支持jQuery 1.6.4和jQuery Mobile 1.013
1.3.10 新增jQuery Mobile色板 13
1.3.11 集成PhoneGap Build 13
1.4 認識Dreamweaver CS613
1.4.1 Dreamweaver CS6工作界面 13
1.4.2 選單欄 14
實戰03+視頻:新建和保存網頁 15
1.4.3 文檔工具列 17
實戰04+視頻:打開和預覽網頁 18
1.4.4 狀態欄 20
1.4.5 “插入”面板 21
1.4.6 “屬性”面板 21
1.4.7 其他浮動面板 22
1.5 本章小結 22
第2章 創建站點 23
2.1 使用Dreamweaver CS6創建站點 23
2.1.1 創建本地靜態站點 23
實戰05+視頻:創建本地靜態站點 24
2.1.2 遠程伺服器選項 25
實戰06+視頻:創建站點並設定遠程伺服器 26
2.1.3 版本控制 28
2.1.4 本地信息 29
2.1.5 遮蓋 30
2.1.6 設計備註 30
2.1.7 檔案視圖列 31
2.1.8 Contribute 31
2.1.9 模板 31
2.1.10 Spry 31
2.1.11 Web字型 31
2.2 Business Catalyst站點 31
2.2.1 什麼是Business Catalyst 32
2.2.2 Business Catalyst面板 32
實戰07+視頻:創建Business Catalyst站點 33
2.3 站點的操作與管理 35
2.3.1 站點對話框 35
實戰08+視頻:站點的導入與導出 36
2.3.2 站點的切換 37
實戰09+視頻:在站點中創建資料夾和檔案 37
2.3.3 使用“檔案”面板對站點進行管理 39
實戰10+視頻:站點中資料夾和檔案的操作 39
2.4 本章小結 41
第3章 Dreamweaver CS6中的原始碼與網頁基礎設定 42
3.1 HTML語言 42
3.1.1 HTML概述 42
3.1.2 HTML的基本結構 42
實戰11+視頻:編寫第一個HTML頁面 43
3.1.3 HTML中的普通標籤與空標籤 44
3.2 使用Dreamweaver CS6編輯原始碼 45
3.2.1 Dreamweaver CS6代碼視圖 45
3.2.2 快速編寫標籤 48
3.2.3 代碼最佳化 49
3.2.4 在原始碼中添加注釋 51
3.3 了解HTML 551
3.3.1 HTML 5的優勢 51
實戰12+視頻:使用HTML 5實現在網頁中繪圖 52
3.3.2 HTML 5標籤 53
實戰13+視頻:HTML 5為網頁添加背景音樂 56
3.3.3 HTML 5與HTML 4的不同 57
實戰14+視頻:HTML 5在網頁中播放視頻 58
3.4 網頁頭信息設定 59
3.4.1 設定META信息 60
實戰15+視頻:設定網頁作者信息 60
3.4.2 添加網頁關鍵字 61
實戰16+視頻:為網頁設定關鍵字 61
3.4.3 添加網頁說明 62
實戰17+視頻:為網頁設定說明 62
3.4.4 添加網頁刷新 63
實戰18+視頻:實現網頁的自動刷新 64
3.5 網頁整體屬性設定 65
3.5.1 “外觀(CSS)”與“外觀(HTML)”選項 65
實戰19+視頻:製作網站歡迎頁面 66
3.5.2 “連結(CSS)”選項 67
實戰20+視頻:美化網頁中的超連結 67
3.5.3 “標題(CSS)”選項 69
實戰21+視頻:設定網頁中的標題文字 69
3.5.4 “標題/編碼”選項 71
實戰22+視頻:設定網頁標題 71
3.5.5 “跟蹤圖像”選項 72
實戰23+視頻:設定網頁輔助圖像 73
3.6 本章小結 74
第4章 製作圖文基礎網頁 75
4.1 在網頁中輸入文本 75
4.1.1 輸入文本 75
實戰24+視頻:製作文本頁面 75
4.1.2 設定文本屬性 76
實戰25+視頻:為網頁中的文本分行或分段 79
4.2 在網頁中實現特殊文本效果 80
4.2.1 項目列表 80
實戰26+視頻:製作新聞欄目 81
4.2.2 編號列表 82
實戰27+視頻:製作音樂排行 83
4.2.3 特殊字元 84
實戰28+視頻:插入特殊字元 85
4.2.4 水平線 86
實戰29+視頻:插入水平線 86
4.2.5 時間和注釋 87
實戰30+視頻:插入時間和注釋 88
4.2.6 滾動文本 90
實戰31+視頻:製作網站滾動公告 90
4.3 在網頁中插入圖像 92
4.3.1 了解網頁中常用圖像格式 92
實戰32+視頻:製作圖像頁面 94
4.3.2 設定圖像屬性 95
實戰33+視頻:編輯網頁圖像 97
4.4 在網頁中插入其他圖像元素 99
4.4.1 圖像占位符 99
實戰34+視頻:插入圖像占位符 99
4.4.2 滑鼠經過圖像 101
實戰35+視頻:製作網站導航欄 101
4.5 本章小結 102
第5章 製作多媒體網頁 103
5.1 在網頁中插入動畫 103
5.1.1 在網頁中插入Flash動畫 103
實戰36+視頻:製作Flash歡迎頁面 104
5.1.2 設定SWF動畫屬性 106
實戰37+視頻:插入Shockwave動畫 107
5.2 在網頁中插入聲音與視頻 109
5.2.1 網頁支持的音頻格式 109
實戰38+視頻:為網頁添加背景音樂 109
5.2.2 使用外掛程式實現嵌入的音頻 110
實戰39+視頻:在網頁中嵌入音頻 111
5.2.3 網頁支持的視頻格式 113
實戰40+視頻:實現網頁中視頻播放 113
5.2.4 “插入FLV”對話框 115
實戰41+視頻:在網頁中插入FLV視頻 115
5.3 在網頁中實現其他多媒體效果 117
5.3.1 插入Applet小程式 117
實戰42+視頻:實現網頁特效 117
5.3.2 插入ActiveX控制項 119
5.4 本章小結 121
第6章 使用CSS樣式控制頁面元素 122
6.1 套用CSS樣式 122
6.1.1 CSS樣式的優勢 122
實戰43+視頻:內聯CSS樣式 123
6.1.2 CSS樣式的不足 124
實戰44+視頻:內部CSS樣式 124
6.1.3 CSS樣式的基本語法 126
實戰45+視頻:連結與導入CSS樣式 126
6.2 CSS樣式的類型 129
6.2.1 標籤CSS樣式 130
實戰46+視頻:創建標籤CSS樣式 130
6.2.2 類CSS樣式 132
實戰47+視頻:創建類CSS樣式 132
6.2.3 ID CSS樣式 134
實戰48+視頻:創建ID CSS樣式 134
6.2.4 複合CSS樣式 136
實戰49+視頻:創建複合CSS樣式 136
6.3 使用“CSS規則定義”對話框 137
6.3.1 文本樣式選項 137
實戰50+視頻:設定網頁文本樣式 138
6.3.2 背景樣式選項 140
實戰51+視頻:設定網頁背景樣式 140
6.3.3 區塊樣式選項 141
實戰52+視頻:設定網頁區塊樣式 142
6.3.4 方框樣式選項 144
實戰53+視頻:設定網頁方框樣式 145
6.3.5 框線樣式選項 146
實戰54+視頻:設定網頁框線樣式 146
6.3.6 列表樣式選項 147
實戰55+視頻:設定網頁列表樣式 148
6.3.7 定位樣式選項 150
實戰56+視頻:設定網頁定位樣式 150
6.3.8 擴展樣式選項 153
實戰57+視頻:設定網頁擴展樣式 153
6.3.9 過渡樣式選項 155
6.4 CSS樣式的特殊套用 155
6.4.1 CSS類選區 155
實戰58+視頻:套用CSS類選區 155
6.4.2 Web字型 157
實戰59+視頻:在網頁中實現特殊字型 157
6.5 CSS 3 實用屬性 160
6.5.1 border—radius屬性 160
實戰60+視頻:在網頁中實現圓角框線 160
6.5.2 box—shadow屬性 162
實戰61+視頻:為網頁元素添加陰影效果 162
6.5.3 Opacity屬性 163
實戰62+視頻:實現網頁元素半透明效果 163
6.5.4 column屬性 164
實戰63+視頻:在網頁中實現文本分欄顯示 165
6.6 本章小結 166
第7章 製作表單網頁 167
7.1 常用表單元素 167
7.1.1 認識表單元素 167
7.1.2 表單域 169
實戰64+視頻:插入表單域 170
7.1.3 文本欄位 171
實戰65+視頻:插入文本欄位 172
7.1.4 圖像域 174
實戰66+視頻:插入圖像域 174
7.1.5 選擇(列表/選單) 176
實戰67+視頻:製作搜尋欄 176
7.1.6 單選按鈕與單選按鈕組 179
實戰68+視頻:製作網站投票 180
7.1.7 複選框與複選框組 181
實戰69+視頻:製作網站調查 182
7.2 其他表單元素 184
7.2.1 跳轉選單 184
實戰70+視頻:製作友情連結欄目 185
7.2.2 檔案域 187
實戰71+視頻:製作上傳照片 187
7.2.3 隱藏域與按鈕 188
實戰72+視頻:製作用戶註冊頁面 189
7.3 Spry 驗證表單 195
7.3.1 Spry 驗證文本域 195
7.3.2 Spry 驗證密碼域 196
實戰73+視頻:使用Spry驗證用戶登錄 197
7.3.3 其他Spry驗證選項 199
7.4 本章小結 199
第8章 製作框架頁面 200
8.1 框架頁面的製作 200
8.1.1 創建框架和框架集 200
實戰74+視頻:使用預設創建框架集 200
8.1.2 保存框架和框架集 202
實戰75+視頻:保存框架集和框架頁面 202
8.1.3 設定框架屬性 204
實戰76+視頻:製作框架頁面 205
8.2 IFrame框架 210
8.2.1 在網頁中插入IFrame框架 210
實戰77+視頻:創建IFrame框架頁面 211
8.2.2 設定IFrame框架連結 212
實戰78+視頻:完成IFrame框架頁面製作 212
8.3 本章小結 213
第9章 創建網頁連結 214
9.1 創建網頁中的基礎連結 214
9.1.1 相對路徑 214
實戰79+視頻:創建內部連結 215
9.1.2 絕對路徑與根路徑 216
實戰80+視頻:創建URL絕對地址連結 217
9.1.3 超級連結對話框 218
實戰81+視頻:創建圖像連結 219
9.2 網頁中特殊連結的創建 220
9.2.1 空連結與下載連結 220
實戰82+視頻:為網站的內容創建空連結和下載連結 220
9.2.2 腳本連結 222
實戰83+視頻:創建腳本連結 222
9.2.3 錨記連結 223
實戰84+視頻:創建錨記連結 223
9.2.4 E—mail 連結 225
實戰85+視頻:創建E—mail 連結 225
9.2.5 熱點連結 227
實戰86+視頻:創建熱點連結 227
9.3 本章小結 229
第10章 使用模板和庫提高網頁製作效率 230
10.1 創建模板 230
10.1.13種創建模板頁面的方法 230
實戰87+視頻:創建模板頁面 231
10.1.2 “另外儲存模板”對話框 233
10.1.3 可編輯區域 233
實戰88+視頻:在模板頁面中創建可編輯區域 233
10.1.4 可選區域 235
實戰89+視頻:在模板頁面中創建可選區域 236
10.1.5 可編輯可選區域 237
實戰90+視頻:在模板頁面中創建可編輯可選區域 237
10.1.6 重複區域 238
10.2 套用模板 238
10.2.1 新建基於模板頁面 238
實戰91+視頻:創建基於模板的頁面 238
10.2.2 更新模板 241
10.3 創建與套用庫項目 242
10.3.1 創建庫項目 242
實戰92+視頻:將網站導航選單創建為庫項目 242
10.3.2 套用庫項目 245
實戰93+視頻:套用網站版底庫項目 245
10.3.3 編輯庫項目 247
實戰94+視頻:自動更新網站導航 247
10.4 本章小結 248
第11章 表格與Spry特效的套用 249
11.1 表格的基本操作 249
11.1.1 “表格”對話框 249
實戰95+視頻:插入表格 250
11.1.2 表格屬性 252
實戰96+視頻:選擇表格 253
11.1.3 單元格屬性 254
實戰97+視頻:選擇單元格 255
11.2 網頁中表格套用技巧 256
11.2.1 排序表格 256
實戰98+視頻:對網頁中的表格數據排序 257
11.2.2 導入表格數據 258
實戰99+視頻:將外部數據導入到網頁中 259
11.3 創建網頁常見Spry特效 260
11.3.1 Spry選單欄 260
實戰100+視頻:製作網站導航選單 261
11.3.2 Spry選項卡式面板 264
實戰101+視頻:製作網站新聞模組 265
11.3.3 Spry摺疊式面板 267
實戰102+視頻:製作可自由伸縮的新聞公告 268
11.3.4 Spry可摺疊 271
實戰103+視頻:製作可摺疊欄目 272
11.3.5 Spry工具提示 274
實戰104+視頻:製作商品展示頁面 275
11.4 本章小結 277
第12章 AP Div與行為在網頁中的套用 278
12.1 AP Div的基礎操作 278
12.1.1 “AP元素”面板 278
實戰105+視頻:使用AP Div排版 279
12.1.2 設定AP Div屬性 281
實戰106+視頻:使用AP Div溢出製作多行文本框 281
12.2 使用行為實現網頁特效 283
12.2.1 交換圖像 283
實戰107+視頻:製作翻轉圖像 283
12.2.2 彈出信息 285
實戰108+視頻:為網頁添加彈出信息 285
12.2.3 打開瀏覽器視窗 286
實戰109+視頻:為網頁添加彈出廣告 287
12.2.4 拖動AP元素 288
實戰110+視頻:實現網頁中可拖動元素 288
12.2.5 改變屬性 290
實戰111+視頻:在網頁中實現滑鼠互動 290
12.2.6 添加效果 291
實戰112+視頻:添加網頁過渡效果 292
12.2.7 顯示/隱藏元素 294
實戰113+視頻:控制網頁元素的顯示 294
12.2.8 檢查外掛程式 296
實戰114+視頻:判斷瀏覽器外掛程式 296
12.2.9 檢查表單 298
實戰115+視頻:使用行為實現表單驗證 298
12.2.10 設定文本 300
實戰116+視頻:添加瀏覽器狀態欄文本 300
12.2.11 調用JavaScript 301
實戰117+視頻:實現JavaScript特效 302
12.2.12 轉到URL 303
實戰118+視頻:網頁跳轉 303
12.3 本章小結 304
第13章 測試與上傳網站 305
13.1 測試網站頁面 305
13.1.1 瀏覽器兼容性 305
實戰119+視頻:檢查網頁在不同瀏覽器中的兼容性 306
13.1.2 連結檢查 307
實戰120+視頻:檢查網頁中的連結 307
13.1.3 W3C驗證 308
實戰121+視頻:驗證網頁是否符合W3C規範 308
13.2 上傳網站頁面 310
13.2.1 申請域名和空間 310
實戰122+視頻:使用Dreamweaver上傳網站檔案 311
13.2.2 網站維護 314
實戰123+視頻:使用其他工具上傳網站檔案 314
13.3 本章小結 316
第14章 製作兒童類網站頁面 317
14.1 設計分析 317
14.1 設計分析 317
14.2 色彩分析 317
14.3 製作步驟 317
14.4 本章小結 326
第15章 製作遊戲類網站頁面 327
15.1 設計分析 327
15.2 色彩分析 327
15.3 製作步驟 327
15.4 本章小結 334
序言
作為業界領先的網頁製作軟體,無論在國內還是國外,Dreamweaver都深受廣大網頁設計者的青睞,Dreamweaver是一款對Web站點、Web網頁和Web應用程式進行設計、編碼和開發的專業編輯軟體。目前,Dreamweaver CS6是該軟體的最新版本,它是一個集網頁創作與站點管理兩大利器於一身的重量級創作軟體,本書基於該軟體編寫,與前幾個版本相比,該版本界面更加簡單,操作更加人性化,而且支持目前各種主流的動態網站的開發語言。
本書內容
本書每章都採用了知識點與實例相結合的講解方式,其詳細的講解步驟配合圖示,使每個步驟都清晰易懂,一目了然。全書分為15章對內容進行講解,為讀者儘可能全面地詮釋每一個知識點。各章的主要內容如下。
第1章 Dreamweaver CS6入門,主要介紹了網頁設計的基礎知識和設計網頁的技巧,全新版本的Dreamweaver的基礎操作、新增功能,以及安裝和卸載該軟體的方法。
第2章 創建站點,主要介紹了在Dreamweaver CS6中站點的創建和管理方法,以及站點的一些基本操作知識和技巧。
第3章 Dreamweaver CS6中的原始碼與網頁基礎設定,介紹了關於HTML的相關基礎知識,同時介紹了如何設定頭信息,以及網頁整體屬性設定的操作及技巧。
第4章 製作圖文基礎網頁,詳細介紹了網頁中文字、圖像和其他圖像元素的處理方法,結合實戰練習的操作,使讀者更容易理解和套用。
第5章 製作多媒體網頁,主要介紹網頁中插入Flash和其他多媒體的方法,在Dreamweaver CS6中如何插入多媒體,其中包括插入Flash、聲音、視頻、JavaApplet和Activex控制項等。
第6章 使用CSS樣式控制頁面元素,主要介紹CSS樣式的相關知識,其中包括認識、創建和編碼CSS樣式,以及CSS 3的新增屬性。
第7章 製作表單網頁,介紹了Dreamweaver CS6中各個表單元素的使用方法和在網頁上實現的效果,通過實際的操作練習,可以掌握網頁中常見表單的製作。
第8章 製作框架頁面,詳細介紹了框架頁面的相關知識,其中包括框架頁面的製作,IFrame框架等相關操作。
第9章 設定網頁連結,介紹了不同類型的連結的創建方法,通過實戰練習的製作,可以掌握網頁中各種頁面連結的設定。
第10章 使用模板和庫提高網頁製作效率,主要講述了在Dreamweaver CS6中模板和庫的創建和套用。
第11章 表格與Spry特效的套用,首先介紹了網頁中表格的基本操作和套用技巧,然後重點講解了Spry構件的套用,其中包括Spry選單欄、Spry選項卡面板等構件。
第12章 AP Div與行為在網頁中的套用,簡單地介紹了如何使用AP Div進行排版,還介紹了網頁中各種行為效果的套用方法。
第13章 測試與上傳網站,介紹了關於網站製作完成後的上傳與維護操作,包括網站的測試、站點上傳和維護。
第14章 製作兒童類網站頁面,本章通過設計分析、色彩分析和製作步驟,全面介紹兒童類網站的製作方法及流程。
第15章 製作遊戲類網站頁面,本章綜合運用和鞏固前面所學的知識,讓大家能夠將所學的知識運用到實戰中。
本書特點
全書內容豐富、結果清晰,通過知識點與實戰的結合,為廣大讀者全面、系統地介紹了使用Dreamweaver CS6設計和製作網頁的方法及技巧。
實例經典,上手快速,語言通俗易懂,講解清晰,除了圖書配合多媒體教學講解外,對書中的配圖也做了詳細、清晰的標註,每步一圖,讓讀者學習起來更加輕鬆,閱讀更加容易。
本書主要從初學者角度入手,由淺入深、循序漸進地講解了使用Dreamweaver CS6設計和製作網頁的使用技法。
本書由具有豐富教學經驗的設計師編寫,在每一個實例後面都有相關的提問及解答,這些都是作者從日常工作中精心提煉處理的實戰套用技巧,讓讀者在學習中少走彎路。
本書配套的多媒體教學光碟中提供了書中所有實戰的相關視頻教程,以及所有實例的源檔案及素材,方便讀者製作出和本書實戰一樣精美的效果。
本書作者
本書由張國勇編著,另外參與編寫的還有解曉麗、孫慧、程雪翩、王媛媛、胡丹丹、劉明秀、陳燕、王素梅、楊越、王巍、王狀、趙建新、趙為娟、邢燕玲、賀春香等人。本書在寫作過程中力求嚴謹,由於水平有限,難免有錯誤和疏漏之處,希望廣大讀者朋友批評指正。
編 者