網(wǎng)頁(yè)設(shè)計(jì)三劍客標(biāo)準(zhǔn)教程

目錄
第1章  網(wǎng)站開發(fā)基礎(chǔ)知識(shí)    1
1.1  網(wǎng)絡(luò)的基礎(chǔ)知識(shí)    2
1.1.1  Internet發(fā)展概述    2
1.1.2  IP地址和域名    2
1.1.3  統(tǒng)一資源定位器（URL）    4
1.1.4  超文本置標(biāo)語(yǔ)言    4
1.1.5  萬(wàn)維網(wǎng)和瀏覽器    6
1.2  網(wǎng)站開發(fā)流程    7
1.2.1  網(wǎng)站的種類    7
1.2.2  網(wǎng)站建設(shè)的需求分析    8
1.2.3  網(wǎng)站的規(guī)劃    9
1.2.4  網(wǎng)站的設(shè)計(jì)    10
1.2.5  網(wǎng)站的美工任務(wù)    11
1.2.6  網(wǎng)站的其他設(shè)計(jì)    13
1.3  Dreamweaver的編輯環(huán)境    13
1.3.1  工作區(qū)布局    13
1.3.2  文檔窗口    14
1.3.3  工具欄    15
1.4  面板介紹    20
1.4.1  面板的基本操作    21
1.4.2 【屬性】面板    22
1.4.3 【歷史記錄】和【標(biāo)簽
檢查器】面板    22
1.4.4 【代碼片斷】面板和
【參考】面板    23
1.5  標(biāo)尺、輔助線、網(wǎng)格和狀態(tài)欄    23
1.5.1  標(biāo)尺的應(yīng)用    23
1.5.2  輔助線的應(yīng)用    24
1.5.3  網(wǎng)格的應(yīng)用    25
1.5.4  狀態(tài)欄    26
1.6  申請(qǐng)域名及創(chuàng)建站點(diǎn)    27
1.6.1  申請(qǐng)免費(fèi)空間    27
1.6.2  定義本地站點(diǎn)    28
1.7  課堂練習(xí)1-1：制作一個(gè)
簡(jiǎn)單的主頁(yè)    30
1.8  安裝并配置服務(wù)器    32
1.9  思考與練習(xí)    34
第2章  編輯網(wǎng)頁(yè)元素    36
2.1  網(wǎng)頁(yè)組成元素    37
2.1.1  概述    37
2.1.2  文本元素    37
2.1.3  圖像元素    39
2.1.4  超級(jí)鏈接    39
2.2  編輯文本    40
2.2.1  文本屬性    40
2.2.2  文本字體    42
2.2.3  段落格式    44
2.2.4  列表    45
2.2.5  特殊字符    47
2.3  編輯圖像    48
2.3.1  插入圖像    49
2.3.2  圖像屬性    51
2.3.3  鼠標(biāo)經(jīng)過(guò)圖像    52
2.3.4  添加背景圖像    53
2.3.5  使用外部圖像編輯器    54
2.4  編輯超級(jí)鏈接    55
2.4.1  超級(jí)鏈接簡(jiǎn)述    55
2.4.2  文本和圖像鏈接    56
2.4.3  E-mail鏈接    57
2.4.4  錨記鏈接    58
2.4.5  空鏈接和腳本鏈接    60
2.5  編輯多媒體    61
2.5.1  插入Flash對(duì)象    61
2.5.2  插入音頻和視頻    62
2.6  課堂練習(xí)2-1：制作網(wǎng)站相冊(cè)    64
2.7  課堂練習(xí)2-2：制作友情
鏈接頁(yè)面    65
2.8  思考與練習(xí)    67
第3章  設(shè)計(jì)網(wǎng)頁(yè)布局    70
3.1  創(chuàng)建表格    71
3.1.1  插入表格    71
3.1.2  在表格中添加內(nèi)容    72
3.1.3  選定表格元素并
調(diào)整表格大小    73
3.1.4  導(dǎo)入表格數(shù)據(jù)    75
3.2  格式化表格    75
3.2.1  設(shè)置表格屬性    76
3.2.2  設(shè)置單元格屬性    77
3.2.3  使用預(yù)先設(shè)計(jì)的
格式化表格    78
3.3  課堂練習(xí)3-1：表格的導(dǎo)入、
排序與導(dǎo)出    79
3.4  對(duì)表格的操作    80
3.4.1  復(fù)制及粘貼單元格    80
3.4.2  增加和刪除表格行與列    81
3.4.3  拆分、合并單元格    82
3.5  課堂練習(xí)3-2：利用表格
制作產(chǎn)品報(bào)價(jià)單    83
3.6  應(yīng)用【布局】模式設(shè)計(jì)網(wǎng)頁(yè)    84
3.6.1  在【布局】模式中創(chuàng)建
表格和單元格    84
3.6.2  添加布局單元格內(nèi)容    85
3.6.3  調(diào)整布局表格和單元格    86
3.6.4  設(shè)置表格和單元格
寬度格式    87
3.6.5  修改布局表格和
單元格的屬性    89
3.6.6  設(shè)置【布局】模式的參數(shù)    90
3.7  課堂練習(xí)3-3：制作導(dǎo)航欄    90
3.8  框架    91
3.8.1  創(chuàng)建框架集    92
3.8.2  創(chuàng)建嵌套框架集    93
3.8.3  保存框架    93
3.8.4  選中框架和框架集    94
3.8.5  為框架添加內(nèi)容    94
3.9  設(shè)置框架和框架集屬性    95
3.9.1  設(shè)置框架背景顏色    95
3.9.2  設(shè)置框架的屬性    96
3.9.3  設(shè)置框架集的屬性    96
3.10  使用鏈接控制框架的內(nèi)容    97
3.11  課堂練習(xí)3-4  框架制作實(shí)例    98
3.12  思考與練習(xí)    100
第4章  定義與美化網(wǎng)頁(yè)    102
4.1  HTML基本結(jié)構(gòu)    103
4.1.1  HTML基本樣式    103
4.1.2  標(biāo)簽    104
4.1.3  排版標(biāo)簽    105
4.1.4  字體標(biāo)簽    108
4.1.5  列表    112
4.2  課堂練習(xí)4-1：豐富多彩的網(wǎng)頁(yè)    115
4.3  HTML信息    116
4.3.1  查看HTML信息    116
4.3.2  HTML資源格式    118
4.3.3  清理HTML    121
4.4  CSS基礎(chǔ)    122
4.4.1  CSS樣式簡(jiǎn)介    122
4.4.2  CSS語(yǔ)法    123
4.4.3  在網(wǎng)頁(yè)中插入CSS    127
4.5  CSS應(yīng)用    129
4.5.1  創(chuàng)建CSS規(guī)則    129
4.5.2  鏈接和編輯外部
CSS樣式    131
4.5.3  CSS樣式參數(shù)    132
4.5.4  CSS規(guī)則定義    132
4.6  CSS濾鏡效果    138
4.6.1  Alpha濾鏡    138
4.6.2  Blur濾鏡    139
4.6.3  Gray濾鏡和Invert濾鏡    140
4.7  課堂練習(xí)4-2：特效文字    141
4.8  思考與練習(xí)    143
第5章  添加網(wǎng)頁(yè)特效    145
5.1  創(chuàng)建并設(shè)置層屬性    146
5.1.1  創(chuàng)建層    146
5.1.2  層面板    147
5.1.3  嵌套層    147
5.1.4  設(shè)置層參數(shù)    148
5.1.5  設(shè)置層屬性    149
5.2  層的基本操作    149
5.2.1  控制層    150
5.2.2  層的疊放    151
5.2.3  層與表格的轉(zhuǎn)換    152
5.3  課堂練習(xí)5-1：利用層
制作陰影字    154
5.4  課堂練習(xí)5-2：用層制作
個(gè)人網(wǎng)頁(yè)    155
5.5  行為概述    157
5.5.1  行為概念    157
5.5.2  行為面板    158
5.5.3  編輯行為    159
5.6  預(yù)定義行為    160
5.6.1  交換圖像    160
5.6.2  彈出信息    161
5.6.3  打開瀏覽器窗口    161
5.6.4  拖動(dòng)層    162
5.6.5  改變屬性    163
5.6.6  顯示-隱藏層    164
5.6.7  顯示彈出式菜單    165
5.6.8  檢查瀏覽器    166
5.7  時(shí)間軸    167
5.7.1  時(shí)間軸面板    168
5.7.2  創(chuàng)建時(shí)間軸    168
5.7.3  修改時(shí)間軸    169
5.8  JavaScript概述    170
5.8.1  JavaScript特點(diǎn)    171
5.8.2  JavaScript的安全性    172
5.8.3  JavaScript的應(yīng)用范圍    173
5.9  用JavaScript改善圖像效果    175
5.9.1  用JavaScript顯示圖片    175
5.9.2  用JavaScript控制圖片    176
5.10  思考與練習(xí)    180
第6章  高效管理網(wǎng)站    183
6.1  庫(kù)項(xiàng)目    184
6.1.1  生成庫(kù)項(xiàng)目并
將其插入文檔    184
6.1.2  庫(kù)的參數(shù)選擇和屬性設(shè)置    185
6.1.3  編輯庫(kù)元素并更新站點(diǎn)    186
6.1.4  編輯頁(yè)面上一個(gè)
庫(kù)元素的行為    186
6.2  課堂練習(xí)6-1：創(chuàng)建庫(kù)項(xiàng)目
更新網(wǎng)頁(yè)    187
6.3  模板    188
6.3.1  生成一個(gè)模板    188
6.3.2  編輯模板    189
6.3.3  基于模板創(chuàng)建文件    191
6.3.4  修改模板和更新文檔    192
6.4  課堂練習(xí)6-2：創(chuàng)建模板文件    193
6.5  資源管理    195
6.5.1  認(rèn)識(shí)【資源】面板    195
6.5.2  在面板中查看資源    196
6.5.3  向頁(yè)面中添加資源    197
6.5.4  使用收藏列表方式
管理資源    198
6.5.5  選中和編輯資源    200
6.5.6  用資源和站點(diǎn)配合工作    201
6.6  課堂練習(xí)6-3：利用模板和
庫(kù)制作網(wǎng)頁(yè)    202
6.7  思考與練習(xí)    206
第7章  動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)    209
7.1  動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言    210
7.2  ASP編程語(yǔ)言    211
7.2.1  ASP特點(diǎn)    211
7.2.2  ASP基本語(yǔ)法    212
7.2.3  ASP語(yǔ)言結(jié)構(gòu)    217
7.2.4  ASP對(duì)象模型    218
7.3  創(chuàng)建與調(diào)試動(dòng)態(tài)網(wǎng)頁(yè)    218
7.3.1  創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)    219
7.3.2  調(diào)試動(dòng)態(tài)網(wǎng)頁(yè)    221
7.4  課堂練習(xí)7-1：溫馨花店    223
7.5  設(shè)計(jì)表單    229
7.5.1  定義表單域    229
7.5.2  插入各種表單控件    231
7.6  課堂練習(xí)7-2：制作查詢表單    236
7.7  思考與練習(xí)    239
第8章  動(dòng)態(tài)頁(yè)面數(shù)據(jù)庫(kù)    247
8.1  數(shù)據(jù)庫(kù)    248
8.1.1  數(shù)據(jù)庫(kù)概念    248
8.1.2  常見的數(shù)據(jù)庫(kù)管理系統(tǒng)    249
8.2  Access數(shù)據(jù)庫(kù)    250
8.2.1  創(chuàng)建數(shù)據(jù)庫(kù)    250
8.2.2  創(chuàng)建數(shù)據(jù)表    251
8.2.3  連接數(shù)據(jù)庫(kù)    252
8.2.4  顯示數(shù)據(jù)表信息    254
8.3  課堂練習(xí)8-1：用戶注冊(cè)頁(yè)面    256
8.4  課堂練習(xí)8-2：修改數(shù)據(jù)庫(kù)信息    264
8.5  SQL Server數(shù)據(jù)庫(kù)    269
8.5.1  SQL Server系統(tǒng)數(shù)據(jù)庫(kù)    270
8.5.2  創(chuàng)建數(shù)據(jù)庫(kù)    271
8.5.3  創(chuàng)建數(shù)據(jù)表    273
8.5.4  顯示數(shù)據(jù)表信息    275
8.6  思考與練習(xí)    277
第9章  Fireworks基礎(chǔ)知識(shí)    282
9.1  Fireworks工作界面    283
9.1.1  Fireworks工作界面介紹    283
9.1.2  優(yōu)化預(yù)覽圖像    283
9.1.3  編輯文檔    284
9.2  工具應(yīng)用    286
9.3  面板應(yīng)用    287
9.3.1 【優(yōu)化】面板    287
9.3.2 【對(duì)齊】面板    288
9.3.3 【層】面板    288
9.3.4  其他面板    291
9.4  應(yīng)用文本    292
9.4.1  輸入文本    292
9.4.2  編輯文本    293
9.4.3  文本效果    295
9.4.4  文本變形    296
9.5  課堂練習(xí)9-1：制作文字
暈光特效    297
9.6  路徑圖像    300
9.6.1  繪制幾何圖形    300
9.6.2  繪制圓角矩形    302
9.6.3  繪制多邊形    302
9.6.4  繪制自由形狀路徑    304
9.6.5  路徑對(duì)象選取與整形    305
9.6.6  操作路徑對(duì)象    307
9.6.7  應(yīng)用路徑    309
9.7  課堂練習(xí)9-2：制作
撕紙邊緣效果    310
9.8  思考與練習(xí)    312
第10章  設(shè)計(jì)網(wǎng)頁(yè)圖像    315
10.1  創(chuàng)建與編輯位圖選區(qū)    316
10.1.1  創(chuàng)建位圖圖像與
位圖選區(qū)    316
10.1.2  調(diào)整選取范圍    318
10.2  編輯位圖    319
10.2.1  使用油漆桶工具
編輯像素    319
10.2.2  復(fù)制位圖像素、顏色
替換與紅眼消除    321
10.2.3  刪除像素與裁切位圖    323
10.3  顏色和色調(diào)    323
10.3.1  調(diào)整位圖圖像顏色    324
10.3.2  應(yīng)用顏色填充與反轉(zhuǎn)
圖像的顏色值    325
10.4  課堂練習(xí)10-1：制作
巧克力狀按鈕    326
10.5  課堂練習(xí)10-2：制作
舊照片效果    328
10.6  應(yīng)用蒙板    330
10.6.1  創(chuàng)建矢量蒙板    330
10.6.2  創(chuàng)建位圖蒙板    332
10.7  課堂練習(xí)10-3：制作
網(wǎng)站banner    333
10.8  創(chuàng)建熱點(diǎn)、切片和按鈕    336
    10.8.1  創(chuàng)建熱點(diǎn)    336
10.8.2  創(chuàng)建切片    337
10.8.3  創(chuàng)建與復(fù)制按鈕    339
10.8.4  創(chuàng)建懸停按鈕    340
10.9  課堂練習(xí)10-4：制作彈出菜單    342
10.10  動(dòng)畫制作與優(yōu)化    344
10.10.1  制作GIF動(dòng)畫    345
10.10.2  優(yōu)化與導(dǎo)出動(dòng)畫    346
10.11  課堂練習(xí)10-5：
制作Logo動(dòng)畫    347
10.12  思考與練習(xí)    350
第11章  Flash入門知識(shí)    352
11.1  矢量圖與位圖    353
11.2  Flash工作界面    354
11.2.1  工具欄    355
11.2.2  時(shí)間軸面板    355
11.2.3  面板集    356
11.3  繪制圖形    357
11.3.1  繪制線條    358
11.3.2  線條變化    360
11.3.3  繪制圖形    360
11.3.4  對(duì)象繪制工具    363
11.3.5  編輯圖形    365
11.4  課堂練習(xí)11-1：繪制立體
五角星    369
11.5  文本應(yīng)用    372
11.5.1  創(chuàng)建文本    372
11.5.2  設(shè)置文本屬性    373
11.5.3  編輯文本    375
11.6 【濾鏡】面板    376
11.7  課堂練習(xí)11-2：制作特效字    377
11.8  思考與練習(xí)    380
第12章  制作網(wǎng)頁(yè)動(dòng)畫    382
12.1  使用時(shí)間軸特效    383
12.2  創(chuàng)建與應(yīng)用元件    384
12.2.1  創(chuàng)建元件    384
12.2.2  創(chuàng)建按鈕    386
12.2.3  復(fù)制和編輯元件    387
12.3  補(bǔ)間動(dòng)作動(dòng)畫    388
12.3.1  使用幀    388
12.3.2  創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫    390
12.4  補(bǔ)間形狀動(dòng)畫    392
12.4.1  創(chuàng)建補(bǔ)間形狀動(dòng)畫    392
12.4.2  使用形狀提示    393
12.5  逐幀動(dòng)畫    394
12.6  圖層應(yīng)用    395
12.6.1  引導(dǎo)層    396
12.6.2  遮罩層    396
12.6.3  圖層混合模式    398
12.7  課堂練習(xí)12-1：制作Logo    399
12.8  課堂練習(xí)12-2：制作商業(yè)
網(wǎng)站版頭    401
12.9  課堂練習(xí)12-3：網(wǎng)站首頁(yè)動(dòng)畫    406
12.10  思考與練習(xí)    412
附錄：思考與練習(xí)答案    414