●第一部分 預備知識篇
第1章 網頁設計基礎 3
1.1 網頁基本知識 3
1.1.1 什麼是Internet 3
1.1.2 什麼是網站 4
1.1.3 什麼是Web服務器 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 Flas 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.3.2 創建鼠標經過圖像 63
5.4 添加Flash影片 65
5.5 插入視頻文件 67
5.6 插入其他媒體對像 69
5.6.1 插入Shockwave影片 69
5.6.2 插入Java小應用程序 70
5.7 實戰演練 72
5.7.1 實例1——創建鼠標經過圖像導航欄 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.4.4 格 94
6.4.5 格 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章 CSS樣式表的應用 209
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
第6問 如何利用CSS濾鏡制作光暈文字 227
第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 CSS定位 240
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.3 使用標簽選擇器插入標簽 293
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.1 數據庫設計與連接 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
第5問 什麼是ActiveX控件，在何處可以下載 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.8 申請域名和服務器空間 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.3 使用meta標簽 399
16.4.4 使用傳統方式推廣 399
16.4.5 借助網絡廣告 399
16.4.6 登錄網址導航站點 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
