第04章奧運(yùn)吉祥物網(wǎng)站的靜態(tài)設(shè)計(jì)

第二篇靜態(tài)設(shè)計(jì)篇

第四章“北京奧運(yùn)吉祥物-福娃”網(wǎng)站的靜態(tài)設(shè)計(jì)

本章簡(jiǎn)介：本章將結(jié)合前面所學(xué)的知識(shí)，承接“北京奧運(yùn)吉祥物-福娃”網(wǎng)站策劃書(shū)和“北京奧運(yùn)吉祥物-福娃”站點(diǎn)的建立與配置，主要講述了使用AdobeDreamweaverCS3對(duì)“北京奧運(yùn)吉祥物-福娃”網(wǎng)站靜態(tài)設(shè)計(jì)的步驟、方法和技巧。目錄4.1使用表格布局網(wǎng)站主頁(yè)4.2設(shè)計(jì)主頁(yè)4.3設(shè)計(jì)其他相關(guān)網(wǎng)頁(yè)4.4創(chuàng)建超鏈接4.5本章小結(jié)4.6習(xí)題4.1使用表格布局網(wǎng)站主頁(yè)

在編輯網(wǎng)頁(yè)前應(yīng)該首先對(duì)網(wǎng)頁(yè)進(jìn)行整體布局設(shè)置，合理的布局使網(wǎng)頁(yè)看起來(lái)美觀大方，并且便于網(wǎng)頁(yè)元素的插入與編輯。表格是進(jìn)行網(wǎng)頁(yè)布局的強(qiáng)有力的工具，但是使用表格的標(biāo)準(zhǔn)模式進(jìn)行布局不太方便，因?yàn)閭鹘y(tǒng)意義上的表格是用來(lái)顯示表格數(shù)據(jù)的，而不是用于對(duì)Web頁(yè)面進(jìn)行布局的。為了簡(jiǎn)化使用表格進(jìn)行頁(yè)面布局的過(guò)程，Dreamweaver為用戶提供了布局模式，在布局模式中，用戶可以使用表格作為基礎(chǔ)結(jié)構(gòu)來(lái)設(shè)計(jì)網(wǎng)頁(yè)，避免了使用傳統(tǒng)的方法創(chuàng)建時(shí)經(jīng)常出現(xiàn)的一些問(wèn)題。網(wǎng)站主頁(yè)草圖網(wǎng)站頭部網(wǎng)站主體網(wǎng)站底部網(wǎng)站主頁(yè)效果圖4.1.1布局主頁(yè)頭部（1）新建空白網(wǎng)頁(yè)，并命名為index.html。（2）將“插入工具欄”切換到“布局”插入欄，選擇“查看”→“表格模式”→“布局模式”命令進(jìn)入布局視圖。此時(shí)“布局”插入欄中的“布局表格”按鈕和“繪制布局單元格”按鈕被激活，如圖所示。這兩個(gè)按鈕被激活（3）單擊“布局表格”按鈕，鼠標(biāo)光標(biāo)變?yōu)椤?”形狀，將光標(biāo)定位到編輯窗口左上角，然后按住鼠標(biāo)左鍵不放拖動(dòng)，到合適的位置后釋放鼠標(biāo)。（4）單擊邊框線選中布局表格，在“屬性”面板中設(shè)置其寬度和高度分別為1260像素和181像素，如圖所示，此表格用來(lái)布局網(wǎng)站頭部信息。（5）單擊“布局單元格”按鈕，將鼠標(biāo)光標(biāo)定位于布局表格左上角，然后按住鼠標(biāo)左鍵不放拖動(dòng)，至布局表格合適的位置后釋放鼠標(biāo)。（6）單擊新繪制布局單元格的邊框線將布局單元格選中，在屬性面板中設(shè)置其寬度和高度分別為154像素和130像素。使用相同的方法在第一個(gè)單元格的右側(cè)分別繪制952×130像素和154×130像素的兩個(gè)單元格，這三個(gè)單元格用來(lái)做網(wǎng)站的Logo區(qū)。（7）使用相同的方法，在第一行的下方繪制一個(gè)1260×37像素的布局單元格，用來(lái)做網(wǎng)站的導(dǎo)航區(qū)。（8）使用相同的方法，在第二行的下方再繪制一個(gè)1260×14像素的布局單元格，用來(lái)做網(wǎng)站頭部和網(wǎng)站主體的分割區(qū)。網(wǎng)站頭部的布局過(guò)程系列圖如圖所示。到此，網(wǎng)站的頭部布局繪制完成。導(dǎo)航區(qū)Logo區(qū)4.1.2布局主頁(yè)主體（1）在網(wǎng)站頭部表格的下方，繪制一個(gè)1260×809像素的布局表格用來(lái)放置網(wǎng)站的主體內(nèi)容，如圖所示。（2）在主體布局表格中從左到右并列繪制三個(gè)大小分別為154×809像素、952×809像素和154×809像素的布局表格，將主體布局表格分為三部分，其中左右表格用來(lái)布局頁(yè)面，而中間的表格用來(lái)放置網(wǎng)站的相關(guān)信息，如圖所示。（3）在中間的布局表格中，從上到下依次繪制952×280像素、952×9像素、952×225像素、952×9像素和952×286像素的五個(gè)布局表格，如圖所示。（4）在952×280像素的布局表格中，從左到右依次繪制340×280像素、15×280像素、325×280像素、15×280像素的四個(gè)布局表格。然后在最右側(cè)從上到下依次繪制257×65像素、257×9像素和257×206像素的三個(gè)布局表格。（5）單擊“布局單元格”按鈕，在福娃動(dòng)態(tài)布局表格內(nèi)從上到下依次繪制325×38像素和325×242像素的兩個(gè)布局單元格。使用相同的方法在公告欄布局表格內(nèi)從上到下依次繪制257×49像素和257×157像素的兩個(gè)布局單元格，如圖所示。（6）使用相同的方法，在952×225像素的布局表格內(nèi)從左到右依次繪制680×225像素、15×225像素和257×225像素的三個(gè)布局表格。其中15×225像素的表格用來(lái)分隔信息區(qū)，其它表格用來(lái)放置福娃簡(jiǎn)介和福娃揭秘，如圖所示。（7）單擊“布局單元格”按鈕，在福娃簡(jiǎn)介布局表格內(nèi)從上到下依次繪制680×31像素和680×194像素的兩個(gè)布局單元格；使用相同的方法在福娃揭秘布局表格內(nèi)從上到下依次繪制257×42像素和257×183像素的兩個(gè)布局單元格，如圖所示。（8）使用相同的方法，在952×286像素的布局表格內(nèi)，從左到右依次繪制341×286像素、15×286像素、324×286像素、15×286像素和257×286像素的五個(gè)布局表格。其中15×280像素的表格用來(lái)分割網(wǎng)站的各個(gè)信息區(qū)，其余表格分別用來(lái)放置精彩圖片、名人說(shuō)福娃、投票調(diào)查，如圖所示。（9）單擊“布局單元格”按鈕，在精彩圖片布局表格內(nèi)從上到下依次繪制341×33像素和341×253像素的兩個(gè)布局單元格。使用相同的方法在名人說(shuō)福娃布局表格內(nèi)從上到下依次繪制324×33像素和324×253像素的兩個(gè)布局單元格；在投票調(diào)查布局表格內(nèi)從上到下依次繪制257×40像素和257×246像素的兩個(gè)布局單元格，完成網(wǎng)頁(yè)主體的布局，如圖所示。4.1.3布局主頁(yè)底部在網(wǎng)站主體的下方繪制一個(gè)1260×148像素的布局表格，接著單擊“布局單元格”按鈕，在此布局表格中，從左到右分別繪制154×148像素、952×148像素和154×148像素的三個(gè)布局單元格，最終完成網(wǎng)頁(yè)的整體布局，如圖所示。4.2.1設(shè)置網(wǎng)頁(yè)屬性1.設(shè)置網(wǎng)頁(yè)標(biāo)題（1）方法一：打開(kāi)FuWa目錄下的index.html文檔，在文檔工具欄的“標(biāo)題”文本框中輸入“北京奧運(yùn)吉祥物-福娃”作為網(wǎng)頁(yè)標(biāo)題，如圖所示。4.2設(shè)計(jì)主頁(yè)（2）方法二：在菜單欄中選擇“修改”→“頁(yè)面屬性”命令，彈出“頁(yè)面屬性”對(duì)話框，在“分類”列表框中選擇“標(biāo)題/編碼”選項(xiàng)，然后在右側(cè)的“標(biāo)題”文本框輸入網(wǎng)頁(yè)的標(biāo)題，如圖所示。2.設(shè)置網(wǎng)頁(yè)的其他屬性（1）外觀：在“分類”列表中選擇“外觀”選項(xiàng)，則右側(cè)信息主要用于設(shè)置網(wǎng)頁(yè)基本頁(yè)面布局，包括頁(yè)面字體、大小、文本顏色、背景顏色、背景圖像、左邊距、右邊距、上邊距和下邊距等。本實(shí)例中設(shè)置頁(yè)面字體為“宋體”、大小為“14像素”、左邊距為“0”像素、上邊距為“0”像素，其它屬性保持默認(rèn)值不變，如圖所示。（2）鏈接：網(wǎng)頁(yè)中的鏈接就是以文字或圖像作為鏈接對(duì)象，然后指定一個(gè)要跳轉(zhuǎn)到的目標(biāo)網(wǎng)頁(yè)地址，當(dāng)瀏覽者單擊文字或其他對(duì)象時(shí)，瀏覽器就會(huì)自動(dòng)跳轉(zhuǎn)到指定的目標(biāo)網(wǎng)頁(yè)。在“分類”列表中選擇“鏈接”選項(xiàng)，則右側(cè)選項(xiàng)主要用于設(shè)置網(wǎng)頁(yè)中超鏈接的字體、字體大小、各種鏈接顏色、鏈接下劃線的樣式等。本實(shí)例中設(shè)置鏈接顏色、已訪問(wèn)鏈接和活動(dòng)鏈接顏色均為“#000000”，鏈接下劃線的樣式為“始終無(wú)下劃線”，其它屬性保持默認(rèn)值不變，如圖所示。4.2.2設(shè)置表格屬性（1）單擊如圖所示的編輯窗口正上方“布局模式[退出]”中的“退出”超鏈接切換到“標(biāo)準(zhǔn)”視圖。（2）在表格邊框線上單擊選中“網(wǎng)站頭部”表格，此表格內(nèi)包含網(wǎng)站頭部的所用表格和單元格，打開(kāi)“屬性”面板，在“屬性”面板的“對(duì)齊”下拉列表中選擇“居中對(duì)齊”選項(xiàng)，如圖所示。（3）使用相同的方法將“網(wǎng)站主體”表格和“網(wǎng)站底部”表格也設(shè)置為居中對(duì)齊方式。

4.2.3插入文本和圖像（1）通過(guò)單擊鼠標(biāo)將光標(biāo)定位到第一行第一個(gè)單元格中，在“屬性”面板中單擊“背景”文本框后面的瀏覽按鈕，在打開(kāi)的“選擇圖像源文件”對(duì)話框中選擇背景圖像logo_left.gif（所有的網(wǎng)頁(yè)素材都需要在前期收集、整理加工、整理好），如圖所示。（2）使用同樣的方法，分別在第一行第二個(gè)單元格和第一行第三個(gè)單元格中插入背景圖像logo_center.jpg和logo_right.gif，完成Logo區(qū)的設(shè)置，如圖所示。（3）選擇第二行，在“屬性”面板中設(shè)置背景顏色為“#333333”、字體為“宋體”、大小為“14px”、字體顏色為“#FFFFFF”、單元格水平對(duì)齊方式為“水平對(duì)齊”，垂直對(duì)齊方式為“居中”。（4）在第二行中依次輸入導(dǎo)航名稱“網(wǎng)站主頁(yè)”、“福娃簡(jiǎn)介”、“福娃揭密”、“福娃動(dòng)態(tài)”、“福娃運(yùn)動(dòng)造型”、“歷屆奧運(yùn)會(huì)吉祥物”、“福娃感言”、“奧運(yùn)官網(wǎng)”，各個(gè)導(dǎo)航名稱之間使用“|”分隔開(kāi)，其屬性面板設(shè)置和效果如圖所示。（5）使用同樣的方法，在表格第三行中插入背景圖像daohangbg2.gif，此時(shí)完成網(wǎng)站頭部信息編輯。（6）將光標(biāo)定位到福娃動(dòng)態(tài)區(qū)的第一行單元格中，選擇“插入”→“圖像”命令，將圖像fwdt.gif插入到相應(yīng)的單元格中。（7）將光標(biāo)定位到網(wǎng)站banner區(qū)單元格中，選擇“插入”→“圖像”命令，將圖像banner.gif插入到相應(yīng)的單元格中。（8）將光標(biāo)定位到網(wǎng)站公告欄區(qū)的第一行單元格中，選擇“插入”→“圖像”命令，將圖像gonggaolan.gif插入到相應(yīng)的單元格中。將光標(biāo)定位到網(wǎng)站公告欄區(qū)的第二行單元格中，在“屬性”面板中其設(shè)置背景顏色為“#F0F0F0”，如圖所示。（9）使用相同的方法在福娃簡(jiǎn)介區(qū)的第一行和第二行分別插入圖像fwjj.gif和圖像fwjjtp.jpg，完成福娃簡(jiǎn)介區(qū)的布局。（10）使用相同的方法，分別完成福娃揭秘、精彩圖片、名人說(shuō)福娃和投票調(diào)查區(qū)的編輯，如圖所示。（11）將光標(biāo)定位到網(wǎng)頁(yè)底部的版權(quán)區(qū)中，設(shè)置背景圖像為banquan.gif，并且輸入網(wǎng)站相關(guān)的版權(quán)信息，調(diào)節(jié)其顯示位置和字體大小、顏色等，如圖所示。（12）至此，主頁(yè)的基本框架已設(shè)計(jì)完成，接下來(lái)在福娃動(dòng)態(tài)、公告欄、福娃揭秘、投票調(diào)查、精彩圖片和名人說(shuō)福娃區(qū)添加相應(yīng)文字，并且進(jìn)行必要的編輯即可，其效果如圖所示。4.2.4插入Flash動(dòng)畫(huà)只有文本和圖像的網(wǎng)頁(yè)還是很單調(diào)，因?yàn)樗狈?dòng)感。在網(wǎng)頁(yè)中加入Flash動(dòng)畫(huà)、音樂(lè)等元素，可使網(wǎng)頁(yè)更具動(dòng)感，讓網(wǎng)頁(yè)更加精彩。（1）將光標(biāo)定位到主頁(yè)Logo區(qū)的第二個(gè)單元格中，在“屬性”面板中設(shè)置水平對(duì)齊方式為“右對(duì)齊”，選擇“插入”→“媒體”→“Flash”命令，在彈出的“選擇文件”對(duì)話框中，選擇fuwa.swf文件，如圖所示，單擊確定按鈕插入Flash動(dòng)畫(huà)。（2）選中插入的fuwa.swf動(dòng)畫(huà)，在如圖所示的“屬性”面板中設(shè)置Flash動(dòng)畫(huà)的寬為250像素，高為130像素。（3）單擊參數(shù)按鈕，在彈出的“參數(shù)”對(duì)話框中，輸入?yún)?shù)名為“wmode”，參數(shù)值為“transparent”（即讓插入的Flash動(dòng)畫(huà)透明），如圖所示，單擊確定按鈕返回。（4）根據(jù)預(yù)覽效果可進(jìn)一步調(diào)整透明Flash動(dòng)畫(huà)的大小及位置，完成插入透明Flash動(dòng)畫(huà)的操作，其效果如圖所示。4.2.5插入JavaScript網(wǎng)頁(yè)特效代碼

JavaScript是目前網(wǎng)頁(yè)設(shè)計(jì)中最容易學(xué)又最方便的網(wǎng)頁(yè)描述語(yǔ)言，用戶可以利用JavaScript設(shè)計(jì)出各種生動(dòng)活潑的網(wǎng)頁(yè)特效。目前，Internet中JavaScript網(wǎng)頁(yè)特效代碼非常豐富，用戶可以直接下載一些網(wǎng)頁(yè)特效代碼，添加在網(wǎng)頁(yè)中。本實(shí)例根據(jù)“北京奧運(yùn)吉祥物-福娃”網(wǎng)站的設(shè)計(jì)要求，需要在圖片新聞區(qū)添加圖片幻燈片效果，其具體步驟如下：（1）在Internet中搜索下載“新聞圖片幻燈片特效代碼”相關(guān)文件，然后打開(kāi)“新聞圖片幻燈片特效”文件夾，如圖所示，可以看到有一個(gè)xwhdp.html文件、一個(gè)js文件夾和一個(gè)images文件夾。（2）將js文件夾移動(dòng)到站點(diǎn)根目錄下（FuWa\），將images中的所用文件移動(dòng)到根目錄下的images文件夾下，使用Dreamweaver打開(kāi)xwhdp.html文件，選擇代碼視圖，可以看到其代碼。（3）打開(kāi)FuWa根目錄下的index.html文件，將光標(biāo)定位在圖片新聞區(qū)單元格中，選擇“代碼視圖”，將xwhdp.html中的<body>…</body>之間的內(nèi)容復(fù)制到光標(biāo)所在的位置；將xwhdp.html中的<style>…</style>之間的內(nèi)容復(fù)制到index.html文件中<style>…</style>之間。（4）打開(kāi)images文件夾，將文件夾中的ad-01.jpg、ad-02.jpg、ad-03.jpg、ad-04.jpg、ad-05.jpg圖片替換為自己的圖片。（5）使用Dreamweaver打開(kāi)js文件夾下的5adpics.js，選擇代碼視圖，可以看到其代碼。（6）可以根據(jù)代碼說(shuō)明文檔更改相應(yīng)的代碼，完成新聞圖片幻燈片特效的設(shè)置。插入JavaScript網(wǎng)頁(yè)特效代碼之后，就基本上完成了“北京奧運(yùn)吉祥物-福娃”網(wǎng)站主頁(yè)的設(shè)計(jì)，其最終效果如圖所示。

設(shè)計(jì)完成網(wǎng)站主頁(yè)之后，設(shè)計(jì)者還需要繼續(xù)設(shè)計(jì)網(wǎng)站的其他頁(yè)面。由于網(wǎng)站的整體風(fēng)格一致，因此其他頁(yè)面的設(shè)計(jì)只需要對(duì)主頁(yè)進(jìn)行修改即可。4.3設(shè)計(jì)其他相關(guān)網(wǎng)頁(yè)4.3.1內(nèi)容顯示頁(yè)面內(nèi)容顯示頁(yè)面主要用來(lái)顯示主頁(yè)中一些標(biāo)題或圖片（超鏈接）所對(duì)應(yīng)的具體內(nèi)容。包括福娃簡(jiǎn)介、福娃揭秘等對(duì)應(yīng)的鏈接頁(yè)面。（1）在“文件”面板中，選中網(wǎng)站主頁(yè)index.html文檔，單擊鼠標(biāo)右鍵，選擇快捷菜單中的“編輯”→“復(fù)制”命令，在網(wǎng)站根目錄下復(fù)制了一個(gè)“拷貝于index.html”文檔，將其更名為“fwjj.html”

，如圖所示。

（2）打開(kāi)福娃簡(jiǎn)介fwjj.html文檔，對(duì)頁(yè)面主體部分內(nèi)容進(jìn)行修改，方法與制作網(wǎng)站主頁(yè)基本相同，最終效果如圖所示。4.3.3圖片顯示頁(yè)面圖片顯示頁(yè)面主要用來(lái)單獨(dú)或以縮略圖的形式顯示網(wǎng)站中的各種圖片。

本實(shí)例中主要包括福娃運(yùn)動(dòng)造型、歷屆奧運(yùn)會(huì)吉祥物等頁(yè)面。用類似的方法設(shè)計(jì)圖片顯示頁(yè)面，其效果如圖所示。4.3.4留言板頁(yè)面留言板頁(yè)面主要用來(lái)實(shí)現(xiàn)對(duì)網(wǎng)站的留言功能，以達(dá)到和瀏覽者交互的作用。本實(shí)例中就是福娃感言所對(duì)應(yīng)的頁(yè)面。用類似的方法設(shè)計(jì)留言板頁(yè)面，其效果如圖所示。

超鏈接在網(wǎng)站中占據(jù)了舉足輕重的位置，是網(wǎng)絡(luò)的靈魂。通過(guò)超鏈接可以從一個(gè)站點(diǎn)跳轉(zhuǎn)到另一個(gè)站點(diǎn)，可以從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)，此外，還可以鏈接到一個(gè)供下載的文件，鏈接到一個(gè)電子郵件。4.4創(chuàng)建超鏈接4.4.1超鏈接相關(guān)知識(shí)1.超鏈接的分類（1）內(nèi)部超鏈接：指同一個(gè)站點(diǎn)內(nèi)部網(wǎng)頁(yè)文檔之間的超鏈接。（2）外部超鏈接：指站點(diǎn)與站點(diǎn)之間網(wǎng)頁(yè)文檔之間的超鏈接。（3）錨點(diǎn)超鏈接：指在同一個(gè)頁(yè)面或不同頁(yè)面指定位置的超鏈接，這種超鏈接需要通過(guò)錨點(diǎn)來(lái)實(shí)現(xiàn)。（4）郵件超鏈接：指單擊鏈接后啟動(dòng)E-mail郵件客戶端程序，允許用戶發(fā)送郵件到指定的電子郵箱。（5）下載超鏈接：指鏈接的目標(biāo)端點(diǎn)不是瀏覽器能夠識(shí)別的文檔，而是如EXE文件、ZIP文件、RAR文件等，這種超鏈接主要用于向用戶提供下載服務(wù)。2.超鏈接的路徑在網(wǎng)站中每一個(gè)網(wǎng)頁(yè)文件都有一個(gè)獨(dú)立的地址，也就是通常所說(shuō)的URL（統(tǒng)一資源定位器），因此在鏈接目標(biāo)網(wǎng)頁(yè)之前，首先要清楚目標(biāo)網(wǎng)頁(yè)文件的鏈接路徑，概括起來(lái)，文檔的鏈接路徑主要有絕對(duì)路徑、相對(duì)路徑和根目錄相對(duì)路徑三種形式。4.4.2超鏈接的創(chuàng)建1.內(nèi)部超鏈接的創(chuàng)建打開(kāi)“北京奧運(yùn)吉祥物-福娃”網(wǎng)站的主頁(yè)index.html文件，在導(dǎo)航欄中選中“福娃簡(jiǎn)介”四個(gè)字作為超鏈接載體。在“屬性”面板的“鏈接”文本框中輸入目標(biāo)頁(yè)面文件的URL，或者單擊旁邊的“瀏覽文件”按鈕，彈出“選擇文件”對(duì)話框，選擇對(duì)應(yīng)的頁(yè)面文件（fwjj.html）作為超鏈接的目標(biāo)文件，如圖所示。2.熱點(diǎn)超鏈接的創(chuàng)建（對(duì)圖像熱點(diǎn)創(chuàng)建超鏈接時(shí)）（1）選擇福娃簡(jiǎn)介（fwjj.gif）圖像，在“屬性”面板中選擇相應(yīng)的“熱點(diǎn)工具”，從左到右依次是矩形熱點(diǎn)工具、圓形熱點(diǎn)工具和多邊形熱點(diǎn)工具，如圖所示。（2）使用“矩形熱點(diǎn)工具”在福娃簡(jiǎn)介圖像中的貝貝區(qū)域用鼠標(biāo)拖動(dòng)劃出一個(gè)熱點(diǎn)，如圖所示，之后在“屬性”面板中使用相同的方法創(chuàng)建超鏈接，使其鏈接到對(duì)應(yīng)的網(wǎng)頁(yè)文件。3.外部超鏈接的創(chuàng)建（1）在導(dǎo)航欄中選中“奧運(yùn)官網(wǎng)”四個(gè)字，然后在“屬性”面板中的“鏈接”文本框中輸入北京奧運(yùn)會(huì)官方網(wǎng)站的網(wǎng)址/，如圖所示。（2）根據(jù)實(shí)際需要，可以在“屬性”面板中的“目標(biāo)”選項(xiàng)中設(shè)置鏈接頁(yè)面在瀏覽器中的打開(kāi)方式，共有四個(gè)選項(xiàng)（_blank，_parent，_self，_top）。（3）保存全部網(wǎng)頁(yè)，然后按F12鍵預(yù)覽網(wǎng)頁(yè)，當(dāng)單擊“奧運(yùn)官網(wǎng)”時(shí)，網(wǎng)頁(yè)就會(huì)跳至北京奧運(yùn)會(huì)官方網(wǎng)站的主頁(yè)上。4.錨點(diǎn)超鏈接的創(chuàng)建當(dāng)一個(gè)網(wǎng)頁(yè)的主題或文字較多而無(wú)法一屏顯示時(shí)，可以在網(wǎng)頁(yè)內(nèi)建立多個(gè)標(biāo)記點(diǎn)，將超鏈接指定到這些標(biāo)記點(diǎn)上，從而實(shí)現(xiàn)頁(yè)內(nèi)鏈接和快速定位顯示，最終使瀏覽者快速找到要閱讀的內(nèi)容，