網站建設與網頁設計從入門到精通：Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript

第1章　網頁設計基礎知識　1
1.1　網頁基礎知識入門　1
1.1.1　認識互聯網　1
1.1.2　域名與空間　2
1.1.3　網頁與網站　2
1.1.4　靜態網頁與動態網頁　3
1.1.5 網站的類型　3
1.2　網頁的基本構成　7
1.2.1　網站Logo　7
1.2.2　網站Banner　8
1.2.3　導航欄　8
1.2.4　文本　9
1.2.5　圖像　10
1.2.6　Flash動畫　10
1.3　網頁設計的原則　11
1.4　常用網頁設計軟件　12
1.4.1　Dreamweaver CS6概述　12
1.4.2　Photoshop CS6概述　12
1.4.3　Flash CS6概述　13
第2章　HTML基礎　14
2.1　HTML的基本概念　14
2.1.1　HTML簡介　14
2.1.2　HTML文件的基本結構　15
2.1.3　認識HTML標記　15
2.2　HTML文件的編寫方法　15
2.2.1　使用記事本手工編寫HTML　15
2.2.2　使用Dreamweaver編寫HTML文件　16
2.3　HTML頭部標記head　17
2.4　網頁的主體標記body　18
2.4.1　網頁背景色bgcolor　18
2.4.2　網頁背景圖片background　19
2.4.3　文字顏色text　20
2.4.4　鏈接文字屬性link　21
第3章　Dreamweaver CS6創建基本文本網頁　24
3.1　Dreamweaver CS6工作環境　24
3.1.1　菜單欄　25
3.1.2　文檔窗口　26
3.1.3　屬性面板　26
3.1.4　面板組　26
3.1.5 插入欄　27
3.2　創建站點　27
3.2.1　使用向導建立站點　28
3.2.2　使用高級設置建立站點　29
3.3　添加文本元素　33
3.3.1　在網頁中添加文本　33
3.3.2　插入日期　34
3.3.3　插入特殊字符　36
3.3.4　插入水平線　37
3.4　編輯文本格式　41
3.4.1　設置文本字體　41
3.4.2　設置文本大小　42
3.4.3　設置文本顏色　42
3.5　設置頭信息　44
3.5.1　設置META　44
3.5.2　插入關鍵字　45
3.5.3　插入說明　45
3.5.4　插入刷新　46
3.6　實戰演練——創建基本文本網頁　46
第4章　創建超級鏈接　49
4.1　超級鏈接的基本概念　49
4.2　創建鏈接的方法　49
4.2.1　使用屬性面板創建鏈接　49
4.2.2　使用指向文件圖標創建鏈接　50
4.2.3　使用菜單命令創建鏈接　50
4.3　實戰演練　51
4.3.1　實例1——創建外部鏈接　51
4.3.2　實例2——創建E-mail鏈接　53
4.3.3　實例3——創建下載文件的鏈接　54
4.3.4　實例4——創建圖像熱點鏈接　55
4.3.5　實例5——創建錨點鏈接　57
4.3.6　實例6——創建空鏈接　62
4.3.7　實例7——創建腳本鏈接　62
第5章　使用圖像和多媒體創建豐富多彩的網頁　65
5.1　網頁中圖像的使用常識　65
5.2　在網頁中使用圖像　66
5.2.1　插入圖像　66
5.2.2　設置圖像屬性　67
5.2.3　裁剪圖像　71
5.2.4　調整圖像的亮度和對比度　72
5.2.5　銳化圖像　73
5.3　插入其他網頁圖像　74
5.3.1　背景圖像　74
5.3.2　創建鼠標經過圖像　76
5.4　添加Flash動畫　78
5.5　使用代碼提示添加背景音樂　80
5.6　實戰演練　82
5.6.1　實例1——創建鼠標經過圖像導航欄　82
5.6.2　實例2——創建圖文混和網頁　84
第6章　使用表格布局排版網頁　86
6.1　插入表格　86
6.1.1　表格的基本概念　86
6.1.2　插入表格　87
6.2　設置表格的各項屬性　89
6.2.1　設置表格的屬性　89
6.2.2　設置單元格屬性　91
6.3　選擇表格　93
6.3.1　選擇整個表格　93
6.3.2　選取行或列　94
6.3.3　選取單元格　95
6.4　表格的基本操作　95
6.4.1　調整表格高度和寬度　96
6.4.2　添加或刪除行或列　96
6.4.3　拆分單元格　97
6.4.4　合並單元格　98
6.4.5　剪切、復制、粘貼單元格　98
6.5　排序及整理表格內容　99
6.5.1　導入表格式數據　99
6.5.2　排序表格　101
6.6　實戰演練　102
6.6.1　實例1——創建細線表格　102
6.6.2　實例2——創建圓角表格　104
第7章　使用模板和庫批量制作風格統一的網頁　108
7.1　創建模板　108
7.1.1　新建模板　108
7.1.2　從現有文檔創建模板　109
7.2　創建可編輯區域　110
7.2.1　插入可編輯區域　110
7.2.2　刪除可編輯區域　111
7.2.3　更改可編輯區域　111
7.3　使用模板創建新網頁　112
7.4　管理站點中的模板　114
7.4.1　從模板中分離　114
7.4.2　修改模板　115
7.5　創建與應用庫項目　116
7.5.1　創建庫項目　116
7.5.2　應用庫項目　118
7.5.3　修改庫項目　119
7.6　實戰演練　120
7.6.1　實例1——創建模板　120
7.6.2　實例2——利用模板創建網頁　124
第8章　使用行為創建特效網頁　127
8.1　行為的概述　127
8.1.1　認識事件　128
8.1.2　動作類型　129
8.2　制作指定大小的彈出窗口　129
8.3　調用JavaScript　131
8.3.1　利用JavaScript實現打印功能　131
8.3.2　利用JavaScript實現關閉網頁　133
8.4　設置瀏覽器環境　134
8.4.1　檢查表單　134
8.4.2　檢查插件　136
8.5　顯示/隱藏元素　136
8.6　對圖像設置動作　139
8.6.1　預先載入圖像　139
8.6.2　交換圖像　140
8.7　設置文本　142
8.7.1　設置狀態欄文本　142
8.7.2　設置容器中的文本　143
8.7.3　設置框架文本　145
8.8　設置效果　145
8.8.1　增大/收縮效果　146
8.8.2　擠壓效果　147
8.9　轉到UR　148
第9章　創建動態數據庫網頁　151
9.1　搭建動態應用程序開發環境　151
9.1.1　安裝因特網信息服務器(IIS)　151
9.1.2　設置因特網信息服務器(IIS)　152
9.2　設計數據庫　153
9.3　建立數據庫連接　154
9.3.1　定義系統DSN　155
9.3.2　建立系統DSN連接　156
9.4　編輯數據表記錄　157
9.4.1　創建記錄集　157
9.4.2　插入記錄　158
9.4.3　更新記錄　159
9.4.4　刪除記錄　159
9.5　增加服務器行為　160
9.5.1　插入重復區域　160
9.5.2　插入顯示區域　161
9.5.3　記錄集分頁　161
9.5.4　轉到詳細頁面　162
9.5.5　轉到相關頁面　162
9.5.6　用戶身份驗證　163
9.6　實戰演練——創建留言系統　165
9.6.1　創建數據庫　165
9.6.2　創建數據庫連接　166
9.6.3　制作留言發表頁面　168
9.6.4　制作留言列表頁面　171
9.6.5　制作留言顯示頁面　174
第10章　使用CSS樣式表美化網頁　176
10.1　了解CSS樣式表　176
10.2　CSS的使用　177
10.2.1　CSS基本語法　177
10.2.2　添加CSS的方法　177
10.3　設置CSS屬性　179
10.3.1　設置CSS類型屬性　179
10.3.2　設置CSS背景屬性　180
10.3.3　設置CSS區塊屬性　181
10.3.4　設置CSS方框屬性　181
10.3.5　設置CSS邊框屬性　182
10.3.6　設置CSS列表屬性　183
10.3.7　設置CSS定位屬性　183
10.3.8　設置CSS擴展屬性　184
10.3.9　設置過渡樣式　184
10.4　實戰演練　185
10.4.1　實例1——應用CSS樣式定義字體大小　185
10.4.2　實例2——應用CSS樣式制作陰影文字　187
第11章　使用CSS屬性網頁美化布局的基礎　190
11.1　字體屬性　190
11.1.1　字體font-family　190
11.1.2　字號font-size　191
11.1.3　字體風格font-style　192
11.1.4　加粗字體font-weight　193
11.2　列表屬性　194
11.2.1　列表符號list-style-type　194
11.2.2　圖像符號list-style-image　195
11.2.3　列表縮進list-style-position　196
11.3　顏色和背景屬性　197
11.3.1　顏色屬性color　197
11.3.2　背景顏色background-color　198
11.3.3　背景圖像background-image　199
11.4　段落屬性　200
11.4.1　單詞間隔word-spacing　200
11.4.2　字符間隔letter-spacing　201
11.5　邊距與填充屬性　202
11.5.1　上邊距margin-top　202
11.5.2　其他邊距margin-bottom、margin-left、margin-right　203
11.6　邊框屬性　204
11.6.1　邊框樣式border-style　204
11.6.2　邊框寬度border-width　205
11.6.3　邊框顏色border-color　206
11.7　濾鏡屬性　207
11.7.1　不透明度alpha　207
11.7.2　陰影效果dropShadow　208
第12章　CSS+Div布局方法　210
12.1　初識Div　210
12.1.1　Div概述　210
12.1.2　Div與Span的區別　210
12.1.3　Div與CSS布局優勢　212
12.2　CSS定位　212
12.2.1　盒子模型的概念　212
12.2.2　float定位　213
12.2.3　position定位　214
12.3　CSS布局理念　214
12.3.1　將頁面用Div分塊　215
12.3.2　設計各塊的位置　215
12.3.3　用CSS定位　216
12.4　常見的布局類型　216
12.4.1　列固定寬度　217
12.4.2　列自適應　217
12.4.3　兩列固定寬度　219
12.4.4　兩列寬度自適應　220
12.4.5　兩列右列寬度自適應　221
12.4.6　三列浮動中間寬度自適應　222
第13章　JavaScript腳本基礎　224
13.1　JavaScript簡介　224
13.1.1　JavaScript的歷史　224
13.1.2　JavaScript特點　224
13.2　JavaScript的放置位置　225
13.2.1　使用方法　225
13.2.2　位於網頁之外的單獨腳本文件　226
13.2.3　直接位於事件處理部分的代碼中　226
13.3　JavaScript基本語法　226
13.3.1　常量和變量　226
13.3.2　表達式和運算符　227
13.3.3　基本語句　229
13.3.4　函數　232
第14章　JavaScript中的事件　233
14.1　onClick事件　233
14.2　onChange事件　234
14.3　onSelect事件　235
14.4　onFocus事件　236
14.5　onLoad事件　237
14.6　onBlur事件　238
14.7　onMouseOver事件　239
14.8　onMouseOut事件　241
14.9　onDblClick事件　242
14.10　其他常用事件　243
第15章　JavaScript函數和對象　245
15.1　什麼是函數　245
15.2　函數的定義　246
15.2.1　函數的普通定義方式　246
15.2.2　函數的變量定義方式　247
15.2.3　函數的指針調用方式　247
15.3　JavaScript對象的聲明和引用　249
15.3.1　聲明和實例化　249
15.3.2　對象的引用　250
15.4　瀏覽器對象　251
15.4.1　navigator對象　251
15.4.2　表達式和運算符　252
15.4.3　location對象　253
15.4.4　history對象　254
15.4.5　document對象　255
15.5　內置對象　256
15.5.1　date對象　256
15.5.2　數學對象math　259
15.5.3　字符串對象string　259
15.5.4　數組對象array　260
第16章　Flash繪制圖形和編輯對象　262
16.1　Flash概述　262
16.2　Flash CS6的工作界面　262
16.2.1　菜單欄　263
16.2.2　工具箱　263
16.2.3　時間軸面板　264
16.2.4　舞台　265
16.2.5　屬性面板　265
16.2.6　面板組　265
16.3　繪制圖形對象　266
16.3.1　線條工具　266
16.3.2　鉛筆工具　267
16.3.3　鋼筆工具　268
16.3.4　橢圓工具　268
16.3.5　矩形工具　270
16.3.6　多角星形工具　270
16.4　填充圖形對象　271
16.4.1　墨水瓶工具　272
16.4.2　顏料桶工具　272
16.4.3　滴管工具　273
16.4.4　刷子工具　274
16.4.5　填充變形工具　275
16.5　對象的基本操作　276
16.5.1　使用選擇工具選擇對象　276
16.5.2　使用套索工具選擇對象　277
16.5.3　移動、復制和刪除對象　278
16.6　實戰演練——繪制網頁標志　279
第17章　使用文本工具創建炫目的網頁特效文字　283
17.1　使用文本工具　283
17.1.1　靜態文本　283
17.1.2　動態文本　284
17.1.3　輸入文本　285
17.2　設置文本樣式　286
17.2.1　消除文本鋸齒　286
17.2.2　設置文字屬性　287
17.2.3　創建文字鏈接　288
17.2.4　分離與打散文字　290
17.3　對文本使用濾鏡效果　291
17.3.1　給文本添加濾鏡　291
17.3.2　設置濾鏡效果　292
17.4　實戰演練　296
實例1——制作空心文字　296
實例2——制作立體文字　298
第18章　使用時間軸與圖層　300
18.1　時間軸與幀　300
18.1.1　時間軸　300
18.1.2　幀　300
18.2　圖層概述　301
18.2.1　圖層的類型　302
18.2.2　創建圖層和圖層文件夾　302
18.2.3　修改圖層屬性　303
18.2.4　編輯圖層　303
18.3　使用引導層　304
18.3.1　引導層動畫創建方法和技巧　304
18.3.2　創建引導層動畫實例　305
18.4　使用遮罩層　308
18.4.1　遮罩層動畫創建方法和技巧　308
18.4.2　利用遮罩層創建滾動圖片效果　308
18.5　實戰演練——利用遮罩層制作動畫　312
第19章　創建基本Flash動畫　315
19.1　動畫的基本類型　315
19.2　創建逐幀動畫　315
19.3　創建動畫補間動畫　318
19.3.1　動畫補間動畫的創建方法和技巧　318
19.3.2　利用動畫補間創建對象的縮放與淡出效果　318
19.3.3　利用動畫補間創建對象的旋轉與顏色變化效果　320
19.4　創建形狀補間動畫　322
19.5　制作帶音效的按鈕　324
第20章　使用ActionScript制作交互動畫　327
20.1 ctionScript簡介　327
20.2　插入ActionScript代碼　328
20.2.1　為幀添加ActionScript　328
20.2.2　為按鈕添加ActionScript　328
20.2.3　為影片剪輯添加ActionScript　329
20.3 ctionScript編程基礎　330
20.3.1　變量　330
20.3.2　常量　331
20.3.3　關鍵字　331
20.3.4　函數　332
20.4 ctionScript中的運算符　332
20.4.1　數值運算符　332
20.4.2　賦值運算符　333
20.4.3　邏輯運算符　333
20.4.4　等於運算符　333
20.4.5　位運算符　334
20.5 ctionScript中的基本語句　334
20.5.1　if語句　334
20.5.2　特殊條件語句　335
20.5.3　for循環　335
20.5.4　while和do while循環　335
20.6　實戰演練　336
實例1——stop和play語句　336
實例2——使用getURL跳轉到網頁　338
實例3——使用按鈕拖動影片剪輯　340
實例4——制作全屏播放動畫　342
實例5——使用quit退出影片　342
第21章　Photoshop的基礎操作　345
21.1　Photoshop CS6工作界面　345
21.1.1　菜單欄　346
21.1.2　工具箱及工具選項欄　346
21.1.3　文檔窗口及狀態欄　347
21.1.4　面板　347
21.2　快速調整圖像　347
21.2.1　調整圖像大小　347
21.2.2　使用色階命令美化圖像　349
21.2.3　使用曲線命令美化圖像　349
21.2.4　調整圖像亮度與對比度　350
21.2.5　使用色彩平衡　351
21.2.6　調整圖像色相與飽和度　352
21.3　實戰演練　353
實例1——制作電影圖片效果　353
實例2——調整曝光不足的照片　355
第22章　使用繪圖工具繪制圖像　357
22.1　創建選擇區域　357
22.1.1　選框工具　357
22.1.2　套索工具　358
22.1.3　魔棒工具　359
22.2　基本繪圖工具　360
22.2.1　畫筆工具　360
22.2.2　鉛筆工具　361
22.2.3　仿制圖章工具　362
22.2.4　圖案圖章工具　362
22.2.5　橡皮工具　363
22.2.6　油漆桶工具和漸變工具　364
22.3　形狀工具　365
22.3.1　矩形工具　365
22.3.2　圓角矩形工具　366
22.3.3　橢圓工具　366
22.3.4　多邊形工具　367
22.4　實戰演練——繪制網頁標志　367
第23章　圖層與文本的使用　370
23.1　新建和刪除圖層　370
23.1.1　新建圖層　370
23.1.2　刪除圖層　370
23.1.3　新建圖層組　371
23.2　圖層的特殊混合　372
23.3　應用圖層樣式　374
23.4　使用文本工具　374
23.4.1　輸入文字　375
23.4.2　設置文字屬性　375
23.4.3　創建路徑文字　378
23.5　實戰演練　379
實例1——制作立體廣告文字效果　379
實例2——制作圖案文字效果　382
第24章　設計制作網頁中的圖像　385
24.1　網站Logo的制作　385
24.1.1　Logo設計的標准　385
24.1.2　網站Logo的規格　385
24.1.3　實戰演練1——設計網站Logo　386
24.2　網絡廣告的制作　388
24.2.1　網頁廣告設計要素　388
24.2.2　網絡廣告設計技巧　388
24.2.3　實戰演練2——制作宣傳廣告　389
24.3　網頁切片輸出　392
24.3.1　創建切片　392
24.3.2　編輯切片　393
24.3.3　優化和輸出切片　394
24.3.4　實戰演練3——設計網站主頁　395
第25章　 企業網站制作綜合實例　400
25.1　網站規划　400
25.1.1　網站需求分析　400
25.1.2　確定網站主題　401
25.1.3　確定網站的版式設計　401
25.1.4　確定網站主要色彩搭配　402
25.2　設計網站封面型首頁　402
25.2.1 設計網站首頁　402
25.2.2　切割網站首頁　406
25.3　使用CSS+Div布局網站主頁　408
25.3.1　分析架構　408
25.3.2　頁面通用規則　409
25.3.3　制作網站header導航部分　409
25.3.4　制作網站special部分　413
25.3.5　制作會員登錄部分　415
25.3.6　制作裝修案例部分　418