網頁設計三劍客標準教程

目錄
第1章  網站開發(fā)基礎知識    1
1.1  網絡的基礎知識    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  萬維網和瀏覽器    6
1.2  網站開發(fā)流程    7
1.2.1  網站的種類    7
1.2.2  網站建設的需求分析    8
1.2.3  網站的規(guī)劃    9
1.2.4  網站的設計    10
1.2.5  網站的美工任務    11
1.2.6  網站的其他設計    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  標尺、輔助線、網格和狀態(tài)欄    23
1.5.1  標尺的應用    23
1.5.2  輔助線的應用    24
1.5.3  網格的應用    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章  編輯網頁元素    36
2.1  網頁組成元素    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  鼠標經過圖像    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：制作網站相冊    64
2.7  課堂練習2-2：制作友情
鏈接頁面    65
2.8  思考與練習    67
第3章  設計網頁布局    70
3.1  創(chuàng)建表格    71
3.1.1  插入表格    71
3.1.2  在表格中添加內容    72
3.1.3  選定表格元素并
調整表格大小    73
3.1.4  導入表格數據    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：利用表格
制作產品報價單    83
3.6  應用【布局】模式設計網頁    84
3.6.1  在【布局】模式中創(chuàng)建
表格和單元格    84
3.6.2  添加布局單元格內容    85
3.6.3  調整布局表格和單元格    86
3.6.4  設置表格和單元格
寬度格式    87
3.6.5  修改布局表格和
單元格的屬性    89
3.6.6  設置【布局】模式的參數    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  為框架添加內容    94
3.9  設置框架和框架集屬性    95
3.9.1  設置框架背景顏色    95
3.9.2  設置框架的屬性    96
3.9.3  設置框架集的屬性    96
3.10  使用鏈接控制框架的內容    97
3.11  課堂練習3-4  框架制作實例    98
3.12  思考與練習    100
第4章  定義與美化網頁    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：豐富多彩的網頁    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  在網頁中插入CSS    127
4.5  CSS應用    129
4.5.1  創(chuàng)建CSS規(guī)則    129
4.5.2  鏈接和編輯外部
CSS樣式    131
4.5.3  CSS樣式參數    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章  添加網頁特效    145
5.1  創(chuàng)建并設置層屬性    146
5.1.1  創(chuàng)建層    146
5.1.2  層面板    147
5.1.3  嵌套層    147
5.1.4  設置層參數    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：用層制作
個人網頁    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章  高效管理網站    183
6.1  庫項目    184
6.1.1  生成庫項目并
將其插入文檔    184
6.1.2  庫的參數選擇和屬性設置    185
6.1.3  編輯庫元素并更新站點    186
6.1.4  編輯頁面上一個
庫元素的行為    186
6.2  課堂練習6-1：創(chuà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：利用模板和
庫制作網頁    202
6.7  思考與練習    206
第7章  動態(tài)網頁設計    209
7.1  動態(tài)網頁編程語言    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)建與調試動態(tài)網頁    218
7.3.1  創(chuàng)建動態(tài)網頁    219
7.3.2  調試動態(tài)網頁    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)頁面數據庫    247
8.1  數據庫    248
8.1.1  數據庫概念    248
8.1.2  常見的數據庫管理系統(tǒng)    249
8.2  Access數據庫    250
8.2.1  創(chuàng)建數據庫    250
8.2.2  創(chuàng)建數據表    251
8.2.3  連接數據庫    252
8.2.4  顯示數據表信息    254
8.3  課堂練習8-1：用戶注冊頁面    256
8.4  課堂練習8-2：修改數據庫信息    264
8.5  SQL Server數據庫    269
8.5.1  SQL Server系統(tǒng)數據庫    270
8.5.2  創(chuàng)建數據庫    271
8.5.3  創(chuàng)建數據表    273
8.5.4  顯示數據表信息    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章  設計網頁圖像    315
10.1  創(chuàng)建與編輯位圖選區(qū)    316
10.1.1  創(chuàng)建位圖圖像與
位圖選區(qū)    316
10.1.2  調整選取范圍    318
10.2  編輯位圖    319
10.2.1  使用油漆桶工具
編輯像素    319
10.2.2  復制位圖像素、顏色
替換與紅眼消除    321
10.2.3  刪除像素與裁切位圖    323
10.3  顏色和色調    323
10.3.1  調整位圖圖像顏色    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：制作
網站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章  制作網頁動畫    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è)
網站版頭    401
12.9  課堂練習12-3：網站首頁動畫    406
12.10  思考與練習    412
附錄：思考與練習答案    414