內容簡介
《dreamweaver cs5完全實用手冊》從實用的角度出發,全面闡述了dreamweaver cs5的使用方法及網頁的製作技巧。全書包括開啟實踐之路、掌握實踐本領、豐富實踐手段、動態網頁設計、網站的發布與推廣、綜合實踐案例等部分,每一章都配有精美的範例,培養讀者的實際動手能力。 配書光碟中含有書中的實例檔案,內容豐富精彩,重點的實際操作均錄製為多媒體檔案,讀者可以像看電影一樣觀看學習,輕鬆上手、舉一反三。
《dreamweaver cs5完全實用手冊》適合以下讀者對象:網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員、個人網站製作愛好者、dreamweaver自學者。
目錄
《dreamweaver cs5完全實用手冊》
第1篇 開啟實踐之路
網頁設計與製作基礎
1.1 網頁的基本概念 3
1.1.1 什麼是網頁 3
1.1.2 什麼是網站 4
1.1.3 什麼是靜態網頁 5
1.1.4 什麼是動態網頁 5
1.2 網頁的基本構成元素 6
1.3 網頁製作常用軟體和技術 9
1.3.1 網頁編輯排版軟體dreamweaver cs5 9
1.3.2 網頁圖像製作軟體photoshop cs5和fireworks cs5 10
1.3.3 網頁動畫製作軟體flash cs5 11
1.3.4 超文本標記語言html 11
1.3.5 網頁腳本語言javascript 11
1.3.6 動態網頁程式語言asp 12
1.4 網頁色彩搭配知識 12
1.4.1 網頁色彩基礎知識 12
1.4.2 各種色彩分析 13
1.5 網站建設的基本流程 15
.1.5.1 網站的需求分析 15
1.5.2 規劃站點結構 16
1.5.3 收集資源 16
1.5.4 設計網頁圖像 17
1.5.5 製作網頁 17
1.5.6 開發動態網站模組 18
1.5.7 申請域名和伺服器空間 19
1.5.8 網站的測試與發布 19
1.5.9 網站的維護與推廣 19
1.6 本章小結 20
認識dreamweaver cs5
2.1 dreamweaver cs5操作環境 22
2.1.1 選單欄 22
2.1.2 屬性面板 23
2.1.3 插入欄 24
2.1.4 浮動面板 24
2.2 體驗dreamweaver cs5的新增功能 25
2.2.1 集成cms支持 25
2.2.2 css檢查 25
2.2.3 與adobe browserlab集成 26
2.2.4 php自定義類代碼提示 26
2.3 創建站點 27
2.3.1 上機練習——使用嚮導搭建站點 27
2.3.2 上機練習——站點高級設定 29
2.4 站點管理 32
2.5 實例精講——創建簡單的網頁 34
2.6 本章小結 39
第2篇 掌握實踐本領
在網頁中使用文本
3.1 輸入文字 43
3.2 設定文本格式 45
3.2.1 改變字型 45
3.2.2 設定文字大小 46
3.3 插入其他文本元素 46
3.3.1 上機練習——插入特殊字元 46
3.3.2 上機練習——插入水平線 48
3.3.3 上機練習——插入日期和時間 50
3.3.4 插入注釋 52
3.4 列表的設定 52
3.4.1 項目列表 53
3.4.2 編號列表 54
3.5 使用標尺和格線 54
3.5.1 標尺 54
3.5.2 格線 55
3.6 文字與段落的html標記 57
3.6.1 使用文字標記 57
3.6.2 使用段落標記 58
3.6.3 使用列表標記 59
3.7 實例精講——創建文本網頁實例 60
3.8 本章小結 63
利用圖像美化網頁
4.1 網頁中常用的圖像格式 65
4.1.1 gif格式 65
4.1.2 jpeg格式 66
4.1.3 png格式 66
4.2 在網頁中插入圖像 66
4.3 設定圖像屬性 68
4.3.1 設定圖像對齊方式 69
4.3.2 調整圖像大小和邊距 71
4.3.3 設定圖像框線 71
4.4 在網頁中簡單編輯圖像 71
4.4.1 打開adobe photoshop編輯圖像 72
4.4.2 圖像設定 73
4.4.3 裁剪圖像 74
4.4.4 重新取樣圖像 75
4.4.5 調整圖像亮度和對比度 75
4.4.6 銳化圖像 76
4.5 插入其他圖像元素 77
4.5.1 插入圖像占位符 78
4.5.2 插入滑鼠經過圖像 79
4.6 圖像標記 82
4.6.1 圖像寬度和高度屬性width與height 83
4.6.2 圖像框線寬度屬性border 84
4.7 實例精講 84
實例1——創建圖文混排網頁 85
實例2——創建翻轉圖像的導航條 87
4.8 本章小結 91
創建網頁超連結
5.1 超連結基礎知識 93
5.1.1 超連結的基本概念 93
5.1.2 兩種常見的連結路徑 94
5.2 創建超連結 94
5.2.1 創建電子郵件連結 94
5.2.2 創建錨點連結 96
5.2.3 創建腳本連結 102
5.2.4 創建檔案下載連結 103
5.2.5 創建圖像熱點連結 106
5.2.6 創建空連結 108
5.3 管理超連結 108
5.3.1 檢查站點連結 109
5.3.2 更改站點連結 110
5.4 在html代碼中編輯超連結 110
5.5 實例精講——創建錨點連結網頁 111
5.6 本章小結 115
利用表格排版頁面
6.1 插入表格 117
6.1.1 上機練習——插入表格 117
6.1.2 添加內容到單元格 119
6.2 編輯表格 119
6.2.1 選擇表格及其元素 120
6.2.2 調整表格和單元格的大小 124
6.2.3 添加、刪除行或列 126
6.2.4 拆分單元格 127
6.2.5 合併單元格 128
6.2.6 剪下、複製和貼上表格 129
6.3 設定表格屬性 130
6.3.1 設定整個表格的屬性 130
6.3.2 設定行、列和單元格屬性 131
6.4 排序以及整理表格和單元格內容 131
6.4.1 上機練習——導入表格數據 132
6.4.2 上機練習——排序表格 134
6.5 在html代碼中插入表格 136
6.5.1 表格的基本標記 137
6.5.2 設定表格的框線 137
6.5.3 設定表格的高度和寬度 139
6.5.4 設定表格的相關顏色 140
6.6 實例精講 141
實例1——製作細線表格 141
實例2——製作圓角表格 145
6.7 本章小結 148
第3篇 豐富實踐手段
創建豐富多彩的多媒體頁面
7.1 插入swf動畫 151
7.2 插入shockwave動畫 154
7.3 插入聲音 155
7.3.1 關於音頻檔案格式 156
7.3.2 上機練習——添加背景音樂 156
7.4 插入視頻 159
7.4.1 視頻檔案的格式 159
7.4.2 上機練習——在網頁中插入視頻檔案 160
7.5 插入其他多媒體 162
7.5.1 上機練習——插入java小程式 162
7.5.2 插入activex控制項 165
7.5.3 插入參數 166
7.5.4 上機練習——插入滾動字幕 166
7.6 在html代碼中插入多媒體 168
7.6.1 設定背景音樂 168
7.6.2 插入多媒體檔案 169
7.7 實例精講 170
實例1——插入flash動畫 170
實例2——製作水中倒影特效 172
7.8 本章小結 174
套用css樣式表美化網頁
8.1 了解css樣式表 176
8.2 css基本語法 177
8.3 設定css屬性 178
8.3.1 定義css類型屬性 178
8.3.2 定義css背景屬性 179
8.3.3 定義css塊屬性 179
8.3.4 定義css方框屬性 180
8.3.5 定義css框線屬性 181
8.3.6 定義css列表屬性 181
8.3.7 定義css定位屬性 182
8.3.8 定義css擴展屬性 183
8.4 連結到外部css樣式表 183
8.4.1 上機練習——創建內部樣式表 184
8.4.2 上機練習——創建外部樣式表 186
8.4.3 上機練習——連結外部樣式表 187
8.5 實例精講 189
實例1——套用css樣式定義字型大小 189
實例2——套用css樣式製作陰影文字 191
8.6 本章小結 193
使用css+div布局頁面
9.1 css布局基礎 195
9.1.1 什麼是web標準 195
9.1.2 css+div布局的優勢 196
9.2 關於ap div 197
9.2.1 “ap元素”面板 197
9.2.2 創建普通ap div 198
9.2.3 創建嵌套ap div 199
9.3 設定ap div的屬性 199
9.3.1 設定ap div的顯示/隱藏屬性 199
9.3.2 改變ap div的堆疊順序 200
9.3.3 為ap div添加滾動條 201
9.3.4 改變ap div的可見性 202
9.4 css定位與div布局 202
9.4.1 盒子模型 202
9.4.2 元素的定位 203
9.5 css+div布局理念 207
9.5.1 使用div對頁面進行整體規劃 207
9.5.2 設計各塊的位置 208
9.5.3 使用css定位 208
9.6 實例精講——使用css+div布局網頁 210
9.7 本章小結 215
使用框架靈活布局網頁
10.1 創建基本框架網頁 217
10.1.1 創建框架集 217
10.1.2 保存框架 218
10.2 選擇框架和框架集 220
10.2.1 “框架”面板 221
10.2.2 在“框架”面板中選擇框架或框架集 221
10.2.3 在文檔視窗中選擇框架或框架集 222
10.3 編輯框架 223
10.3.1 拆分框架 223
10.3.2 刪除框架 224
10.3.3 框架連結 226
10.4 設定框架和框架集屬性 227
10.4.1 框架屬性及其設定方法 227
10.4.2 框架集屬性及其設定方法 228
10.5 在html代碼中創建框架 228
10.5.1 [frameset]標記 228
10.5.2 框架名稱屬性name 229
10.5.3 使用src屬性 230
10.6 實例精講 231
10.6.1 創建完整的框架網頁 231
10.6.2 創建浮動框架網頁 242
10.7 本章小結 245
利用庫和模板創建網頁
11.1 模板的概念 247
11.2 創建模板 248
11.2.1 上機練習——從空白文檔創建模板 248
11.2.2 上機練習——將已有文檔轉換成模板 249
11.2.3 上機練習——創建可編輯區域 251
11.3 模板的使用 252
11.3.1 上機練習——套用模板 252
11.3.2 上機練習——更新模板 256
11.4 管理模板 258
11.4.1 重命名模板 259
11.4.2 刪除模板 259
11.5 套用庫元素 260
11.5.1 上機練習——創建庫項目 260
11.5.2 設定庫項目屬性 263
11.5.3 編輯庫項目和更新站點 264
11.6 實例精講 266
實例1——創建模板網頁 266
實例2——利用模板創建網頁 278
11.7 本章小結 283
使用行為和javascript創建特效網頁
12.1 行為概述 285
12.1.1 使用“行為”面板 285
12.1.2 關於事件 286
12.2 使用dreamweaver內置行為 287
12.2.1 交換圖像 287
12.2.2 恢復交換圖像 288
12.2.3 打開瀏覽器視窗 289
12.2.4 調用javascript 291
12.2.5 改變屬性 292
12.2.6 拖動ap元素 293
12.2.7 轉到url 295
12.2.8 彈出信息 297
12.2.9 預先載入圖像 298
12.2.10 設定狀態欄文本 299
12.2.11 跳轉選單 300
12.2.12 顯示或隱藏元素 301
12.2.13 檢查表單 305
12.2.14 增大/收縮 307
12.2.15 擠壓 308
12.3 使用javascript 310
12.3.1 上機練習——利用javascript函式實現列印功能 310
12.3.2 上機練習——利用javascript函式實現關閉視窗功能 311
12.4 本章小結 313
第4篇 動態網頁設計
使用表單創建互動式網頁
13.1 創建和使用表單 317
13.1.1 創建表單 317
13.1.2 設定表單可見屬性 319
13.2 創建文本域 320
13.2.1 單行文本域和密碼域 321
13.2.2 多行文本域 323
13.3 創建單選按鈕和複選框 325
13.3.1 單選按鈕和單選按鈕組 325
13.3.2 複選框 328
13.4 創建列表和選單 330
13.5 創建跳轉選單 331
13.6 創建檔案域和圖像域 332
13.6.1 創建檔案域 333
13.6.2 創建圖像域 334
13.7 創建隱藏域和按鈕 335
13.7.1 插入隱藏域 335
13.7.2 插入按鈕 336
13.8 在html代碼中插入表單 337
13.8.1 表單標記 337
13.8.2 表單名稱屬性name 338
13.9 實例精講——創建電子郵件表單 339
13.10 本章小結 345
動態資料庫網站開發基礎
14.1 動態網頁的特點和製作流程 347
14.1.1 動態網頁的特點 348
14.1.2 動態網頁的製作流程 349
14.2 搭建本地伺服器 349
14.2.1 安裝iis 350
14.2.2 配置web伺服器 351
14.3 創建資料庫連線 352
14.3.1 創建odbc連線 352
14.3.2 使用dsn創建ado連線 353
14.4 編輯數據表記錄 355
14.4.1 創建記錄集(查詢) 355
14.4.2 插入記錄 356
14.4.3 更新記錄 357
14.4.4 刪除記錄 358
14.5 添加伺服器行為 359
14.5.1 重複區域 359
14.5.2 顯示區域 360
14.5.3 記錄集分頁 360
14.5.4 轉到詳細頁面 361
14.5.5 轉到相關頁面 362
14.5.6 用戶身份驗證 363
14.6 實例精講——創建留言系統 365
14.6.1 資料庫設計 365
14.6.2 創建資料庫連線 366
14.6.3 製作留言列表頁面 367
14.6.4 製作留言詳細信息頁面 373
14.6.5 製作發表留言頁面 376
14.7 本章小結 380
第5篇 網站的發布與推廣
網站的上傳
15.1 上傳網站前的準備工作 383
15.1.1 註冊域名 383
15.1.2 申請空間 384
15.2 網站的測試 386
15.2.1 報告 386
15.2.2 檢查站點範圍的連結 386
15.2.3 改變站點範圍的連結 387
15.2.4 查找和替換 387
15.2.5 清理文檔html/xhtml 389
15.3 網站上傳 390
15.4 本章小結 392
網站的運營維護與推廣
16.1 網站運營的工作內容 394
16.2 網站運營的關鍵問題 395
16.3 網站的日常維護與管理 396
16.4 網站的推廣 397
16.4.1 註冊到搜尋引擎 397
16.4.2 電子郵件推廣 398
16.4.3 登錄導航網站 399
16.4.4 商業資源合作推廣 400
16.4.5 通過聊天互動式工具推廣 400
16.4.6 通過互換友情連結推廣 401
16.4.7 論壇宣傳 402
16.4.8 軟文推廣 403
16.4.9 投放網路廣告 404
16.5 本章小結 404
第6篇 綜合實踐案例
設計富有個性的個人部落格網站
17.1 部落格網站設計概述 407
17.1.1 部落格網站的類型 407
17.1.2 部落格的特點 410
17.2 部落格網站色彩搭配 410
17.3 主要頁面 411
17.4 製作網站頁面 411
17.4.1 製作頂部檔案 411
17.4.2 製作導航欄 416
17.4.3 製作網站內容頁面 419
17.4.4 製作底部版權資訊 425
17.5 給主頁添加特效 427
17.6 本章小結 428
製作企業宣傳網站
18.1 企業網站概述 430
18.2 企業網站主要功能欄目 431
18.3 設計網站首頁 433
18.3.1 製作頂部檔案 433
18.3.2 製作訂房查詢頁面 441
18.3.3 製作網站內容頁面 446
18.3.4 製作著作權頁面 450
18.3.5 切割網站首頁 451
18.4 製作模板 453
18.4.1 模板製作方法 453
18.4.2 利用模板製作二級頁面 463
18.5 為主頁添加特效 465
18.6 本章小結 467
設計網上購物網站
19.1 購物網站概述 469
19.2 購物網站特點分析 471
19.3 主要功能和欄目 472
19.4 創建資料庫表 476
19.5 創建資料庫連線 478
19.6 製作購物系統前台頁面 479
19.6.1 製作商品分類展示頁面 479
19.6.2 製作商品詳細信息頁面 485
19.7 製作購物系統後台管理 487
19.7.1 製作後台管理員登錄頁面 488
19.7.2 製作添加商品頁面 492
19.7.3 製作添加商品分類頁面 495
19.7.4 製作商品管理頁面 499
19.7.5 製作修改頁面 505
19.7.6 製作刪除頁面 507
19.8 本章小結 511
內容
網站規劃是網站開發必不可少的重要一環,直接關係到整個網站的整體風格、布局結構等,規劃的內容包括顏色風格傾向、網站欄目設定、結構布局及功能實現等。如果是公司網站或商業網站,還需要進行網站客戶分析、目標定位、行銷方案、網站品牌規劃、軟硬體配置及資料庫開發方案的規劃;如果是電子商務網站,還需要做電子商務方案分析與確定。
目前大多數網站缺乏靈魂,主旨鬆散、混亂,原因就在於缺乏策劃。在建立自己的企業站點時,網站策劃需要貫穿於網站建設的全過程,是網站建設最重要的環節,也是最容易被企業忽視的環節。
規劃一個網站,可以使用樹狀結構,先把每個頁面的內容大綱列出來(尤其當要製作一個很大的網站(有很多頁面)時,特別需要把這個架構規劃好),同時,也要考慮到以後可能的擴展性,免得做好以後,又要一改再改,費時費力。
大綱列出來後,還必須考慮每個頁面之間的連結關係,是星形、樹形還是網形連結,這也是判別一個網站優劣的重要標誌。連結混亂、層次不清的站點會導致瀏覽困難,影響內容的發揮。
收集資源
首先要創建一個新的總目錄(資料夾),比如“D:\我的網站”,來放置建立網站的所有檔案,然後,在這個目錄下建立兩個子資料夾“文字資料”和“圖片資料”。放人目錄中的檔案名稱最好全部使用英文小寫,因為有些主機不支持大寫和中文,以後增加的內容可再創建子目錄。
1.文本內容素材的收集
具體的文本內容,可以讓訪問者清楚地明白設計者的Web頁面中想要說明的內容。我們可以從網路、書本、報刊上找到需要的文字材料,也可以使用平時的試卷和複習資料,還可以自己編寫有關的文字材料,將這些素材製作成Word文檔保存在“文字資料”子資料夾下。收集的文本素材既要豐富,又要便於有機地組織,這樣才能做出內容豐富、整體性強的網站。
2.藝術內容素材的收集
只有文本內容的網站對於訪問者來講,是枯燥乏味、缺乏生機的。如果加上藝術內容素材,如靜態圖片、動態圖像、音像等,會使網頁充滿動感與生機,會吸引更多的訪問者。這些素材主要可以從下面4個方面獲得:從Intemet上獲取。可以充分利用網上的免費共享資源,可使用Yahoo、Sohu等引擎收集
圖片素材。