網頁制作與網站建設從入門到精通

第一部分　入門篇
第1章　網頁設計基礎　2
1.1　預備知識　2
1.2　如何設計網頁　5
1.2.1　網頁設計的任務　5
1.2.2　網頁設計的實現(xiàn)　6
1.2.3　網頁設計的基本原則　7
1.3　常用網頁設計軟件　8
1.4　經典習題與解答　9
1.4.1　填空題　9
1.4.2　簡答題　10
第2章　HTML入門　11
2.1　HTML的基本語法　11
2.1.1　HTML基本語法結構　11
2.1.2　創(chuàng)建HTML文件　13
2.2　頁面布局與文字標記　14
2.2.1　標題　14
2.2.2　換行 br 　15
2.2.3　段落標記 P 　17
2.2.4　水平線段 hr 　18
2.2.5　文字的大小設置　19
2.2.6　文字的字體與樣式　20
2.2.7　文字的顏色　21
2.3　多媒體　22
2.3.1　插入圖像　22
2.3.2　播放音樂　23
2.3.3　播放視頻　24
2.4　表格標記　24
2.4.1　表格的基本結構　24
2.4.2　表格的標題　24
2.4.3　表格的尺寸設置　25
2.4.4　表格內文字的對齊、布局　25
2.4.5　表格的顏色　26
2.5　超級鏈接標記　27
2.6　框架標記　27
2.6.1　框架結構的基本格式　27
2.6.2　各窗口的尺寸設置　28
2.6.3　各窗口間相互操作　28
2.7　表單標記　28
2.7.1　表單標記　29
2.7.2　文本域　29
2.7.3　單選按鈕　30
2.7.4　復選框　30
2.7.5　按鈕　31
2.7.6　列表/菜單　32
2.8　經典習題與解答　32
2.8.1　填空題　32
2.8.2　上機操作題　32
第3章　網站建設基礎　33
3.1　預備知識　33
3.1.1　什么是WWW　33
3.1.2　申請域名　33
3.1.3　申請服務器空間　34
3.2　網站建設的一般流程　34
3.2.1　確定網站主題　34
3.2.2　網站整體規(guī)劃　35
3.2.3　收集資料與素材　35
3.2.4　設計網頁圖像　36
3.2.5　制作網頁　37
3.2.6　開發(fā)動態(tài)網站模塊　38
3.2.7　發(fā)布與上傳　39
3.2.8　后期更新與維護　39
3.2.9　網站的推廣　39
3.3　經典習題與解答　40
3.3.1　填空題　40
3.3.2　簡答題　40
第4章　網頁中的色彩知識　41
4.1　色彩基礎知識　41
4.1.1　色彩的基本概念　41
4.1.2　常見色彩表達的意義　42
4.2　網頁色彩的搭配　44
4.2.1　網頁色彩搭配原理　44
4.2.2　網頁設計中色彩搭配的技巧　45
4.2.3　常見的幾種網頁配色方案　47
4.3　經典習題與解答　49
4.3.1　填空題　49
4.3.2　簡答題　49
第二部分　網頁設計與制作篇
第5章　熟悉Dreamweaver 8的工作環(huán)境　52
5.1　Dreamweaver 8工作區(qū)　52
5.2　Dreamweaver 8工具欄　53
5.2.1　標準工具欄　53
5.2.2　文檔工具欄　53
5.3　屬性面板　54
5.4　插入欄　54
5.4.1　常用插入欄　54
5.4.2　布局插入欄　55
5.4.3　表單插入欄　56
5.4.4　文本插入欄　56
5.4.5　HTML插入欄　57
5.4.6　應用程序插入欄　57
5.4.7　Flash元素　58
5.4.8　收藏夾插入欄　58
5.5　Dreamweaver 8的菜單欄　58
5.5.1　文件菜單　58
5.5.2　編輯菜單　59
5.5.3　查看菜單　60
5.5.4　插入菜單　61
5.5.5　修改菜單　63
5.5.6　文本菜單　64
5.5.7　命令菜單　64
5.5.8　站點菜單　65
5.5.9　窗口菜單　66
5.6　Dreamweaver 8的面板組　66
5.7　經典習題與解答　67
5.7.1　填空題　67
5.7.2　操作題　67
第6章　創(chuàng)建與管理站點　68
6.1　創(chuàng)建本地站點　68
6.1.1　使用站點向導創(chuàng)建本地站點　68
6.1.2　使用高級設置建立站點　70
6.2　管理站點文件　71
6.2.1　創(chuàng)建文件夾和文件　72
6.2.2　移動和復制文件　73
6.3　使用站點地圖　74
6.3.1　查看站點地圖　74
6.3.2　站點地圖布局　74
6.4　經典習題與解答　76
6.4.1　填空題　76
6.4.2　簡答題　76
第7章　使用表格排版布局網頁　77
7.1　網頁的基本構成　77
7.2　網頁布局方法　79
7.2.1　紙上布局法　79
7.2.2　軟件布局法　79
7.3　常見的網頁布局類型　79
7.3.1　“國”字型布局　79
7.3.2　“廠”字型布局　80
7.3.3　“框架”型布局　80
7.3.4　“封面”型布局　81
7.3.5　“Flash”型布局　81
7.4　基本的表格布局方法　82
7.4.1　插入表格　82
7.4.2　設置表格屬性　83
7.4.3　合并單元格　84
7.4.4　選取表格對象　84
7.5　利用表格布局網頁實例　85
7.5.1　實例——利用表格排列數(shù)據(jù)　86
7.5.2　實例——“廠”字型布局　87
7.5.3　實例——“封面”型布局　93
7.5.4　實例——“國”字型布局網頁　95
7.6　經典習題與解答　105
7.6.1　填空題　105
7.6.2　上機操作題　105
第8章　創(chuàng)建基本圖文混合網頁　107
8.1　文本的輸入和編輯　107
8.1.1　輸入文本　107
8.1.2　設置文本屬性　107
8.1.3　輸入特殊字符　109
8.2　在網頁中插入圖像　109
8.2.1　插入圖像　110
8.2.2　設置圖像屬性　111
8.2.3　插入鼠標經過圖像　111
8.3　創(chuàng)建網頁鏈接　113
8.3.1　創(chuàng)建圖像鏈接　113
8.3.2　創(chuàng)建錨點鏈接　115
8.3.3　創(chuàng)建電子郵件鏈接　117
8.3.4　創(chuàng)建圖像熱點鏈接　118
8.4　利用CSS美化網頁　120
8.4.1　添加CSS的方法　120
8.4.2　應用CSS固定字體大小　121
8.4.3　應用CSS改變文本間行距　123
8.5　插入媒體　124
8.5.1　插入Flash動畫　124
8.5.2　插入Flash按鈕　126
8.5.3　插入Flash文本　128
8.5.4　利用插件制作背景音樂網頁　130
8.6　經典習題與解答　132
8.6.1　填空題　132
8.6.2　上機操作題　132
第9章　高級網頁布局技術　134
9.1　創(chuàng)建模板網頁　134
9.1.1　創(chuàng)建庫項目　134
9.1.2　創(chuàng)建模板　136
9.1.3　創(chuàng)建可編輯區(qū)　140
9.1.4　利用模板創(chuàng)建網頁　141
9.2　使用層定位網頁　142
9.2.1　創(chuàng)建層　142
9.2.2　層的基本操作　143
9.2.3　層與表格的轉換　145
9.2.4　使用層制作下拉菜單　148
9.3　創(chuàng)建框架網頁　151
9.3.1　創(chuàng)建框架網頁　151
9.3.2　保存框架　152
9.3.3　在頂部框架中添加內容　153
9.3.4　在底部框架中添加內容　155
9.4　經典習題與解答　158
9.4.1　填空題　158
9.4.2　上機操作題　158
第10章　制作動感特效網頁　159
10.1　行為概述　159
10.1.1　認識事件　160
10.1.2　動作類型　161
10.2　使用Dreamweaver內置行為　161
10.2.1　播放聲音　162
10.2.2　拖動層　163
10.2.3　創(chuàng)建自動跳轉頁面網頁　165
10.2.4　打開瀏覽器窗口　166
10.2.5　彈出信息　168
10.2.6　設置狀態(tài)欄文本　169
10.2.7　創(chuàng)建導航欄圖像　171
10.2.8　預先載入圖像　174
10.2.9　檢查表單　175
10.2.10　跳轉菜單　176
10.2.11　控制Shockwave或Flash　179
10.2.12　改變屬性　182
10.2.13　檢查瀏覽器　184
10.3　利用腳本制作特效網頁　185
10.3.1　制作滾動公告網頁　185
10.3.2　制作自動關閉網頁　190
10.3.3　制作水中倒影網頁　191
10.4　經典習題與解答　193
10.4.1　填空題　193
10.4.2　上機操作題　193
第11章　處理與優(yōu)化網頁中的圖片　194
11.1　Photoshop CS2的工作環(huán)境簡介　194
11.2　調整圖像大小　198
11.3　網頁圖像的色彩調整　200
11.3.1　使用【色階】命令優(yōu)化網頁圖像　200
11.3.2　使用【曲線】命令優(yōu)化網頁圖像　201
11.3.3　使用【色彩平衡】命令優(yōu)化網頁圖像　203
11.3.4　使用【亮度/對比度】命令優(yōu)化網頁圖像　204
11.3.5　使用【色相/飽和度】命令優(yōu)化網頁圖像　205
11.4　處理產品圖像　206
11.5　經典習題與解答　209
11.5.1　填空題　209
11.5.2　上機操作題　210
第12章　設計網站的Logo和按鈕　211
12.1　VI簡介　211
12.1.1　VI設計的概念　211
12.1.2　VI在網站設計中的意義　212
12.2　網站標識設計概述　213
12.2.1　網站Logo設計標準　213
12.2.2　網站Logo的標準尺寸　213
12.3　按鈕設計　214
12.3.1　制作導航按鈕　214
12.3.2　制作發(fā)光按鈕　218
12.4　經典習題與解答　221
12.4.1　填空題　221
12.4.2　上機操作題　221
第13章　設計網站動畫和網絡廣告　222
13.1　Flash的工作環(huán)境簡介　222
13.2　網站廣告設計指南　224
13.2.1　網站廣告設計基本原則　224
13.2.2　網站廣告的類型　226
13.3　制作網頁廣告實例　227
13.3.1　設計Banner宣傳廣告實例　227
13.3.2　給Flash首頁添加鏈接　236
13.3.3　制作控制聲音播放動畫　239
13.4　經典習題與解答　243
13.4.1　填空題　243
13.4.2　上機操作題　243
第三部分　動態(tài)網站開發(fā)篇
第14章　動態(tài)網頁設計基礎　246
14.1　在Dreamweaver中編輯代碼　246
14.1.1　使用代碼提示添加背景音樂　246
14.1.2　管理標簽庫　249
14.1.3　使用標簽選擇器制作嵌套框架網頁　249
14.2　搭建服務器平臺　251
14.2.1　IIS的安裝　251
14.2.2　設置IIS服務器　253
14.3　經典習題與解答　254
14.3.1　填空題　254
14.3.2　上機操作題　254
第15章　動態(tài)網站創(chuàng)建實例　255
15.1　創(chuàng)建數(shù)據(jù)庫　255
15.2　創(chuàng)建數(shù)據(jù)庫連接　256
15.3　制作留言系統(tǒng)　258
15.3.1　制作模板頁面　258
15.3.2　制作留言顯示列表頁面　263
15.3.3　制作留言詳細信息頁　268
15.3.4　制作發(fā)表留言頁面　271
15.4　經典習題與解答　275
15.4.1　填空題　275
15.4.2　簡答題　275
第16章　動態(tài)網站常用模塊設計　276
16.1　申請免費的計數(shù)器　276
16.2　制作新聞發(fā)布系統(tǒng)　278
16.2.1　主要功能頁面　278
16.2.2　設計數(shù)據(jù)庫　279
16.2.3　創(chuàng)建數(shù)據(jù)庫連接　280
16.2.4　制作顯示全部新聞列表頁面　282
16.2.5　制作新聞詳細顯示頁面　286
16.2.6　制作新聞添加頁面　287
16.3　制作會員登錄系統(tǒng)　290
16.3.1　數(shù)據(jù)庫設計　290
16.3.2　制作登錄成功頁面　290
16.3.3　制作登錄失敗頁面　293
16.3.4　制作登錄頁面　294
16.4　制作在線調查系統(tǒng)　297
16.4.1　制作數(shù)據(jù)庫表　297
16.4.2　調查信息頁　297
16.4.3　制作調查結果頁面　305
16.5　經典習題與解答　315
16.5.1　填空題　315
16.5.2　上機操作題　315
第四部分　網站發(fā)布與維護篇
第17章　網站的發(fā)布　318
17.1　站點的測試　318
17.1.1　檢查斷掉的鏈接　318
17.1.2　檢查外部鏈接　318
17.1.3　檢查孤立文件　319
17.2　網頁的上傳　320
17.2.1　利用Dreamweaver上傳網頁　320
17.2.2　LeadFTP上傳文件　322
17.3　經典習題與解答　323
17.3.1　填空題　323
17.3.2　上機操作題　324
第18章　網站的日常維護　325
18.1　網站數(shù)據(jù)庫內容維護　325
18.2　網頁維護　327
18.3　網站系統(tǒng)維護　327
18.4　經典習題與解答　329
18.4.1　填空題　329
18.4.2　簡答題　329
第19章　網站的宣傳推廣　330
19.1　注冊到搜索引擎　330
19.2　導航網站登錄　333
19.3　友情鏈接　334
19.4　網絡廣告　335
19.5　郵件廣告　335
19.6　發(fā)布信息推廣　336
19.7　傳統(tǒng)媒體廣告　337
19.8　經典習題與解答　337
19.8.1　填空題　337
19.8.2　上機操作題　337
第五部分　綜合案例篇
第20章　創(chuàng)建企業(yè)展示型網站　340
20.1　網站前期策劃　340
20.2　設計網站首頁　342
20.2.1　首頁的設計　342
20.2.2　切割首頁　348
20.3　在Dreamweaver中進行頁面排版制作　349
20.3.1　創(chuàng)建本地站點　349
20.3.2　創(chuàng)建二級模板頁面　350
20.3.3　利用模板制作其他網頁　355
20.4　給網頁添加特效　357
20.4.1　滾動公告　358
20.4.2　制 作彈出窗口頁面　359
20.5　本地測試及發(fā)布上傳　363
20.6　經典習題與解答　364
20.6.1　填空題　364
20.6.2　上機操作題　364
第21章　設計在線購物網站　365
21.1　購物網站設計概述　365
21.1.1　購物網站概念　365
21.1.2　購物網站購物流程　366
21.1.3　購物網站主要功能　366
21.2　網站圖像設計　368
21.2.1　設計網頁Logo　368
21.2.2　設計網頁Banner　372
21.3　創(chuàng)建數(shù)據(jù)庫　376
21.4　制作商品展示頁面　377
21.5　制作商品詳細介紹頁面　393
21.6　制作購物系統(tǒng)　399
21.6.1　制作購物車頁面　399
21.6.2　制作填寫收貨人信息頁面　407
21.6.3　確認提交表單　413
附錄A　網頁制作常見問題精解　422
1．Dreamweaver中如何輸入空格　422
2．為什么當讓一行字居中時，其他行字也變成居中　422
3．在Dreamweaver中怎樣設置水平線的顏色　422
4．如何清除網頁中不必要的HTML代碼　423
5．如何搜索網頁并替換其內容　423
6．怎樣定義網頁語言　423
7．怎樣在網頁中添加E-mail鏈接并顯示預定的主題　424
8．怎樣在網頁中添加電子郵件表單提交　424
9．如何為訪問者設置正確的軟件下載鏈接　424
10．如何刪除圖片鏈接的藍色邊框　424
11．如何實現(xiàn)網頁自動刷新　425
12．如何去除鏈接的下劃線　425
13．如何利用單擊來關閉瀏覽窗口　427
14．如何避免自己的圖片被其他站點使用　427
15．怎樣為圖片添加邊框　428
16．如何添加圖片及鏈接文字的提示信息　429
17．如何制作“空鏈接”　430
18．如何很好的控制行距　430
19．如何在一個站點的不同頁面間播放同一種聲音文件　432
20．怎樣套用現(xiàn)成的表格格式　432
21．從【寬度】后面的下拉菜單里選擇單位時，選擇【像素】或【百分比】有什么區(qū)別　433
22．如何制作細線表格　433
23．為什么在Dreamweaver中把單元格高度設置為“1”時沒有效果　434
24．如何制作圓角表格　434
25．如何精確地定位網頁中的內容　439
26．怎樣讓800*600分辨率下生成的網頁在1024*768的表格下居中顯示　439
27．為什么不顯示底圖　439
28．如何調整框架邊框的粗細　439
29．怎樣防止別人把自己的網頁放在框架里　439
30．怎樣實現(xiàn)定時自動關閉窗口　439
31．怎樣以新窗口的形式打開目標鏈接　440
32．什么是模板的可編輯區(qū)域，在定義可編輯區(qū)域時應注意什么　440
33．如何用圖片代替表單按鈕　440
34．怎樣顯示表單中的紅色虛線框　440
35．怎樣讓頁面四周沒有空白　440
36．為什么表格里的文字不會自動換行　440
37．如何防止別人另存我的網頁　441
38．如何為頁面設置訪問口令　441
39．如何在網頁上顯示當前日期、星期和時間　441
40．如何將站點加入收藏夾　442
41．如何將站點設為首頁　443
42．如何解決表格的變形問題　444
43．怎樣在網頁中使用包含文件　445
44．怎樣在網頁中輸入上下標　445
45．如何讓瀏覽者知道自己訪問網頁的次數(shù)　445
46．如何禁止使用鼠標右鍵　446
47．如何制作浮動的廣告　448
48．在Dreamweaver里怎樣設置Flash背景為透明　450
49．如何將一張圖變成Flash文件后任意縮放而不出現(xiàn)鋸齒　450
50．做好的Flash放到網頁上面以后，它老是循環(huán)，怎么能夠讓它不進行循環(huán)　451
51．導出透明圖片的方法有哪些　451
52．一個MC引用到場景中后如何播放　451
53．Flash動畫背景可以透明嗎　451
54．怎樣做一串字或一幅圖由模糊變清晰的效果　452
55．如何利用時間軸特效制作動畫投影效果　452
56．如何利用時間軸特效制作展開效果　453
57．如何進行多幀選取　455
58．做“沿軌跡運動”動畫的時候，物件為什么總是沿直線運動　455
59．如何制作幀幀動畫　455
60．制作發(fā)送郵件按鈕　456
61．如何讓動畫在停留一段時間后繼續(xù)播放　457
62．如何制作補間動畫　457
63．如何在Flash中打開一個定制的瀏覽器新窗口　459
64．如何制作引導層動畫　459
65．如何調整多個場景的播放次序　461
66．如何能為作品加上密碼保護　461
67．怎樣使一個圖片和另一個圖片很好地融合在一起包括看不出圖像的邊緣　461
68．如何在Photoshop中將圖片淡化　462
69．怎樣使文字邊緣填充顏色　462
70．在制作網頁用圖形時什么時候用Gif格式，什么時候用Jpg格式　464
71．矢量圖形和位圖圖形有什么區(qū)別，各有什么特點　464
72．在Photoshop中，每次打開一幅圖都是背景鎖定的，如何去除　464
73．如何制作透明GIF圖像　464
74．動作和濾鏡有什么區(qū)別　465
75．在PS中輸入文字，怎樣選取文字的一部分　465
76．如何快速打開文件　465
77．如何隨意更換畫布顏色　465
78．【選框】工具中Shift和Alt鍵的使用方法　465
79．Shift+Ctrl+Alt+T是什么　466
附錄B　ASP函數(shù)速查表　467
附錄C　JavaScript語法手冊　472
1．JavaScript函數(shù)　472
2．JavaScript方法　472
3．JavaScript對象　475
4．JavaScript運算符　476
5．JavaScript屬性　477
6．JavaScript語句　478
附錄D　CSS屬性一覽表　479
1．文字屬性　479
2．項目符號　480
3．背景樣式　480
4．鏈接屬性　480
5．邊框屬性　481
6．表單　481
7．邊界樣式　482
8．邊框空白　482