Frontpage2003基礎(chǔ)與實(shí)例精講

第1章　網(wǎng)頁(yè)設(shè)計(jì)新手入門　1
1.1　Internet基礎(chǔ)知識(shí)　2
1.1.1　什么是Internet　2
1.1.2　什么是網(wǎng)站　2
1.1.3　什么是網(wǎng)站地址　2
1.1.4　什么是Web服務(wù)器　2
1.2　初識(shí)網(wǎng)頁(yè)　3
1.2.1　靜態(tài)網(wǎng)頁(yè)　3
1.2.2　動(dòng)態(tài)網(wǎng)頁(yè)　3
1.3　網(wǎng)頁(yè)的基本構(gòu)成　4
1.4　網(wǎng)頁(yè)布局方法　5
1.4.1　紙上布局法　5
1.4.2　軟件布局法　5
1.5　常見(jiàn)的網(wǎng)頁(yè)布局類型　5
1.5.1　“國(guó)”字型布局　5
1.5.2　“廠”字型布局　6
1.5.3　“框架”型布局　6
1.5.4　“封面”型布局　7
1.5.5　Flash型布局　7
1.6　FrontPage 2003的安裝　8
1.7　FrontPage 2003的操作界面　9
1.8　視圖模式　13
1.8.1　網(wǎng)站視圖模式　13
1.8.2　網(wǎng)頁(yè)視圖模式　15
1.9　習(xí)題　17
第2章　Web站點(diǎn)的規(guī)劃和創(chuàng)建　19
2.1　創(chuàng)建站點(diǎn)　20
2.1.1　使用向?qū)?chuàng)建站點(diǎn)　20
2.1.2　根據(jù)模板創(chuàng)建站點(diǎn)　24
2.2　站點(diǎn)的基本操作　25
2.2.1　打開(kāi)站點(diǎn)　25
2.2.2　命名站點(diǎn)　26
2.2.3　刪除站點(diǎn)　26
2.3　站點(diǎn)管理　27
2.3.1　管理任務(wù)進(jìn)度　27
2.3.2　管理網(wǎng)頁(yè)超鏈接　27
2.4　習(xí)題　28
第3章　網(wǎng)頁(yè)文本的處理　29
3.1　文本的使用　30
3.1.1　輸入文本　30
3.1.2　添加特殊字符　30
3.1.3　插入并編輯水平線　32
3.2　設(shè)置文本格式　33
3.2.1　設(shè)置標(biāo)題級(jí)別　33
3.2.2　設(shè)置字體大小　34
3.2.3　設(shè)置字體顏色　35
3.2.4　設(shè)置字符間距　35
3.2.5　設(shè)置段落格式　35
3.3　使用項(xiàng)目列表與編號(hào)　36
3.3.1　使用項(xiàng)目符號(hào)列表　36
3.3.2　使用編號(hào)列表　37
3.3.3　使用圖像列表　37
3.4　設(shè)置邊框和底紋　38
3.4.1　設(shè)置邊框　38
3.4.2　設(shè)置底紋　40
3.5　實(shí)戰(zhàn)演練——網(wǎng)頁(yè)文本的綜合應(yīng)用　41
3.6　習(xí)題　43
第4章　圖片的應(yīng)用　45
4.1　網(wǎng)頁(yè)中常用的圖片格式　46
4.1.1　GIF圖片格式　46
4.1.2　JPEG圖片格式　46
4.1.3　圖片格式轉(zhuǎn)換　46
4.2　在網(wǎng)頁(yè)中使用圖像　47
4.2.1　插入來(lái)自文件的圖像　47
4.2.2　插入剪貼畫　49
4.2.3　使用背景圖片　51
4.3　在網(wǎng)頁(yè)中設(shè)置圖像屬性　52
4.3.1　設(shè)置圖像邊框　53
4.3.2　設(shè)置圖像在文本中的位置　54
4.3.3　設(shè)置圖像的立體效果　55
4.3.4　設(shè)置圖像大小　56
4.3.5　設(shè)置圖片的替代文本　57
4.3.6　設(shè)置圖像間距　57
4.4　實(shí)戰(zhàn)演練——圖片的綜合應(yīng)用實(shí)例　58
4.4.1　實(shí)例1——?jiǎng)?chuàng)建圖文混和網(wǎng)頁(yè)　58
4.4.2　實(shí)例2——利用FrontPage處理網(wǎng)頁(yè)圖片　60
4.5　習(xí)題　64
第5章　使用表格布局網(wǎng)頁(yè)　67
5.1　認(rèn)識(shí)表格　68
5.2　創(chuàng)建表格　68
5.2.1　創(chuàng)建空白表格　68
5.2.2　插入表格內(nèi)容　70
5.3　表格的基本操作　71
5.3.1　增加行和列　71
5.3.2　選擇表格元素　72
5.3.3　刪除行、列或單元格　72
5.3.4　合并單元格　72
5.3.5　拆分表格單元格　73
5.4　設(shè)置表格　73
5.4.1　設(shè)置表格屬性　73
5.4.2　設(shè)置單元格屬性　74
5.5　實(shí)戰(zhàn)演練——網(wǎng)頁(yè)布局綜合實(shí)例　75
5.5.1　實(shí)例1——用表格組織數(shù)據(jù)　75
5.5.2　實(shí)例2——利用表格布局主頁(yè)　78
5.6　習(xí)題　84
第6章　使用框架布局網(wǎng)頁(yè)　85
6.1　框架的基本元素　86
6.2　框架網(wǎng)頁(yè)的創(chuàng)建和保存　86
6.3　設(shè)置框架網(wǎng)頁(yè)屬性　89
6.3.1　設(shè)置框架大小　89
6.3.2　設(shè)置框架邊距　89
6.3.3　重命名框架　90
6.4　編輯框架網(wǎng)頁(yè)　90
6.4.1　刪除框架　90
6.4.2　拆分框架　91
6.4.3　鎖定框架　91
6.5　實(shí)戰(zhàn)演練——框架的綜合應(yīng)用　91
6.5.1　實(shí)例1——插入嵌入式框架　91
6.5.2　實(shí)例2——?jiǎng)?chuàng)建完整的框架網(wǎng)頁(yè)　98
6.6　習(xí)題　105
第7章　使用超鏈接　107
7.1　超鏈接簡(jiǎn)介　108
7.1.1　超鏈接的概念　108
7.1.2　超鏈接的分類　108
7.2　創(chuàng)建基本超鏈接　108
7.2.1　創(chuàng)建文本超鏈接　108
7.2.2　創(chuàng)建圖片超鏈接　111
7.3　使用書簽鏈接　113
7.3.1　創(chuàng)建書簽　113
7.3.2　刪除書簽　114
7.3.3　修改書簽名稱　115
7.3.4　創(chuàng)建書簽超鏈接　115
7.4　創(chuàng)建其他超鏈接　117
7.4.1　創(chuàng)建電子郵件超鏈接　117
7.4.2　創(chuàng)建下載文件超鏈接　119
7.5　實(shí)戰(zhàn)演練——超鏈接綜合應(yīng)用　120
7.5.1　實(shí)例1——?jiǎng)?chuàng)建圖像熱點(diǎn)超鏈接　121
7.5.2　實(shí)例2——?jiǎng)?chuàng)建完整的書簽鏈接　123
7.6　習(xí)題　126
第8章　使用樣式表美化網(wǎng)頁(yè)　129
8.1　認(rèn)識(shí)樣式表　130
8.1.1　樣式　130
8.1.2　樣式表　130
8.2　創(chuàng)建樣式表　130
8.2.1　設(shè)置字體樣式　130
8.2.2　設(shè)置段落樣式　134
8.2.3　設(shè)置邊框樣式　136
8.2.4　設(shè)置背景樣式　138
8.2.5　設(shè)置位置樣式　140
8.3　實(shí)戰(zhàn)演練——美化網(wǎng)頁(yè)綜合應(yīng)用　141
8.3.1　實(shí)例1——使用樣式創(chuàng)建網(wǎng)頁(yè)藝術(shù)字　141
8.3.2　實(shí)例2——設(shè)置網(wǎng)頁(yè)背景　143
8.4　習(xí)題　145
第9章　使用Web組件　147
9.1　使用字幕　148
9.2　插入交互式按鈕　149
9.3　插入站點(diǎn)計(jì)數(shù)器　152
9.4　插入Flash影片　153
9.5　插入注釋　155
9.6　插入日期時(shí)間　156
9.7　使用音頻　157
9.7.1　音頻的基礎(chǔ)知識(shí)　158
9.7.2　使用音頻　158
9.8　插入視頻　160
9.8.1　插入視頻　160
9.8.2　設(shè)置視頻屬性　161
9.9　習(xí)題　162
第10章　網(wǎng)頁(yè)主題和共享邊框　163
10.1　認(rèn)識(shí)主題　164
10.2　應(yīng)用主題樣式　164
10.2.1　應(yīng)用主題　164
10.2.2　自定義主題　165
10.2.3　刪除文檔主題　169
10.3　共享邊框　169
10.4　習(xí)題　171
第11章　使用表單　173
11.1　認(rèn)識(shí)表單　174
11.1.1　表單的基本概念　174
11.1.2　用表單網(wǎng)頁(yè)向?qū)?chuàng)建表單　174
11.2　插入表單元素　176
11.2.1　插入文本框　177
11.2.2　插入文本區(qū)　178
11.2.3　插入復(fù)選框　179
11.2.4　插入選項(xiàng)按鈕　180
11.2.5　插入分組框　181
11.2.6　插入下拉框　183
11.2.7　插入高級(jí)按鈕　184
11.3　保存表單結(jié)果　185
11.3.1　將表單結(jié)果保存為文件　185
11.3.2　將表單結(jié)果發(fā)送至電子郵箱　187
11.4　實(shí)戰(zhàn)演練——?jiǎng)?chuàng)建電子郵件反饋表單　187
11.5　習(xí)題　192
第12章　HTML和JavaScript　195
12.1　HTML文檔的基本結(jié)構(gòu)　196
12.2　使用動(dòng)態(tài)HTML　197
12.2.1　添加動(dòng)態(tài)HTML工具欄　197
12.2.2　創(chuàng)建會(huì)飛的文字　197
12.2.3　給文字添加動(dòng)態(tài)邊框　199
12.3　JavaScript語(yǔ)言基礎(chǔ)　200
12.3.1　認(rèn)識(shí)JavaScript　200
12.3.2　JavaScript和Java區(qū)別　200
12.4　實(shí)戰(zhàn)演練——使用JavaScript制作網(wǎng)頁(yè)特效　201
12.4.1　實(shí)例1——制作網(wǎng)頁(yè)中的掛歷　201
12.4.2　實(shí)例2——?jiǎng)赢嬶@示打開(kāi)新窗口　205
12.4.3　實(shí)例3——?jiǎng)?chuàng)建文字跟隨效果　206
12.5　習(xí)題　209
第13章　創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)　211
13.1　數(shù)據(jù)庫(kù)簡(jiǎn)介　212
13.2　在Access 2003中創(chuàng)建數(shù)據(jù)庫(kù)　212
13.2.1　利用模板創(chuàng)建數(shù)據(jù)庫(kù)　213
13.2.2　創(chuàng)建空數(shù)據(jù)庫(kù)　215
13.2.3　制作數(shù)據(jù)表　216
13.2.4　數(shù)據(jù)表的兩種視圖窗口　217
13.2.5　插入新字段　218
13.2.6　輸入記錄數(shù)據(jù)　219
13.3　將數(shù)據(jù)庫(kù)導(dǎo)入到網(wǎng)站中　220
13.4　連接表單與數(shù)據(jù)庫(kù)　221
13.5　配置ODBC　224
13.6　習(xí)題　225
第14章　綜合案例——?jiǎng)?chuàng)建個(gè)人網(wǎng)站　227
14.1　網(wǎng)站前期策劃　228
14.1.1　確定網(wǎng)站主題　228
14.1.2　個(gè)人網(wǎng)站設(shè)計(jì)要點(diǎn)　228
14.1.3　確定網(wǎng)站欄目　229
14.2　制作網(wǎng)站主頁(yè)　229
14.2.1　插入頂部Banner　229
14.2.2　制作左側(cè)導(dǎo)航　231
14.2.3　制作個(gè)人簡(jiǎn)歷　234
14.2.4　制作底部版權(quán)　240
14.3　使用樣式表美化網(wǎng)頁(yè)　243
14.4　添加網(wǎng)頁(yè)特效　245
14.4.1　創(chuàng)建顯示當(dāng)時(shí)時(shí)間特效　245
14.4.2　制作在網(wǎng)頁(yè)中自由移動(dòng)的圖像特效　247
14.5　習(xí)題　249
第15章　綜合案例——?jiǎng)?chuàng)建企業(yè)網(wǎng)站　251
15.1　企業(yè)網(wǎng)站制作概述　252
15.1.1　企業(yè)網(wǎng)站設(shè)計(jì)要點(diǎn)　252
15.1.2　確定網(wǎng)站主要欄目和功能　252
15.1.3　規(guī)劃網(wǎng)站的文檔和目錄　253
15.2　網(wǎng)頁(yè)設(shè)計(jì)主要原則　253
15.3　創(chuàng)建企業(yè)網(wǎng)站主頁(yè)　255
15.3.1　制作頂部導(dǎo)航　256
15.3.2　制作信息搜索　259
15.3.3　制作社區(qū)活動(dòng)　263
15.3.4　制作客服中心　264
15.3.5　制作房產(chǎn)信息　266
15.3.6　制作最新公告　267
15.3.7　制作推薦樓盤　268
15.3.8　制作底部版權(quán)　270
15.4　制作訂購(gòu)表單　273
15.5　習(xí)題　279
第16章　網(wǎng)站的發(fā)布與推廣　281
16.1　網(wǎng)站的上傳　282
16.1.1　利用FrontPage上傳網(wǎng)站　282
16.1.2　利用Lead FTP上傳網(wǎng)站　283
16.2　網(wǎng)站的日常維護(hù)　285
16.2.1　網(wǎng)站數(shù)據(jù)庫(kù)內(nèi)容維護(hù)　285
16.2.2　頁(yè)面內(nèi)容維護(hù)　286
16.2.3　網(wǎng)站系統(tǒng)維護(hù)　286
16.3　網(wǎng)站的宣傳與推廣　288
16.3.1　注冊(cè)到搜索引擎　288
16.3.2　導(dǎo)航網(wǎng)站登錄　292
16.3.3　友情鏈接　293
16.3.4　網(wǎng)絡(luò)廣告　293
16.3.5　郵件廣告　294
16.3.6　發(fā)布信息推廣　295
16.3.7　傳統(tǒng)媒體廣告　295
16.4　習(xí)題　295
附錄A　網(wǎng)頁(yè)制作常見(jiàn)50問(wèn)精解　297
1．在一行結(jié)束后按回車鍵，如何避免隔行跳到下一段落　297
2．如何在FrontPage中插入空格　297
3．為什么當(dāng)設(shè)置一行字居中時(shí)，其余行也變成居中　297
4．如何定義網(wǎng)頁(yè)語(yǔ)言　297
5．在FrontPage中如何設(shè)置水平線的顏色　297
6．如何利用水平線制作垂直線　298
7．如何讓文本與圖像和平相處　298
8．如何在網(wǎng)頁(yè)中添加E-mail鏈接并顯示預(yù)定的主題　298
9．如何在網(wǎng)頁(yè)中添加電子郵件表單提交　299
10．如何為訪問(wèn)者設(shè)置正確的軟件下載鏈接　299
11．如何避免頁(yè)面電子郵件地址被搜索到　299
12．什么是目標(biāo)窗口，該如何設(shè)置　299
13．如何為文字鏈接加上文字提示　299
14．如何保存其他網(wǎng)頁(yè)上的背景音樂(lè)　300
15．如何正確使用圖片格式　300
16．如何隱藏在狀態(tài)欄里出現(xiàn)的鏈接信息　300
17．如何在一個(gè)站點(diǎn)的不同頁(yè)面間播放同一種聲音文件　300
18．如何在網(wǎng)頁(yè)中自動(dòng)彈出對(duì)話框　300
19．如何使超級(jí)鏈接的圖像不會(huì)出現(xiàn)一個(gè)藍(lán)色的邊框　301
20．在使用FrontPage制作網(wǎng)頁(yè)時(shí)，如何才能使超鏈接在新的窗口中打開(kāi)　301
21．使用FrontPage制作網(wǎng)頁(yè)時(shí)，如何去掉超鏈接下面的橫線　302
22．如何利用“單擊”來(lái)關(guān)閉瀏覽窗口　303
23．如何避免自己的圖片被其他站點(diǎn)使用　303
24．如何實(shí)現(xiàn)在同一頁(yè)面中的不同位置間跳轉(zhuǎn)　303
25．如何創(chuàng)建書簽鏈接　304
26．上傳自己制作的主頁(yè)后，為何有的圖片不顯示　305
27．如何限制背景圖像平鋪　306
28．如何限制背景圖像滾動(dòng)　306
29．在FrontPage中，如何設(shè)置段落樣式　306
30．如何套用現(xiàn)成的表格格式　307
31．選擇【寬度】單位時(shí)，選擇【像素】或【百分比】有什么區(qū)別　308
32．如何制作細(xì)線表格　308
33．如何解決表格變形問(wèn)題　310
34．如何精確定位網(wǎng)頁(yè)中的內(nèi)容　311
35．怎樣讓800′600分辨率下生成的網(wǎng)頁(yè)在1024′768的表格中居中顯示　311
36．在FrontPage中，有時(shí)為何不顯示底圖　311
37．如何用圖片代替表單按鈕　311
38．如何讓頁(yè)面四周沒(méi)有空白　311
39．如何測(cè)試瀏覽器并自動(dòng)裝入所需的網(wǎng)頁(yè)　311
40．如何防止別人“另存”我的網(wǎng)頁(yè)　312
41．如何為頁(yè)面設(shè)置訪問(wèn)口令　312
42．如何將站點(diǎn)設(shè)為首頁(yè)　312
43．如何將站點(diǎn)加入收藏夾　313
44．怎樣在網(wǎng)頁(yè)中加入多媒體文件　314
45．如何創(chuàng)建滾動(dòng)字幕效果　314
46．如何為文字添加動(dòng)態(tài)邊框　315
47．如何去掉頁(yè)面的滾動(dòng)條　316
48．如何讓瀏覽者知道自己訪問(wèn)網(wǎng)頁(yè)的次數(shù)　317
49．如何在網(wǎng)頁(yè)上顯示當(dāng)前日期、星期和時(shí)間　318
50．如何在網(wǎng)頁(yè)中創(chuàng)建自由移動(dòng)的圖像效果　318