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

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