網(wǎng)頁設計三劍客標準教程

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