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

第1章  FrontPage網(wǎng)頁制作基礎(chǔ)    1
1.1  網(wǎng)絡(luò)應(yīng)用基礎(chǔ)知識    2
1.1.1  Web基礎(chǔ)知識    2
1.1.2  常用瀏覽器簡介    4
1.2  網(wǎng)頁組成元素與網(wǎng)頁開發(fā)    5
1.2.1  網(wǎng)頁組成元素    6
1.2.2  構(gòu)建網(wǎng)站的基本流程    7
1.2.3  網(wǎng)頁開發(fā)工具    8
1.2.4  網(wǎng)頁開發(fā)技術(shù)    10
1.3  FrontPage 2003工作環(huán)境    11
練習(xí)1-1  網(wǎng)頁過渡效果    12
1.4  FrontPage 2003工具欄    13
練習(xí)1-2  使用瀏覽器瀏覽網(wǎng)頁    13
1.5  FrontPage 2003的突出功能    14
1.6  站點(diǎn)制作初探    16
1.6.1  安裝和配置服務(wù)器    16
練習(xí)1-3  安裝IIS服務(wù)器    17
1.6.2  建立Web站點(diǎn)    18
練習(xí)1-4  創(chuàng)建網(wǎng)站    18
1.7  操作站點(diǎn)    21
1.7.1  管理站點(diǎn)    21
練習(xí)1-5  FrontPage 2003超鏈接
管理    23
1.7.2  發(fā)布與推廣網(wǎng)站    25
練習(xí)1-6  發(fā)布個人網(wǎng)站    25
1.8  典型案例  用FlashFXP發(fā)布
網(wǎng)站    27
1.9  典型案例  用FrontPage下載
網(wǎng)站    28
1.10  思考與練習(xí)    30
第2章  應(yīng)用文本和圖像    32
2.1  插入和設(shè)置文本    33
練習(xí)2-1  制作純文本網(wǎng)頁    33
練習(xí)2-2  字體的修飾    34
練習(xí)2-3  添加藝術(shù)字    36
2.2  設(shè)置段落格式    38
練習(xí)2-4  設(shè)置公司簡介
文本屬性    38
2.3  使用列表    39
練習(xí)2-5  制作混合列表    40
練習(xí)2-6  插入現(xiàn)有的文本文件    43
2.4  插入圖像    44
練習(xí)2-7  在網(wǎng)頁中插入圖片    45
練習(xí)2-8  添加背景圖片    45
2.5  在網(wǎng)頁中設(shè)置圖像屬性    47
練習(xí)2-9  圖片的修飾    47
練習(xí)2-10  用FrontPage 2003
使圖像“減肥”    50
練習(xí)2-11  用FrontPage輕松
轉(zhuǎn)換圖片格式    51
2.6  組合排版圖像和文字    52
練習(xí)2-12  圖文混排效果    52
練習(xí)2-13  為文本添加圖形
背景    54
2.7  典型案例：制作可折疊列表的
導(dǎo)航欄目    55
2.8  典型案例：利用自動縮略圖
制作風(fēng)景圖片展示    58
2.9  思考與練習(xí)    61
第3章  表格應(yīng)用    64
3.1  創(chuàng)建與編輯網(wǎng)頁表格    65
練習(xí)3-1  編輯表格    65
3.2  設(shè)置表格與單元格屬性    67
練習(xí)3-2：制作立體按鈕    68
練習(xí)3-3：集合使用【表格】
工具欄    70
練習(xí)3-4：用表格制作1像素
細(xì)線    71
3.3  插入表格元素    73
3.3.1  插入文本    73
練習(xí)3-5：用表格組織數(shù)據(jù)    73
練習(xí)3-6：用表格制作首字
下沉    75
3.3.2  插入圖片    76
練習(xí)3-7：用表格組織圖片    76
3.3.3  插入Flash動畫    78
練習(xí)3-8：在網(wǎng)頁中插入透明
Flash動畫    78
3.4  嵌套式表格    80
練習(xí)3-9：利用表格編排詩詞    81
3.5  文本與表格轉(zhuǎn)換    83
練習(xí)3-10：將文本轉(zhuǎn)換成表格    84
3.6  典型案例：制作圓角相框    85
3.7  典型案例：利用表格制作
商業(yè)網(wǎng)    87
3.8  思考與練習(xí)    93
第4章  應(yīng)用超鏈接    95
4.1  超鏈接簡介    96
4.2  建立超鏈接    97
4.2.1  創(chuàng)建內(nèi)部鏈接    98
練習(xí)4-1  利用超鏈接連接不同
的網(wǎng)頁文件    98
練習(xí)4-2  制作在線聽歌    100
4.2.2  創(chuàng)建外部鏈接    101
練習(xí)4-3  在網(wǎng)頁中設(shè)置
友情鏈接    101
4.3  編輯超鏈接屬性    102
練習(xí)4-4  在沒有主題的網(wǎng)頁中
設(shè)置超鏈接顏色    103
4.4  創(chuàng)建與修改書簽    106
練習(xí)4-5  在網(wǎng)頁中利用書簽
查看詩詞    106
練習(xí)4-6  鏈接其他網(wǎng)頁的
書簽    107
4.5  圖像映射    108
4.5.1  圖像映射概念    109
4.5.2  創(chuàng)建文字熱點(diǎn)    110
練習(xí)4-7  利用文字熱點(diǎn)創(chuàng)建網(wǎng)頁
導(dǎo)航菜單欄目    110
4.5.3  使用幾何形狀熱點(diǎn)    111
練習(xí)4-8  在一張圖片上制作
多個超級鏈接    112
練習(xí)4-9  使用表格模擬
圖像映射    113
4.6  典型案例  建立網(wǎng)站管理者的
電子郵件超鏈接    114
4.7  典型案例  制作網(wǎng)站中文本的
各種鏈接    115
4.8  典型案例  利用圖片鏈接制作
網(wǎng)頁導(dǎo)航    119
4.9  思考與練習(xí)    121
第5章  應(yīng)用CSS樣式    124
5.1  CSS樣式簡介    125
5.2  創(chuàng)建CSS樣式    125
5.2.1  創(chuàng)建獨(dú)立CSS樣式    125
練習(xí)5-1  創(chuàng)建單獨(dú)形式的
樣式表    126
5.2.2  創(chuàng)建內(nèi)嵌式樣式表    127
練習(xí)5-2  固定文本大小    127
5.3  設(shè)置CSS樣式屬性    129
5.3.1  設(shè)置背景屬性    129
練習(xí)5-3：制作背景圖片居中
固定網(wǎng)頁    129
5.3.2  設(shè)置定位屬性    131
練習(xí)5-4  設(shè)置文字方塊的
絕對位置    131
5.3.3  設(shè)置邊框?qū)傩?nbsp;   132
練習(xí)5-5  各式各樣的邊框
文字    132
5.3.4  設(shè)置列表屬性    134
練習(xí)5-6  制作個性化的
列表符    134
5.4  CSS樣式的其他效果    135
5.4.1  修改HTML標(biāo)記    135
練習(xí)5-7  自定義網(wǎng)頁外觀    136
5.4.2  改變文本排列方式    137
練習(xí)5-8  豎排文本效果    138
5.4.3  自定義文本的顯示
方式    139
練習(xí)5-9  自定義文本樣式    139
5.4.4  設(shè)置CSS濾鏡    141
練習(xí)5-10  添加透明漸變
濾鏡效果    141
5.5  典型案例：自定義鏈接提示    142
5.6  典型案例：利用濾鏡設(shè)置
特效字體    145
5.7  思考與練習(xí)    149
第6章  應(yīng)用層、模板和框架    151
6.1  應(yīng)用層    152
6.1.1  創(chuàng)建層與嵌套層    152
練習(xí)6-1  利用層制作豎排
詩詞    153
6.1.2  設(shè)置層屬性    155
練習(xí)6-2  利用層制作陰影
文字    156
6.1.3  層與圖片位置    158
練習(xí)6-3  利用無ID層制作
合成圖片    158
6.2  應(yīng)用模板    159
6.2.1  網(wǎng)頁模板    160
練習(xí)6-4  利用網(wǎng)頁模板制作
童年相冊    160
6.2.2  網(wǎng)站模板    162
練習(xí)6-5  利用網(wǎng)站模板制作
個人網(wǎng)站    162
6.2.3  網(wǎng)頁主題    164
練習(xí)6-6  利用網(wǎng)頁主題在個人
網(wǎng)站中添加文章
網(wǎng)頁    165
6.2.4  共享邊框    169
練習(xí)6-7  利用共享邊框在個人
網(wǎng)站中添加作品
網(wǎng)頁    169
6.3  框架    172
6.3.1  框架概念與分類    172
6.3.2  框架網(wǎng)頁模板    173
練習(xí)6-8  利用模板創(chuàng)建框架
網(wǎng)頁    173
6.3.3  嵌入式框架    175
練習(xí)6-9  制作帶有嵌入式框架
的網(wǎng)頁    175
6.4  框架拆分與替換    176
6.4.1  目標(biāo)框架中的網(wǎng)頁替換    177
練習(xí)6-10  制作框架式個人
網(wǎng)站    177
6.4.2  同一框架中的網(wǎng)頁替換    178
練習(xí)6-11  制作框架網(wǎng)頁中
上下翻頁效果    179
6.5  典型案例  利用網(wǎng)站模板制作
公司網(wǎng)站    180
6.6  典型案例  利用表格和框架
制作婚紗網(wǎng)站    184
6.7  思考與練習(xí)    189
第7章  應(yīng)用組件和行為    192
7.1  動態(tài)效果    193
7.1.1  交互式按鈕    193
練習(xí)7-1：動態(tài)按鈕    193
7.1.2  字幕    194
練習(xí)7-2：滾動條字幕    196
7.2  包含內(nèi)容    197
7.2.1  替換    197
練習(xí)7-3：替換版權(quán)信息    197
7.2.2  網(wǎng)頁    198
練習(xí)7-4：用包含頁組件制作
公司簡介    199
7.3  HTML組件    200
練習(xí)7-5：利用HTML控件制作
導(dǎo)航列表    200
7.4  插入多媒體    201
練習(xí)7-6：利用插件插入視頻及
音頻文件    202
7.5  其他Web組件    203
7.5.1  目錄    203
練習(xí)7-7：插入該網(wǎng)站目錄    203
7.5.2  注釋    204
練習(xí)7-8：添加網(wǎng)頁注釋    204
7.5.3  橫幅廣告管理器    205
練習(xí)7-9：購物天堂廣告動畫    206
7.5.4  Office圖表    206
練習(xí)7-10：創(chuàng)建Office圖表    207
7.5.5  計(jì)數(shù)器    208
練習(xí)7-11：網(wǎng)頁計(jì)數(shù)器    208
7.6  行為    209
7.6.1  打開瀏覽器窗口    209
練習(xí)7-12：在新窗口中顯示
圖片    210
7.6.2  彈出信息    210
練習(xí)7-13：圖像對象彈出信息
行為    211
7.6.3  更改屬性    212
練習(xí)7-14：彈出菜單    212
7.6.4  設(shè)置層文本    215
練習(xí)7-15：圖文交換    215
7.6.5  跳出菜單    216
練習(xí)7-16：制作下拉菜單    216
7.7  典型案例  圖片庫    217
7.8  典型案例  圖片交換    220
7.9  思考與練習(xí)    223
第8章  建立動態(tài)網(wǎng)頁    225
8.1  表單基本元素    226
8.1.1  表單文本框組    226
練習(xí)8-1  收集客戶信息    228
8.1.2  表單選項(xiàng)組    230
練習(xí)8-2  區(qū)分客戶類別    232
8.1.3  其他表單元素    234
8.2  表單網(wǎng)頁制作向?qū)?nbsp;   235
練習(xí)8-3  使用表單向?qū)?chuàng)建
個人信息表單    235
8.3  設(shè)置表單屬性    237
練習(xí)8-4  信息反饋表單    238
8.4  ASP基本知識    241
8.5  表單與ASP    242
8.6  表單域后臺處理程序    243
8.6.1  表單文本框組后臺
處理程序    244
練習(xí)8-5  客戶信息顯示    244
8.6.2  表單選項(xiàng)組后臺處理
程序    246
練習(xí)8-6  客戶類別顯示    246
8.7  典型案例：留言板的顯示頁面    250
8.8  典型案例：留言板的后臺
管理頁面    254
8.9  思考與練習(xí)    258
第9章  使用JavaScript語言實(shí)現(xiàn)
網(wǎng)頁特效    260
9.1  JavaScript概述    261
9.1.1  JavaScript特點(diǎn)    261
9.1.2  JavaScript的應(yīng)用
范圍    262
9.2  JavaScript基本語法    265
9.2.1  JavaScript語法概述    265
9.2.2  JavaScript流程控制    267
練習(xí)9-1：考試測評    268
9.3  JavaScript的Windows（窗口）
對象    270
9.3.1  Window對象方法和
屬性    270
9.3.2  history對象    272
練習(xí)9-2：模擬瀏覽器    272
9.3.3  open和close方法    275
練習(xí)9-3：打開和關(guān)閉瀏覽器    275
9.3.4  setTimeout和clearTimeout
方法    276
練習(xí)9-4：計(jì)時器    277
9.3.5  status對象    278
練習(xí)9-5：滾動字幕    278
9.3.6  事件類型    280
練習(xí)9-6：文字跟隨光標(biāo)效果    280
9.4  典型案例：光標(biāo)跟隨時鐘    282
9.5  典型案例：射擊游戲    287
9.6  思考與練習(xí)    289
第10章  數(shù)據(jù)庫在網(wǎng)頁中的應(yīng)用    294
10.1  數(shù)據(jù)庫概述    295
10.1.1  數(shù)據(jù)庫的概念和特點(diǎn)    295
10.1.2  常見數(shù)據(jù)庫管理系統(tǒng)    296
10.2  在網(wǎng)站中應(yīng)用數(shù)據(jù)庫    297
10.2.1  網(wǎng)絡(luò)數(shù)據(jù)庫體系簡介    297
10.2.2  為網(wǎng)頁文件創(chuàng)建
數(shù)據(jù)庫    299
練習(xí)10-1：為表單添加
數(shù)據(jù)庫    299
10.3  ODBC    301
10.3.1  ODBC概述    301
10.3.2  配置Access數(shù)據(jù)源    303
練習(xí)10-2：用ODBC管理器
配置Access
數(shù)據(jù)源    303
10.4  使用數(shù)據(jù)庫結(jié)果向?qū)Ы?br />數(shù)據(jù)庫查詢    305
10.4.1  建立簡單查詢    305
10.4.2  分組顯示查詢結(jié)果    308
練習(xí)10-3：分組顯示查詢
結(jié)果    308
10.4.3  條件查詢    310
練習(xí)10-4：設(shè)置條件查詢    310
10.4.4  對查詢結(jié)果進(jìn)行排序    312
練習(xí)10-5：對查詢結(jié)果
進(jìn)行排序    312
10.4.5  部分字段查詢    313
練習(xí)10-6：部分字段查詢    313
10.5  數(shù)據(jù)查詢語言SQL    315
10.5.1  SQL基本命令及語法    315
10.5.2  用SQL選擇查詢結(jié)果    317
練習(xí)10-7：用SQL選擇
查詢結(jié)果    317
10.6  典型案例：制作用戶意見
提交系統(tǒng)    318
10.7  典型案例：連接外部數(shù)據(jù)庫    320
10.8  典型案例：動態(tài)顯示數(shù)據(jù)庫
信息    322
10.9  思考與練習(xí)    328
附錄：思考與練習(xí)答案    330