通過Dreamweaver CS3學習HTML+DIV+CSS 光盤/教程_網站制作教程

出版社　： 科學出版社
作者　�。� 黃軍寶/

出版日期：2008年3月

內容簡介:

Dreamweaver是當前最流行的可視化網頁設計軟件之一，而HTML語言又是網頁設計時不可或缺的基礎。本書結合Dreamweaver操作與HTML語法，從零開始，由淺入深地講解網頁設計技術，將讀者帶入網頁設計的殿堂。全書內容共23章，分5篇：網站網頁概述篇 ——了解什么是網站、網頁，以及Dreamweaver操作界面；網頁基礎HTML篇——HTML語言的基本結構與語法、使用Dreamweaver對各種網頁元素的操作及對應語法講解；網站構建篇——了解網站設計的總體規劃、網頁結構劃分與實現、網頁模板設計與應用及網站設計實例；動態網站篇——講解網頁腳本技術的應用、基于動態頁面的ASP網站實現；Web 2.0網站篇——演示Web 2.0標準網站的設計過程。
本書既適合入門級的初學者、網站管理維護人員和大專院校學生，也可供中級設計人員參考。

Part01 網站網頁概述

第1章 網頁設計初體驗 3
1.1 什么是網頁 3
1.1.1 互聯網 3
1.1.2 WWW（萬維網） 3
1.1.3 什么是網頁 3
1.2 HTML驚鴻一瞥 4
1.2.1 創建HTML網頁 4

1.2.2 HTML結構 5
1.3 認識Dreamweaver 6
1.3.1 常用功能 6
1.3.2 操作界面 8
1.4 創建站點與頁面 12
1.4.1 創建站點 12
1.4.2 創建頁面 14
1.5 專家總結 16

Part02 網頁基礎HTML

第2章 網頁頭部Head 19
2.1 頭部包括的內容 19
2.1.1 網頁標題 19
2.1.2 標簽 19
2.1.3 樣式表和腳本 19
2.2 查看頭部 20
視頻路徑：視頻教學\2-2.exe
教學時長：40秒
2.3 設置標題 20
視頻路徑：視頻教學\2-3.exe
教學時長：1分02秒
2.4 認識標簽 22
視頻路徑：視頻教學\2-4.exe
教學時長：54秒
2.5 HTTP標題信息http-equiv 24
2.5.1 設置文檔類型與語言屬性
Content-Type 24
2.5.2 設置自動刷新屬性Refresh 25
2.5.3 設置緩存時間屬性Expires 25
2.5.4 設置禁用緩存屬性Pragma 25
2.5.5 設置網頁Cookie屬性
Set-Cookie 25
2.5.6 設置打開窗口屬性
Window-target 25
2.5.7 設置過渡效果屬性Page-Enter、
Page-Exit 26
2.5.8 設置主題與腳本類型屬性
MSThemeCompatible、
Content-Script-Type 27
2.6 頁面描述信息name 27
2.6.1 設置描述與關鍵詞屬性
Description 27
2.6.2 設置搜索機器人引向屬性
Robots 27
2.6.3 設置作者信息屬性Author 28
2.7 設置基鏈接屬性base 28
2.8 設置鏈接文件屬性link 28
2.9 專家總結 28
第3章 網頁主體Body 29
3.1 網頁背景 29
3.1.1 修改背景顏色 29
視頻路徑：視頻教學\3-1-1.exe
教學時長：34秒
3.1.2 設置背景圖像 32
視頻路徑：視頻教學\3-1-2.exe
教學時長：32秒
3.1.3 設置背景圖片的重復方式 34
3.2 文字顏色 35
3.2.1 設置文字默認顏色 35
視頻路徑：視頻教學\3-2-1.exe
教學時長：34秒
3.2.2 更改超鏈接文字顏色 37
3.3 設置頁面邊距 39
3.4 專家總結 40
第4章 網頁文字Font 41
4.1 文字外觀 41
4.1.1 調整文字大小 41
視頻路徑：視頻教學\4-1-1.exe
教學時長：1分02秒
4.1.2 修改文字顏色 43
視頻路徑：視頻教學\4-1-2.exe
教學時長：1分12秒
4.1.3 設置文字字體 43
4.1.4 格式化文字 45
4.2 文字排放 46
4.2.1 設置段落文字 46
視頻路徑：視頻教學\4-2-1.exe
教學時長：28秒
4.2.2 設置已編排格式 46
4.2.3 使用塊引用格式 47
4.2.4 設置標題文字 48
4.2.5 設置文字對齊 49
4.2.6 使用項目列表 50
4.2.7 使用編號列表 50

4.2.8 定義列表 51
4.3 字符實體 52
4.3.1 認識字符實體 52
4.3.2 換行字符 53
4.4 專家總結 54
第5章 網頁圖片Img 55
5.1 圖片格式 55
5.1.1 GIF格式 55
5.1.2 JPG格式 55
5.1.3 PNG格式 55
5.2 插入圖片 56
5.2.1 直接插入圖片 56
視頻路徑：視頻教學\5-2-1.exe
教學時長：52秒
5.2.2 拖動插入圖片 57
5.2.3 揭示圖片源碼 58
5.3 圖片路徑 59
5.3.1 使用絕對路徑 59
5.3.2 使用相對路徑 59
5.4 圖片修改 60
5.4.1 修改尺寸 60
視頻路徑：視頻教學\5-4-1.exe
教學時長：56秒
5.4.2 修改對齊方式 62
5.4.3 設置圖片邊框 64
視頻路徑：視頻教學\5-4-3.exe
教學時長：1分06秒
5.5 客戶端圖像映射圖 66
5.5.1 創建熱圖 66
5.5.2 熱圖源碼 67
5.6 圖片邊距 68
5.6.1 設置圖片邊距 68
5.6.2 圖片邊距源碼 69
5.7 專家總結 70
第6章 網頁超鏈接 71
6.1 頁面超鏈接 71

6.1.1 設置頁面間鏈接 71
視頻路徑：視頻教學\6-1-1.exe
教學時長：1分15秒
6.1.2 設置頁面內鏈接 72
視頻路徑：視頻教學\6-1-2.exe
教學時長：3分32秒
6.2 使用郵件鏈接 74
6.3 使用水平線 76
視頻路徑：視頻教學\6-3.exe
教學時長：46秒
6.4 專家總結 77
第7章 表格與層 78
7.1 基本操作 78
7.1.1 插入表格 78
視頻路徑：視頻教學\7-1-1.exe
教學時長：25秒
7.1.2 輸入數據 80
7.1.3 調整表格尺寸 80
視頻路徑：視頻教學\7-1-3.exe
教學時長：1分13秒
7.1.4 表格對齊 81
7.2 編輯表格 81
7.2.1 表格標題 81
7.2.2 表格列寬與行高 82
7.2.3 添加行或列 83
7.2.4 刪除行或列 85
7.2.5 合并單元格 85
視頻路徑：視頻教學\7-2-5.exe
教學時長：55秒
7.2.6 拆分單元格 86
7.3 表格外觀 87
7.3.1 設置邊框粗細 87
7.3.2 設置邊框顏色 88
7.3.3 設置表格間距 89
7.3.4 表格填充 89
7.3.5 設置單元格對齊方式 90
7.3.6 設置表格背景顏色與圖像 91

7.3.7 設置單元格背景顏色與背景
圖像 92
7.4 div層 93
7.4.1 層基本操作 93
7.4.2 層屬性操作 94
7.4.3 【層】面板 95
7.4.4 層與表格轉換 96
7.5 專家總結 96
第8章 表單Form 97
8.1 插入表單 97
視頻路徑：視頻教學\8-1.exe
教學時長：25秒
8.2 文字對象 98
8.2.1 使用單行文本域 98
視頻路徑：視頻教學\8-2-1.exe
教學時長：43秒
8.2.2 使用多行文本域 100
8.2.3 使用密碼文本域 101
視頻路徑：視頻教學\8-2-3.exe
教學時長：45秒
8.2.4 使用隱藏域 102
8.3 選擇標簽 103
8.3.1 使用單選按鈕 103
8.3.2 使用單選按鈕組 104
8.3.3 使用復選框 105
8.4 列表與菜單 107
8.4.1 使用菜單 107
8.4.2 使用列表 109
8.4.3 使用跳轉菜單 109
8.5 表單按鈕 111
8.5.1 表單按鈕 111
8.5.2 圖像域 112
8.6 文件域和字段集 113
8.6.1 使用文件域 113
8.6.2 使用字段集 114
8.7 專家總結 115

第9章 多媒體Embed 116
9.1 聲音 116
9.1.1 播放背景音樂 116
視頻路徑：視頻教學\9-1-1.exe
教學時長：1分56秒
9.1.2 設置播放歌曲 117
9.2 Flash對象 121
9.2.1 插入Flash動畫 121
視頻路徑：視頻教學\9-2-1.exe
教學時長：1分08秒
9.2.2 使用圖像查看器 124
視頻路徑：視頻教學\9-2-2.exe
教學時長：2分01秒
9.2.3 設置Flash按鈕 125
9.3 播放視頻 127
9.4 專家總結 128
第10章 網頁框架Frame 129
10.1 創建框架 129
10.1.1 自定義框架 129
視頻路徑：視頻教學\10-1-1.exe
教學時長：22秒
10.1.2 預定義框架 130
視頻路徑：視頻教學\10-1-2.exe
教學時長：23秒
10.1.3 自定義嵌套框架 131
10.2 框架源碼 132
10.3 調整框架 133
10.3.1 選擇框架 133
10.3.2 保存框架 135
10.3.3 設置框架集 136
10.3.4 設置框架 137
10.3.5 命名框架集頁面 138
10.3.6 修改框架尺寸 138
視頻路徑：視頻教學\10-3-6.exe
教學時長：25秒
10.3.7 使用無框架內容 138
10.4 設置框架鏈接 139
10.5 使用浮動框架iframe 140
10.6 專家總結 141
第11章 網頁樣式表CSS 142
11.1 CSS基礎 142
11.1.1 CSS基本概念 142
11.1.2 CSS功能介紹 142
11.2 引用CSS 145
11.2.1 外聯樣式表 145
11.2.2 內嵌樣式表 146
11.2.3 導入樣式表 147
11.2.4 內聯樣式表 148
11.3 CSS基本語法 148
11.3.1 構成 148
11.3.2 選擇符 149
11.3.3 繼承性 151
11.3.4 特殊選擇符——偽類 152
11.3.5 其他偽類 153
11.4 使用Dreamweaver編輯CSS 153
11.4.1 認識CSS面板 153
11.4.2 使用外部樣式表 154
視頻路徑：視頻教學\11-4-2.exe
教學時長：53秒
11.4.3 創建新樣式表 156
11.5 設置CSS屬性 158
11.5.1 設置CSS樣式類型 158
視頻路徑：視頻教學\11-5-1.exe
教學時長：1分16秒
11.5.2 設置CSS樣式背景 160
11.5.3 設置CSS樣式區塊 162
視頻路徑：視頻教學\11-5-3.exe
教學時長：1分17秒
11.5.4 設置CSS樣式方框格式 163
11.5.5 設置CSS樣式邊框 165
11.5.6 設置CSS樣式列表 167
11.5.7 設置CSS樣式定位 168
11.5.8 設置CSS樣式擴展 170
11.6 專家總結 172

Part03 網站構建

第12章 網站的整體規劃 175
12.1 網站規劃概述 175
12.1.1 市場分析 175
12.1.2 網站的目的、主題 176
12.1.3 確定網站的內容和服務 176
12.1.4 網頁設計 177
12.1.5 網站的測試和發布 177
12.1.6 網站的維護和推廣 178
12.2 網站規劃要素 179
12.2.1 網站的主題 180
12.2.2 網站的命名 180
12.2.3 網站的標志 180
12.2.4 網頁的布局 181
12.2.5 網頁的色彩搭配 181
12.2.6 網頁的字體 183
12.3 頁面綜合布局 183
12.3.1 網頁布局的相關概念 183
12.3.2 常見的網頁布局結構 185
12.3.3 網頁布局的技術 189
12.4 專家總結 191
第13章 頁面頭部設計 192
13.1 頁面頭部風格確定 192
13.1.1 頁面頭部的構成 193
13.1.2 頁面頭部的幾種設計形式 196
13.2 添加頁面頭部元素 197
視頻路徑：視頻教學\13a.exe
教學時長：7分56秒
13.3 樣式調整與修改 203
視頻路徑：視頻教學\13b.exe
教學時長：5分40秒
13.4 專家總結 208
第14章 導航條的設計 209
14.1 導航條的風格選擇 209
14.1.1 導航條的目的 209
14.1.2 導航條的設計原則和技巧 210
14.1.3 設計導航的技術 211
14.1.4 導航條的布局方式 211
14.1.5 各式各樣的導航 213
14.2 導航條制作 214
視頻路徑：視頻教學\14a.exe
教學時長：3分54秒
14.2.1 水平導航條的制作 214
14.2.2 垂直導航條的制作 218
14.3 樣式調整及修改 220
視頻路徑：視頻教學\14b.exe
教學時長：4分26秒
14.3.1 水平導航條的樣式調整及
修改 220
14.3.2 垂直導航條的樣式調整及
修改 223
14.4 專家總結 225
第15章 主體版面設計 226
15.1 主體版面風格的確定 227
15.1.1 主體版面顏色搭配 227
15.1.2 主體版面字體選擇 229
15.1.3 主題版面的大小控制 230
15.1.4 主體版面的布局 231
15.1.5 主體版面設計遵循的原理 233
15.2 主體元素的確定 233
15.2.1 兩欄布局主體版面的左欄
制作 234
15.2.2 兩欄布局主體版面的右欄
制作 236
15.3 樣式調整及修改 240
15.3.1 兩欄布局主體版面的CSS調整
與修改 240

15.3.2 兩欄布局主體版面的CSS
優化 242
15.4 專家總結 244
第16章 頁腳設計 245
16.1 頁腳風格的確定 245
16.1.1 頁腳的構成要素的添加 245
16.1.2 頁腳顏色搭配 247
16.1.3 主體版面字體選擇 248
16.1.4 頁腳的尺寸控制 248
16.2 頁腳條的要素添加 249
視頻路徑：視頻教學\16a.exe
教學時長：7分28秒
16.3 樣式調整及修改 253
視頻路徑：視頻教學\16b.exe
教學時長：3分55秒
16.4 專家總結 256
第17章 模板制作與應用 257
17.1 模板簡介 257
17.1.1 模板的作用 257
17.1.2 適合使用模板的網頁 257
17.2 模板元素的操作 259
17.2.1 創建模板 259
17.2.2 創建可編輯區域 260
17.2.3 創建基于模板的文檔 262
17.2.4 分離文檔中使用的模板 263
17.2.5 更新模板及基于模板的網頁
263
17.2.6 模板的嵌套 264
17.3 模板的應用 264
17.3.1 分析布局 265
17.3.2 插入可編輯區域 266
17.3.3 應用模板 267
17.4 專家總結 270
第18章 網站實例 271
18.1 首頁制作 271
18.1.1 制作首頁頭部 271
18.1.2 使用CSS修飾首頁頭部 273
18.1.3 首頁主體的制作 274
18.1.4 首頁頁腳制作 279
18.2 公司簡介頁制作 280
18.2.1 網頁模板制作 280
18.2.2 公司簡介主體部分制作 281
18.3 產品展示頁制作 283
18.4 公司文化頁制作 285
18.5 聯系我們頁制作 287
18.6 專家總結 288

Part04 動態網站

第19章 腳本技術 291
19.1 JavaScript簡介 291
19.1.1 JavaScript的特點 291
19.1.2 插入JavaScript 292
19.1.3 JavaScript 基本語法 293
19.1.4 變量 293
19.1.5 表達式與運算符 295
19.1.6 程序構成 296
19.1.7 對象編程 298
19.2 文檔對象 301
19.2.1 文檔模型樹 301
19.2.2 Cookies的使用 302
19.3 Dreamweaver腳本行為 302
19.3.1 認識【行為】面板 303
19.3.2 行為應用 304
19.4 專家總結 312
第20章 動態網頁 313
20.1 動態網頁簡介 313
20.1.1 PHP 313
20.1.2 ASP 313
20.1.3 JSP 314
20.2 ASP簡介 314
20.2.1 ASP的特點 314
20.2.2 ASP的工作原理 314
20.2.3 創建ASP 315
20.3 ASP內建對象 316
20.4 連接使用數據庫 317
20.4.1 數據庫簡介 317
20.4.2 連接數據庫 318
20.4.3 使用數據庫 318
20.4.4 Recordset對象 320
20.5 Dreamweaver動態網頁設計 320
20.5.1 環境準備 320
20.5.2 創建和管理網站 322
20.5.3 連接數據庫 323
20.5.4 綁定記錄集 325
20.5.5 動態文本 326
20.5.6 重復區域 327
20.5.7 記錄集分頁 328
20.5.8 顯示區域 328
20.5.9 插入記錄 329

20.5.10 轉到詳細頁面 331
20.5.11 動態表單元素 332
20.5.12 更新記錄 334
20.5.13 刪除記錄 335
20.6 專家總結 336
第21章 ASP留言本 337
21.1 制作前期規劃 337
21.1.1 功能分析 337
21.1.2 環境搭建 338
21.2 數據庫準備 340
21.3 頁面編寫 340
21.3.1 顯示留言頁面 340
21.3.2 提交新留言頁面 344
21.3.3 留言管理登錄頁面 346
21.3.4 管理頁面 347
21.3.5 刪除頁面 348
21.3.6 修改頁面 349
21.3.7 回復頁面 350
21.3.8 登錄失敗頁面 351
21.4 測試留言本 351
21.5 專家總結 354

Part05 Web 2.0網站

第22章 DIV+CSS 357
22.1 Web標準 357
22.1.1 結構化標準語言 357
22.1.2 表現標準CSS 358
22.1.3 行為標準 358
22.1.4 Web標準的優點 358
22.2 理解表現和結構相分離 358
22.2.1 內容 359
22.2.2 結構（Structure） 359
22.2.3 表現（Presentation） 359
22.2.4 行為（Behavior） 360
22.2.5 傳統的HTML方法 360

22.2.6 Web標準推薦的方法 361
22.3 DIV+CSS頁面規劃 362
22.3.1 盒模型 362
22.3.2 定位 364
22.3.3 清除 366
22.3.4 實現布局規劃 367
22.3.5 美化布局 370
22.4 DIV+CSS在Dreamweaver中實現
373
22.4.1 使用模板布局 373
22.4.2 自定義布局 374
22.5 專家總結 375

第23章 基于DIV+CSS的個人網站
376
23.1 網站前期規劃 376
23.2 制作準備 377
23.2.1 布局草圖 377
23.2.2 素材準備 378
23.2.3 繪制效果圖 378
23.2.4 建立站點 379
23.3 頁面編寫 381
23.3.1 整體布局 381
23.3.2 添加首頁內容 384
23.3.3 制作相冊詳細頁面 389
23.4 網站發布與上傳 390
23.5 專家總結 392


[安全檢測]
已通過安全檢測
安全檢測軟體: NOD32防毒系統
版本: 2.70.39
殺毒引擎版本: 2707（20071206）

共用伺服器:no1.eserver.emule.org.cn

共用服務時間:周日——周四 晚上18：00-5：00