Dreamweaver網(wǎng)頁(yè)制作基礎(chǔ)練習(xí)+典型案例

第1章  初識(shí)Dreamweaver    1
1.1  Internet基礎(chǔ)知識(shí)    2
1.1.1  Internet發(fā)展概述    2
1.1.2  IP地址和域名    3
1.1.3  常用瀏覽器簡(jiǎn)介    4
練習(xí)1-1：使用不同的方式打開(kāi)網(wǎng)站    6
1.2  網(wǎng)頁(yè)概述    7
1.3  Dreamweaver功能簡(jiǎn)介    8
1.3.1  插入網(wǎng)頁(yè)元素    9
1.3.2  設(shè)計(jì)網(wǎng)頁(yè)布局    9
1.3.3  制作網(wǎng)頁(yè)特效    9
1.3.4  鏈接后臺(tái)數(shù)據(jù)庫(kù)    10
1.4  創(chuàng)建站點(diǎn)    10
1.4.1  站點(diǎn)概述    11
1.4.2  安裝和配置服務(wù)器    11
練習(xí)1-2：安裝IIS服務(wù)器    11
練習(xí)1-3：建立虛擬目錄    13
1.4.3  創(chuàng)建本地站點(diǎn)    14
1.5  管理站點(diǎn)    15
1.6  典型案例：創(chuàng)建商業(yè)網(wǎng)站的本地站點(diǎn)    16
1.7  典型案例：網(wǎng)頁(yè)過(guò)渡效果    18
1.8  典型案例：動(dòng)態(tài)檢測(cè)瀏覽器    19
1.9  思考與練習(xí)    21
第2章  插入文本、圖像與多媒體    23
2.1  輸入和編輯文本    24
2.1.1  輸入文本    24
2.1.2  設(shè)置文本屬性    25
練習(xí)2-1：設(shè)置文字的屬性    25
練習(xí)2-2：設(shè)置各種段落格式    27
2.2  插入水平線和特殊字符    29
練習(xí)2-3：插入關(guān)鍵字    30
2.3  設(shè)置列表    31
2.3.1  創(chuàng)建列表    31
2.3.2  設(shè)置列表屬性    31
練習(xí)2-4：制作書(shū)籍目錄    33
2.4  插入圖像及占位符    35
2.4.1  插入圖像    36
練習(xí)2-5：在頁(yè)面中插入圖像    36
2.4.2  設(shè)置圖像屬性    37
練習(xí)2-6：圖形的對(duì)齊與環(huán)繞    37
2.4.3  圖像占位符    39
案例2-7：插入占位圖像    39
2.4.4  交互式圖像    40
練習(xí)2-8：制作導(dǎo)航條    41
2.5  文本和圖像標(biāo)記    42
練習(xí)2-9：“冪”文本及腳標(biāo)的 輸入    43
練習(xí)2-10：在HTML中設(shè)置圖像    44
2.6  插入多媒體文件    46
2.6.1  插入Flash對(duì)象    46
練習(xí)2-11：在網(wǎng)頁(yè)中插入 Flash動(dòng)畫(huà)    46
2.6.2  插入音頻和視頻文件    47
練習(xí)2-12：插入背景音樂(lè)    47
練習(xí)2-13：插入視頻文件    48
2.7  典型案例：制作簡(jiǎn)介網(wǎng)頁(yè)    49
2.8  典型案例：制作相冊(cè)    52
2.9  思考與練習(xí)    54
第3章  應(yīng)用表格    56
3.1  創(chuàng)建表格    57
練習(xí)3-1：建立表格    57
3.2  編輯表格    58
練習(xí)3-2：編輯表格    59
3.3  設(shè)置表格屬性    60
3.3.1  表格的屬性檢查器    61
練習(xí)3-3：在標(biāo)簽選擇器中設(shè)置 表格的屬性    62
3.3.2  設(shè)置行、列和單元格的屬性    64
3.3.3  用預(yù)置表格設(shè)計(jì)格式化表格    65
3.4  插入表格元素    66
3.4.1  在表格中輸入文本    66
練習(xí)3-4：用不同方式設(shè)置 文字屬性    66
練習(xí)3-5：利用表格編排詩(shī)詞    68
3.4.2  在表格中插入圖像    70
練習(xí)3-6：添加虛線效果    70
練習(xí)3-7：繪制圓角相框    71
3.5  典型案例：制作課程表    74
3.6  典型案例：細(xì)線表格效果    75
3.7  典型案例：制作個(gè)人網(wǎng)頁(yè)    77
3.8  典型案例：制作飛翔公司網(wǎng)站主頁(yè)    82
3.9  思考與練習(xí)    86
第4章  應(yīng)用CSS樣式    88
4.1  創(chuàng)建CSS樣式    89
4.2  設(shè)置CSS樣式屬性    90
4.2.1  類型屬性設(shè)定    90
練習(xí)4-1：固定文本大小    90
4.2.2  背景屬性設(shè)定    92
練習(xí)4-2：制作背景圖像居中的 固定網(wǎng)頁(yè)    92
4.2.3  區(qū)塊和方框?qū)傩栽O(shè)定    94
練習(xí)4-3：段落首字下沉效果    94
練習(xí)4-4：豎排文本效果    94
4.2.4  邊框?qū)傩栽O(shè)定    96
練習(xí)4-5：各式各樣的邊框文字    96
4.2.5  列表屬性設(shè)定    98
練習(xí)4-6：制作個(gè)性列表符號(hào)    99
4.2.6  定位屬性設(shè)定    99
練習(xí)4-7：使用CSS制作固定表頭    100
4.2.7  擴(kuò)展屬性設(shè)定    102
練習(xí)4-8：半透明的網(wǎng)頁(yè)圖像    102
練習(xí)4-9：圖片黑白效果    103
練習(xí)4-10：文字特效    105
4.3  CSS的相關(guān)操作    108
練習(xí)4-11：制作外部CSS樣式的  彩色文字鏈接    109
4.4  典型案例：自定義鏈接提示    111
4.5  典型案例：樹(shù)狀目錄    113
4.6  思考與練習(xí)    115
第5章  應(yīng)用超級(jí)鏈接    118
5.1  超級(jí)鏈接簡(jiǎn)述    119
5.2  創(chuàng)建鏈接    120
5.2.1  創(chuàng)建文本和圖像鏈接    120
練習(xí)5-1：制作圖像導(dǎo)航條鏈接    120
練習(xí)5-2：制作文字導(dǎo)航條鏈接    122
5.2.2  創(chuàng)建E-mail鏈接    123
練習(xí)5-3：制作生成電子郵件的 鏈接    124
5.2.3  創(chuàng)建錨點(diǎn)鏈接    125
練習(xí)5-4：在網(wǎng)頁(yè)中制作 錨點(diǎn)鏈接    125
5.2.4  創(chuàng)建下載鏈接和空鏈接    128
練習(xí)5-5：制作下載鏈接    128
5.2.5  創(chuàng)建熱點(diǎn)鏈接    130
練習(xí)5-6：制作進(jìn)站鏈接    130
練習(xí)5-7：制作北京市地圖    133
5.3  典型案例：制作書(shū)簽網(wǎng)頁(yè)    135
5.4  典型案例：制作友情鏈接網(wǎng)頁(yè)    139
5.5  思考與練習(xí)    142
第6章  模板、庫(kù)和資源管理    145
6.1  創(chuàng)建和應(yīng)用模板    146
練習(xí)6-1：創(chuàng)建個(gè)人主頁(yè)模板    146
練習(xí)6-2：基于模板創(chuàng)建個(gè)人 主頁(yè)的分頁(yè)    147
6.2  編輯模板    148
6.2.1  定義可編輯區(qū)域    148
練習(xí)6-3：創(chuàng)建個(gè)人主頁(yè)的  可編輯區(qū)域    149
6.2.2  定義重復(fù)區(qū)域    150
練習(xí)6-4：創(chuàng)建個(gè)人主頁(yè)的  重復(fù)區(qū)域    150
6.2.3  定義可選區(qū)域    152
6.2.4  定義可編輯標(biāo)記屬性    152
練習(xí)6-5：創(chuàng)建個(gè)人主頁(yè)表格的  可編輯標(biāo)記屬性    152
6.2.5  嵌套模板    153
練習(xí)6-6：創(chuàng)建個(gè)人主頁(yè)的 嵌套模板    154
6.2.6  修改模板并更新站點(diǎn)    154
練習(xí)6-7：修改模板并更新個(gè)人 主頁(yè)網(wǎng)站    155
6.3  應(yīng)用庫(kù)元素    155
6.3.1  創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目    156
練習(xí)6-8：創(chuàng)建商業(yè)網(wǎng)站的 庫(kù)項(xiàng)目    156
6.3.2  編輯庫(kù)項(xiàng)目和更新站點(diǎn)    157
練習(xí)6-9：實(shí)現(xiàn)商業(yè)網(wǎng)站批量 更新    158
練習(xí)6-10：制作個(gè)人主頁(yè)的   庫(kù)項(xiàng)目    159
6.4  資源管理    163
6.4.1  認(rèn)識(shí)和編輯資源    163
6.4.2  向頁(yè)面中添加資源    164
練習(xí)6-11：在網(wǎng)頁(yè)中添加資源    164
6.4.3  使用收藏列表方式管理資源    165
6.4.4  在站點(diǎn)中應(yīng)用資源    167
練習(xí)6-12：【資源】面板在個(gè)人  網(wǎng)站改版中的應(yīng)用    167
6.5  典型案例：制作商業(yè)網(wǎng)站    169
6.6  典型案例：利用模板制作飛翔公司分頁(yè)面    174
6.7  思考與練習(xí)    176
第7章  應(yīng)用層和框架布局頁(yè)面    179
7.1  創(chuàng)建層    180
7.1.1  創(chuàng)建與設(shè)置層    180
7.1.2  創(chuàng)建嵌入層    181
7.1.3  認(rèn)識(shí)【層】面板    182
練習(xí)7-1：利用層面板創(chuàng)建 嵌套層    182
7.1.4  設(shè)置層屬性    183
7.2  應(yīng)用層    184
7.2.1  操作層    184
7.2.2  層與表格    185
7.2.3  層的堆疊順序    187
練習(xí)7-2：利用層制作陰影字    187
7.2.4  層的可見(jiàn)性    188
練習(xí)7-3：自動(dòng)載入產(chǎn)品說(shuō)明    189
7.2.5  層的拖動(dòng)性    191
練習(xí)7-4：網(wǎng)上購(gòu)物袋    192
7.3  創(chuàng)建和保存框架    193
7.3.1  創(chuàng)建框架集和嵌套框架集    194
7.3.2  選擇框架    195
7.3.3  保存框架    195
7.4  設(shè)置框架和框架集屬性    196
7.4.1  設(shè)置框架屬性    197
7.4.2  設(shè)置框架集屬性    197
練習(xí)7-5：設(shè)置框架背景顏色    197
7.4.3  框架鏈接    198
7.5  典型實(shí)例：自動(dòng)載入放大圖像    198
7.6  典型實(shí)例：制作落葉    201
7.7  典型實(shí)例：利用層制作網(wǎng)頁(yè)    203
7.8  典型實(shí)例：利用框架制作網(wǎng)站    207
7.9  思考與練習(xí)    210
第8章  行為    213
8.1  行為概述    214
8.1.1  行為概念    214
8.1.2 【行為】面板    214
8.1.3  認(rèn)識(shí)事件    215
8.1.4  編輯行為    216
8.2  通過(guò)行為改變文字    217
8.2.1  彈出菜單    217
8.2.2  設(shè)置文本    218
練習(xí)8-1：設(shè)置文本域文字    219
練習(xí)8-2：設(shè)置狀態(tài)欄文字    220
8.3  通過(guò)行為改變圖像    221
8.3.1  預(yù)先載入圖像    221
8.3.2  設(shè)置導(dǎo)航欄圖像    222
練習(xí)8-3：設(shè)置導(dǎo)航欄圖像    222
8.3.3  交換圖像與恢復(fù)交換圖像    223
練習(xí)8-4：交換圖像    224
8.3.4  拖動(dòng)層    226
練習(xí)8-5：拼圖游戲    226
8.4  其他行為設(shè)置    227
8.4.1  彈出信息    227
練習(xí)8-6：彈出信息    228
8.4.2  調(diào)用JavaScript    228
練習(xí)8-7：漂浮廣告    228
8.4.3  時(shí)間軸    232
練習(xí)8-8：在線試衣室    232
8.5  典型案例：幻燈片    234
8.6  典型案例：下拉菜單效果    236
8.7  思考與練習(xí)    239
第9章  建立動(dòng)態(tài)網(wǎng)站    242
9.1  JavaScript概述    243
9.1.1  JavaScript的時(shí)間效果    243
練習(xí)9-1：顯示當(dāng)前日期和星期    245
練習(xí)9-2：用圖片動(dòng)態(tài)顯示時(shí)間    246
9.1.2  JavaScript在表單元素上的應(yīng)用    248
練習(xí)9-3：在線購(gòu)物計(jì)算功能    249
9.1.3  JavaScript的鼠標(biāo)效果    251
練習(xí)9-4：文字跟隨鼠標(biāo)效果    251
9.1.4  JavaScript的圖像操作    253
練習(xí)9-5：圖片旋轉(zhuǎn)特效    253
9.1.5  JavaScript的窗口操作    257
練習(xí)9-6：百葉窗效果    257
9.2  ASP腳本    260
9.2.1  什么是ASP    260
9.2.2  ASP程序基本結(jié)構(gòu)    261
練習(xí)9-7：網(wǎng)頁(yè)計(jì)數(shù)器    262
9.2.3  ASP和HTML的關(guān)系    264
9.2.4  ASP程序與網(wǎng)頁(yè)表單    265
練習(xí)9-8：站內(nèi)搜索引擎    266
9.3  創(chuàng)建表單    268
9.3.1  表單概述    268
9.3.2  添加表單    269
9.3.3  添加表單對(duì)象    269
練習(xí)9-9：制作反饋表單    272
9.4  典型實(shí)例：動(dòng)態(tài)新聞框    273
9.5  典型實(shí)例：制作留言板    277
9.6  思考與練習(xí)    282
第10章  網(wǎng)站的開(kāi)發(fā)與發(fā)布    285
10.1  Web網(wǎng)站開(kāi)發(fā)技術(shù)    286
10.1.1  靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站及其制作軟件    286
10.1.2  Web網(wǎng)站編程語(yǔ)言    288
10.1.3  Web網(wǎng)站服務(wù)器    289
10.2  網(wǎng)站開(kāi)發(fā)流程    290
10.2.1  網(wǎng)站建設(shè)需求分析    291
10.2.2  網(wǎng)頁(yè)制作    292
10.2.3  站點(diǎn)發(fā)布    294
練習(xí)10-1：用FlashFXP發(fā)布   網(wǎng)站    295
10.2.4  站點(diǎn)推廣    296
10.3  網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)    297
10.3.1  網(wǎng)頁(yè)元素    298
10.3.2  網(wǎng)頁(yè)制作工具    299
10.4  上傳和下載    300
10.4.1  設(shè)置遠(yuǎn)端服務(wù)器和FTP屬性    300
10.4.2  上傳文件    302
10.4.3  下載文件    302
練習(xí)10-2：同步更新網(wǎng)站    302
10.5  文件遮蓋    303
10.5.1  文件遮蓋影響及設(shè)置    304
10.5.2  激活和關(guān)閉文件遮蓋    304
10.6  取出和存回    305
練習(xí)10-3：多人協(xié)作管理網(wǎng)站    305
10.7  網(wǎng)站報(bào)告使用    306
10.8  設(shè)計(jì)備注    307
10.9  檢查站點(diǎn)鏈接    308
10.10  典型案例：網(wǎng)站上傳    309
10.11  思考與練習(xí)    310
附錄  思考與練習(xí)答案    312