內容簡介
《Dreamweaver CS6**網頁製作——基礎、實例與技巧從入門到精通》全面、翔實地介紹了使用Dreamweaver CS6進行網頁製作和網站建設的各方面知識。全書分為5篇,共19章,以“預備知識篇→靜態網頁製作篇→動態網頁製作篇→網站建設篇→綜合案例篇”為線索具體展開,其中不僅包括網頁設計的基本內容,如網頁、網站常用名詞術語,網頁色彩知識和布局知識等;還包括常見靜態網頁與動態網頁製作的詳細方法和步驟;最後通過3個綜合案例——個人網站、企業宣傳網站和時尚購物網站,幫助讀者邊學、邊用、邊練,進而輕鬆、快速地製作出符合要求的各類網站。
《Dreamweaver CS6**網頁製作——基礎、實例與技巧從入門到精通》的特點是內容由淺入深、實例難度由低到高,並且每一章的最後均給出了大量作者精心整理的“技巧與問答”,旨在幫助讀者融會貫通所學知識,以便最終步入網頁製作高手的行列。
《Dreamweaver CS6**網頁製作——基礎、實例與技巧從入門到精通》語言簡潔,內容豐富,適合網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員和個人網站愛好者閱讀。
圖書目錄
第 一部分 預備知識篇
第 1章 網頁設計基礎 3
1.1 網頁基本知識 3
1.1.1 什麼是Internet 3
1.1.2 什麼是網站 4
1.1.4 什麼是靜態網頁 4
1.1.5 什麼是動態網頁 4
1.2 網頁的基本構成元素 5
1.2.1 網站LOGO 5
1.2.2 網站Banner 5
1.2.3 導航欄 6
1.2.4 文本 6
1.2.5 圖像 6
1.2.6 Flash動畫 7
1.3 常用網頁設計軟體 8
第 2章 網頁色彩知識 10
2.1 網頁配色基礎 10
2.2 色彩意象 12
2.3 網頁色彩搭配知識 15
2.3.1 網頁色彩搭配的技巧 16
2.3.2 網頁要素色彩的搭配 17
2.3.3 色彩的對比搭配 18
第3章 網頁的布局設計 20
3.1 網頁版面布局設計 20
3.1.1 網頁版面布局原則 20
3.1.2 點、線、面的構成 21
3.2 網頁布局方法 23
3.2.1 紙上布局法 23
3.2.2 軟體布局法 24
3.3 常見的版面布局形式 24
3.4 文字與版式設計 27
3.4.1 文字的字型、字號、行距 27
3.4.2 文字的顏色 28
3.4.3 文字的圖形化 29
3.5 圖像與版式設計 29
3.5.1 圖像的設計流程 30
3.5.2 網頁中套用圖像的要點 30
第 二部分 靜態網頁製作篇
第4章 基本文本網頁的創建 33
4.1 Dreamweaver CS6簡介 33
4.2 Dreamweaver CS6的操作界面 33
4.2.1 選單欄 34
4.2.2 常用插入欄 35
4.2.3 文檔視窗 35
4.2.4 【屬性】面板 36
4.2.5 浮動面板 36
4.3 創建站點 36
4.3.1 使用嚮導建立站點 36
4.3.2 使用**設定建立站點 38
4.4 添加文本 40
4.4.1 在網頁中添加文本 40
4.4.2 設定文本屬性 41
4.5 創建項目列表和編號列表 44
4.5.1 創建項目列表 44
4.5.2 創建編號列表 45
4.6 設定頭信息 45
4.6.1 設定標題 46
4.6.2 設定META 46
4.6.3 插入關鍵字 46
4.6.4 插入說明 47
4.6.5 插入刷新 47
4.7 實戰演練——創建基本文本網頁 47
4.8 技巧與問答 50
第 1問 為何無法在文字中輸入多個空格字元 50
第 2問 為什麼插入的水平線顏色無法修改 50
第3問 如何設定若干秒後自動轉向指定的網頁 52
第4問 如何在整個站點中查找與替換文字 53
第5問 如何在網頁中插入特殊符號 54
第6問 如何清除網頁中不必要的HTML代碼 54
第7問 如何在網頁中輸入上下標 55
第8問 為什麼讓一行字居中,其他行也居中 55
第9問 為什麼在Dreamweaver中按鍵換行時,與上一行的距離很大 55
第5章 圖像和多媒體的使用 56
5.1 網頁中圖像的使用常識 56
5.2 圖像的基本操作 57
5.2.1 在網頁中插入圖像 57
5.2.2 設定圖像屬性 58
5.2.3 裁剪圖像 60
5.2.4 調整圖像的亮度和對比度 61
5.2.5 銳化圖像 62
5.3 插入其他網頁圖像 62
5.3.1 背景圖像 62
5.5 插入視頻檔案 67
5.6 插入其他媒體對象 69
5.6.1 插入Shockwave影片 69
5.7 實戰演練 72
5.7.2 實例2——創建圖文混和網頁 74
5.8 技巧與問答 76
第 1問 如何給網頁圖像添加框線 77
第 2問 為什麼設定的背景圖像不顯示 77
第3問 如何製作當滑鼠移到圖片上時會自動出現該圖片的說明文字 77
第4問 如何調整圖片與文字的間距 77
第5問 如何把網頁中的Flash背景設定為透明 77
第6問 如何在網頁中插入背景音樂 79
第7問 如何讓網頁中的圖片出現不同程度的透明或漸變透明效果 84
第8問 如何製作圖像由透明到清楚,再由清楚到透明,這樣忽隱忽現的效果 85
第6章 使用表格排列網頁數據 88
6.1 插入表格 88
6.2 設定表格的各項屬性 90
6.2.1 設定表格的屬性 90
6.2.2 設定單元格屬性 91
6.3 選擇表格 91
6.3.1 選擇整個表格 92
6.3.2 選擇一個單元格 92
6.4 編輯表格和單元格 92
6.4.1 複製和貼上表格 93
6.4.2 添加行、列 93
6.4.3 刪除行、列 94
6.5 實戰演練——利用表格布局網頁 95
6.6 技巧與問答 100
第 1問 如何製作細線表格 100
第 2問 為何在Dreamweaver中把單元格寬度或高度設定為1沒有效果 103
第3問 如何製作圓角表格 103
第4問 如何實現當滑鼠移到某個單元格上時,該單元格自動變換背景色 107
第5問 如何將外部的數據導入到網頁中 109
第6問 如何給表格中的數據排序 111
第7問 怎樣使表格具有陰影特效 112
第8問 如何讓表格的框線具有不同顏色、不斷閃爍的效果 113
第9問 如何製作出具有立體感的表格 115
第7章 使用模板、庫和外掛程式 117
7.1 創建模板 117
7.1.1 直接創建模板 117
7.1.2 從現有文檔創建模板 118
7.2 創建可編輯區域 119
7.3 使用模板創建新網頁 120
7.4 創建與套用庫項目 124
7.4.1 創建庫項目 124
7.4.2 套用庫項目 128
7.5 安裝和套用第三方外掛程式 129
7.5.1 安裝外掛程式 129
7.5.2 套用外掛程式 130
7.6 實戰演練 132
7.6.1 實例1——創建模板 132
7.6.2 實例2——利用模板創建網頁 138
7.6.3 實例3——製作圖片漸顯效果外掛程式 141
7.7 技巧與問答 142
第 1問 什麼時候需要使用模板 142
第 2問 如何定義重複區域 142
第3問 如何定義重複表格 143
第4問 如何利用庫更新站點網頁 143
第5問 如何插入可選區域 143
第6問 如何將文檔從模板中分離 144
第7問 如何利用外掛程式製作網頁上的飄浮圖片 144
第8問 如何利用外掛程式實現在不同時刻顯示不同的問候語 145
第9問 利用外掛程式製作隨機顯示指定圖像列表中的圖像 147
第8章 表單的使用 149
8.1 插入表單 149
8.2 插入文本域 151
8.2.1 插入單行文本域 151
8.2.2 插入密碼域 153
8.2.3 插入多行文本域 155
8.3 複選框和單選按鈕 156
8.3.1 插入單選按鈕 157
8.3.2 插入複選框 159
8.4 插入列表和選單 160
8.5 插入按鈕 162
8.6 實戰演練——創建電子郵件反饋表單 164
8.7 技巧與問答 171
第 1問 如何顯示錶單中的紅色虛線框 171
第 2問 如何改變多行文本域中滾動條的顏色 171
第3問 如何實現複選框全選、全不選和反選效果 174
第4問 如何避免表單撐開表格 178
第5問 如何製作一個可以返回到上一頁的按鈕 178
第6問 如何禁止在文本框中輸入中文 180
第7問 如何限制在多行文本框中輸入的文字總數 181
第8問 訪問者填寫好表單並提交後,如何檢查各項數據的正確性 182
第9問 如何讓訪問者輸入正確的名稱和密碼才能進入網頁且不通過資料庫實現 183
第9章 超級連結的創建 185
9.1 超級連結的基本概念 185
9.2 創建連結的方法 185
9.3 實戰演練 187
9.3.1 實例1——創建外部連結 187
9.3.2 實例2——創建E-mail連結 188
9.3.3 實例3——創建錨點連結 189
9.3.4 實例4——創建圖像熱點連結 193
9.4 技巧與問答 196
第 1問 如何實現當滑鼠移到超級連結上時改變形狀 196
第 2問 如何實現滑鼠移動到滾動的文字上時,文字就停止滾動,再用滑鼠單擊文字並離開時又會繼續滾動 197
第3問 如何設定在任何情況下使所有連結文字都看不到其底線 198
第4問 內容很長的網頁,如何設定可以隨時跳回**前面 200
第5問 如何刪除圖片連結的藍色框線 201
第6問 如何設定單擊連結後打開的網頁顯示在新視窗中 203
第7問 如何創建下載檔案的連結 204
第8問 如何實現當滑鼠移到某個圖片上時會自動變換圖片,移開後又換回來 206
第9問 如何實現滑鼠移到某連結文字時,字會變大或改變顏色,移開後又恢復原狀 207
10.1 在HTML中引用樣式表的方法 209
10.2 設定CSS屬性 210
10.2.1 類型屬性 210
10.2.2 背景屬性 210
10.2.3 區塊屬性 211
10.2.4 方框屬性 212
10.2.5 框線屬性 212
10.2.6 列表屬性 213
10.2.7 定位屬性 213
10.2.8 擴展屬性 214
10.2.9 設定過渡樣式 214
10.3 連結到或導出外部CSS樣式表 214
10.3.1 創建外部樣式表 214
10.3.2 連結外部樣式表 216
10.4 實戰演練 217
10.4.1 實例1——套用
CSS樣式定義文本間行距 217
10.4.2 實例2——套用CSS樣式製作陰影文字 219
10.5 技巧與問答 221
第 1問 CSS的3種用法在一個網頁中可以混用嗎 221
第 2問 在CSS中出現“〈!--”和“--〉”可以刪除嗎 222
第3問 為何網頁中的文字在某些電腦上顯示正常,但在某些電腦上會變大或變小 222
第4問 如何利用CSS去掉連結文字下劃線 223
第5問 如何利用CSS設計水平線樣式 225
第7問 如何利用CSS改變滑鼠形狀 229
第8問 如何利用CSS實現背景變換的導航選單 231
第9問 如何利用CSS實現滾動條的彩色顯示 235
第 11章 CSS+Div靈活布局網頁 237
11.1 初識Div 237
11.1.1 Div概述 237
11.1.2 Div與Span的區別 238
11.1.3 Div與CSS布局優勢 239
11.2.1 盒子模型的概念 240
11.2.2 float定位 240
11.2.3 position定位 241
11.3 CSS布局理念 242
11.3.1 將頁面用Div分塊 242
11.3.2 設計各塊的位置 242
11.3.3 用CSS定位 243
11.4 常見的布局類型 244
11.4.1 列固定寬度 244
11.4.2 列自適應 245
11.4.3 兩列固定寬度 246
11.4.4 兩列寬度自適應 247
11.4.5 兩列右列寬度自適應 248
11.4.6 三列浮動中間寬度自適應 248
第 12章 利用行為和腳本製作動感特效網頁 250
12.1 行為的概述 250
12.2 行為的動作和事件 251
12.2.1 常見的動作類型 251
12.2.2 事件 252
12.3 使用Dreamweaver內置行為 252
12.3.1 交換圖像 253
12.3.2 彈出信息 255
12.3.3 打開瀏覽器視窗 257
12.3.4 轉到URL 259
12.3.5 預先載入圖像 261
12.3.6 設定容器中的文本 263
12.3.7 顯示-隱藏元素 265
12.3.8 檢查外掛程式 269
12.3.9 檢查表單 269
12.3.10 設定狀態欄文本 271
12.4 技巧與問答 273
第 1問 如何製作滾動公告 273
第 2問 如何製作自動關閉網頁 278
第3問 如何顯示當前日期和時間 280
第4問 如何將站點加入收藏夾 281
第5問 如何將站點設為首頁 282
第6問 如何實現定時關閉視窗 283
第7問 如何為頁面設定訪問口令 285
第三部分 動態網頁製作篇
第 13章 Dreamweaver CS6動態網頁設計基礎 289
13.1 HTML的基礎 289
13.1.1 HTML的基本概念 289
13.1.2 HTML的基本語法 290
13.2 在Dreamweaver CS6中編寫代碼 290
13.2.1 使用代碼提示 290
13.2.2 使用代碼片段 292
13.2.4 使用標籤編輯器編輯標籤 295
13.2.5 用標籤檢查器編輯標籤 295
13.3 建立資料庫連線 295
13.3.1 了解DSN 295
13.3.2 定義系統DSN 295
13.3.3 建立系統DSN連線 297
13.4 編輯數據表記錄 297
13.4.1 了解記錄集 297
13.4.2 創建記錄集 298
13.4.3 插入記錄 299
13.4.4 更新記錄 300
13.4.5 刪除記錄 300
13.5 增加伺服器行為 301
13.5.1 插入重複區域 301
13.5.2 插入顯示區域 302
13.5.3 記錄集分頁 302
13.5.4 轉到詳細頁面 303
13.5.5 轉到相關頁面 303
13.5.6 用戶身份驗證 304
13.6 實戰演練——創建留言系統 306
13.6.1 創建資料庫 306
13.6.2 設定數據源ODBC 307
13.6.3 定義資料庫連線 308
13.6.4 製作發布留言頁面 309
13.6.5 製作留言列表頁面 314
13.6.6 製作顯示留言頁面 321
13.7 系統測試 324
13.8 技巧與問答 325
第 1問 如何使用代碼提示插入滾動公告 325
第 2問 創建資料庫連線一定要在伺服器端設定DSN嗎 328
第3問 如何獲得更多的伺服器行為 329
第4問 如何編輯數據源 329
第5問 如何設定數據源的數據格式 329
第6問 如何使用動態表單 329
第 14章 設計典型動態網站模組 332
14.1 新聞發布系統 332
14.1.1 新聞發布系統分析 332
14.1.2 設計資料庫 333
14.1.3 創建資料庫連線 333
14.1.4 製作新聞列表頁面 335
14.1.5 製作新聞詳細顯示頁面 339
14.1.6 製作管理員登錄頁面 342
14.1.7 創建新聞列表管理頁面 347
14.1.8 製作新聞添加頁面 353
14.1.9 製作新聞修改頁面 357
14.1.10 製作新聞刪除頁面 359
14.1.11 系統測試 361
14.2 製作會員註冊登錄系統 364
14.2.2 製作註冊頁面zhc 366
14.2.3 製作註冊成功與失敗頁面 372
14.2.4 製作登錄頁面 373
14.2.5 製作登錄成功頁面 377
14.2.6 製作登錄失敗頁面 378
14.2.7 系統測試 379
14.3 技巧與問答 381
第 1問 如果ASP檔案有錯誤,IIS只會顯示“HTTP500錯誤”,但卻不顯示詳細的錯誤信息,如何解決 381
第 2問 如何使用ASP傳送郵件 381
第3問 如何在網頁中使用包含檔案 381
第4問 如何保護自己的ASP原始碼不泄露 382
第6問 我已經在伺服器行為中將“插入記錄”行為刪除了,為什麼重做“插入記錄”後,運行時還會提示變數重複定義 382
第四部分 網站建設篇
第 15章 網站建設規範與流程 385
15.1 網站建設規範 385
15.1.1 組建開發團隊規範 385
15.1.2 開發工具規範 385
15.1.3 超連結設計規範 386
15.1.4 資料夾和檔案命名規範 386
15.1.5 代碼設計規範 387
15.2 網站建設的基本流程 388
15.2.1 確定站點目標 388
15.2.2 確定目標瀏覽者 388
15.2.3 確定站點風格 389
15.2.4 收集資源 389
15.2.5 設計網頁圖像 390
15.2.6 製作網頁 390
15.2.7 開發動態網站模組 391
15.2.9 測試與發布 392
15.2.10 推廣網站 392
第 16章 網站的發布與推廣 393
16.1 測試站點 393
16.1.1 檢查連結 393
16.1.2 站點報告 394
16.1.3 清理文檔 394
16.2 發布網站 396
16.3 維護網站 397
16.4 網站的推廣 398
16.4.1 登錄搜尋引擎 398
16.4.2 交換廣告條 398
16.4.4 使用傳統方式推廣 399
16.4.5 藉助網路廣告 399
16.4.7 通過BBS宣傳 400
第五部分 綜合案例篇
第 17章 製作個人網站 403
17.1 個人網站設計要點 403
17.2 主要功能頁面 404
17.3 製作個人網站主頁 404
17.4 製作主頁特效 406
17.4.1 製作狀態欄顯示停留時間特效 406
17.4.2 製作刷新網頁隨機播放音樂特效 408
17.5 製作網路素材頁面 409
17.5.1 製作浮動框架頁 410
17.5.2 插入浮動框架 411
17.6 技巧與問答 412
技巧1 使用表格布局網頁的一些技巧 412
技巧2 巧妙清除網頁距瀏覽器左框線和頂部框線的空白 412
技巧3 浮動框架iframe的使用技巧 413
第 18章 公司宣傳網站的製作 414
18.1 企業網站設計分析 414
18.1.1 企業網站內容設計 414
18.1.2 排版構架 415
18.2 各部分設計 416
18.2.1 Logo與頂部導航 416
18.2.2 左側導航 418
18.2.3 主體內容 420
18.2.4 製作搜尋部分 424
18.2.5 製作公司新聞 424
18.2.6 製作聯繫我們 425
18.2.7 底部版權資訊 426
第 19章 製作時尚購物網站 427
19.1 購物網站設計概述 427
19.2 創建資料庫表 429
19.3 創建資料庫連線 430
19.4 製作購物系統前台頁面 430
19.4.1 製作商品分類展示頁面 430
19.4.2 製作商品詳細信息頁面 437
19.5 製作購物系統後台管理 440
19.5.1 製作管理員登錄頁面 440
19.5.2 製作添加商品分類頁面 444
19.5.3 製作添加商品頁面 448
19.5.4 製作商品管理頁面 451
19.5.5 製作修改頁面 456
19.5.6 製作刪除頁面 460
19.6 技巧與問答 463
第 1問 如何創建動態圖像 463
第 2問 如何安裝第三方伺服器行為 463
第3問 如何為網站增加購物車和線上支付功能 464