第9章建立Web服務(wù)器和站點(diǎn)發(fā)布

1、第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 第第9章章 建立建立web服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.1 pws和和iis介紹介紹 9.2 web站點(diǎn)開發(fā)實(shí)例站點(diǎn)開發(fā)實(shí)例 9.3 使用使用frontpage的視圖管理站點(diǎn)的視圖管理站點(diǎn) 9.4 站點(diǎn)的發(fā)布站點(diǎn)的發(fā)布 實(shí)訓(xùn)九實(shí)訓(xùn)九 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.1 pws和和iis介紹介紹 利用frontpage創(chuàng)建的站點(diǎn)要讓人瀏覽，必須把它 發(fā)布到服務(wù)器上。pc機(jī)用戶若要?jiǎng)?chuàng)建一個(gè)internet服務(wù) 器，目前可以利用pws和iis。 第第9 9章章 建立建立webweb

2、服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 pws的全稱為personal web server，是微軟開發(fā)的 個(gè)人網(wǎng)站服務(wù)器，主要應(yīng)用于個(gè)人信息共享和web開 發(fā)，適合于創(chuàng)建小型的個(gè)人站點(diǎn)。利用pws，可以在 不上網(wǎng)的情況下對(duì)自己的網(wǎng)站進(jìn)行調(diào)試，這樣做能節(jié) 省上網(wǎng)費(fèi)用。pws是一個(gè)桌面型的web服務(wù)器，使用 它可以自動(dòng)創(chuàng)建個(gè)性化主頁，以拖放的方式發(fā)布文檔。 在pws的幫助下，我們可以快速簡便地進(jìn)行web站點(diǎn) 設(shè)置。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 由于是面向個(gè)人用戶，pws只能安裝在微軟的消 費(fèi)類操作系統(tǒng)，即windows 98之上。如果對(duì)服務(wù)器的 功能、安全性等

3、有更多要求的話，應(yīng)該使用微軟的企 業(yè)級(jí)internet服務(wù)器軟件iis。 iis(internet information server，互聯(lián)網(wǎng)信息服務(wù)) 是windows服務(wù)器系列的internet服務(wù)組件，可以運(yùn)行 于微軟的服務(wù)器版操作系統(tǒng)之上，包括windows nt、 windows2000和windows xp。iis提供了比pws更高級(jí) 的穩(wěn)定性和安全特性。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 iis包括web服務(wù)器、ftp服務(wù)器、nntp服務(wù)器和 smtp服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服 務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)(包括互聯(lián)網(wǎng)和局

4、 域網(wǎng))上發(fā)布信息變成了一件很容易的事。隨著微軟的 不斷改進(jìn)，windows2000服務(wù)器iis已經(jīng)逐漸取代 unix，成為了internet上最流行的web服務(wù)器軟件組合。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.1.1 pws的安裝與使用的安裝與使用 pws是隨windows 98一同發(fā)售的，它包含在 windows 98的光盤中。要安裝pws，在光驅(qū)里放入 windows 98的完整安裝光盤，進(jìn)入光盤的add-onspws 目錄，雙擊setup.exe文件，開始安裝personal web server。此時(shí)系統(tǒng)將彈出安裝界面的第一步，提示pws 的的服

5、務(wù)功能，單擊“下一步”按鈕進(jìn)入如圖9-1所示 的界面。pws有“最小”、“典型”和“自定義”3種 安裝選擇，一般選“典型”安裝即可。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 如果希望要更多的示例和文檔參考或者一些附加 特性，可選擇“自定義”選項(xiàng)，打開pws詳細(xì)組件選 擇窗口，從中選擇需要的部分，如圖9-2所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-1 pws安裝類型選擇安裝類型選擇 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-2 自定義自定義pws安裝安裝 第第9 9章章 建立建立webw

6、eb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 設(shè)置好各個(gè)需要的組件之后，單擊“下一步”按鈕， 安裝程序會(huì)彈出目錄設(shè)置窗口。如無特殊需求，建議不 要更改，以缺省目錄來安裝。連續(xù)單擊兩次“下一步” 按鈕，就進(jìn)入了正式安裝階段，屏幕上會(huì)顯示一個(gè)安裝 進(jìn)度條。當(dāng)安裝完成后，系統(tǒng)會(huì)提示重新啟動(dòng)計(jì)算機(jī)。 系統(tǒng)重新啟動(dòng)后，會(huì)在右下角的系統(tǒng)托盤中多出一個(gè)手 托文檔的圖標(biāo)。這就是pws的快速訪問圖標(biāo) ，雙 擊該圖標(biāo)可以迅速調(diào)出pws的設(shè)置窗口，如圖9-3所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 打開瀏覽器，在地址欄中輸入“l(fā)ocalhost”或 “”后回車。這時(shí)如果

7、出現(xiàn)了pws的歡迎畫面， 表明pws安裝成功。 由圖9-3可看出，pws的管理器界面共有5個(gè)部分， 可分別管理不同的功能。下面分別來講解各個(gè)功能模 塊的作用。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-3 pws設(shè)置窗口設(shè)置窗口 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 1. 主屏主屏 主屏又細(xì)分為“發(fā)布”和“監(jiān)視”兩部分。“發(fā) 布”中的按鈕可以控制web服務(wù)器的運(yùn)行、停止。 “監(jiān)視”中的內(nèi)容是對(duì)web站點(diǎn)訪問的一些統(tǒng)計(jì)信息。 本例中的主頁是“http:/169”。這是pws根據(jù)你的主機(jī) 名所建的虛擬域名。主頁所在的位置是 “c:

8、inetpubwwwroot”。就是 說，當(dāng)在瀏覽器的地址 欄中輸入“169”時(shí)，所訪問的是保存在 “c:inetpubwwwroot”的站點(diǎn)文件。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 2. 發(fā)布發(fā)布 這里提供了定制個(gè)人發(fā)布主頁及編輯發(fā)布文件列 表的功能，將文件發(fā)布出去，以供給別人瀏覽和下載。 按照向?qū)У奶崾就瓿砂l(fā)布后，用戶的主頁中就多了一 個(gè)“查看我發(fā)布的文檔”的超鏈接。單擊可查看或下 載你所發(fā)布的文件。 3. web站點(diǎn)站點(diǎn) 可在這里編輯主頁，查看來賓簿，打開留言簿， 以得到一些反饋信息。 4. 教學(xué)課程教學(xué)課程 這里提供了快速學(xué)習(xí)和使用pws的方法。 第

9、第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 5. 高級(jí)高級(jí) 從“高級(jí)”選項(xiàng)中可以看到當(dāng)前web服務(wù)器虛擬目 錄的結(jié)構(gòu)。一般不用再對(duì)它進(jìn)行修改，pws在安裝的 時(shí)候就為我們設(shè)置好了，如圖9-4所示。 在“默認(rèn)文檔”中，可改變當(dāng)以 http:/的形式訪問時(shí)，瀏覽器默認(rèn)調(diào)用 的文件名以及調(diào)用時(shí)搜索的順序。我們知道，瀏覽器 只能顯示一個(gè)一個(gè)的web頁面，那為什么輸入像 這樣的站點(diǎn)名也可以打開呢？這就是“默 認(rèn)文檔”在起作用。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 啟用“默認(rèn)文檔”后，只需在瀏覽器中輸入站點(diǎn)名， 瀏覽器便會(huì)自動(dòng)打開站點(diǎn)內(nèi)的“默認(rèn)文檔

10、”所指定的 web文件。如果選中了“允許瀏覽目錄”，則瀏覽文 件夾時(shí)，如果此文件夾中沒有“默認(rèn)文檔”中指定的 任何一個(gè)文件，則會(huì)自動(dòng)以“列目錄”的方式把此文 件夾中所有的文件和目錄都顯示出來。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-4 pws的的“高級(jí)高級(jí)”選項(xiàng)選項(xiàng) 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.1.2 iis的安裝與使用的安裝與使用 在windows 2000和windows xp中都已經(jīng)集成了iis， windows 2000中集成的是5.0版，windows xp中集成的 是5.1版。默認(rèn)情況下，不會(huì)在w

11、indows xp上自動(dòng)安裝 iis，可以通過“控制面板”中的“添加或刪除程序”安 裝iis或選擇附加組件。要安裝iis，首先進(jìn)入“控制面 板”，依次選擇“添加或刪除程序”“添加/刪除 windows組件”，顯示“windows組件向?qū)А保鐖D9-5 所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-5 安裝安裝iis組件組件 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在“web組件”對(duì)話框中，取消選擇“internet信 息服務(wù)(iis)”的復(fù)選框(如果有)，重新勾選后單擊“下 一步”即可完成iis組件的添加。用這種方法將最大化

12、 安裝iis組件，包括web、ftp和smtp等全部服務(wù)。 如果只需要建立一個(gè)web服務(wù)器，而不需要ftp等 服務(wù)，則為了性能和安全性方面的考慮，應(yīng)該僅僅安 裝需要的組件。單擊“internet信息服務(wù)”，然后單擊 “詳細(xì)信息”，彈出iis詳細(xì)組件列表，如圖9-6所示。 只選擇“internet信息服務(wù)管理單元”、“公用文件” 和“萬維網(wǎng)服務(wù)”3項(xiàng)即可。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-6 定制定制iis組件組件 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 安裝完成后，打開“控制面板”，依次選擇“管 理工具”“intern

13、et信息服務(wù)”，打開iis配置界面，如 圖9-7所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-7 iis管理器界面管理器界面 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 internet信息服務(wù)管理單元提供了一些服務(wù)器管理 選項(xiàng)，用于控制網(wǎng)站或ftp站點(diǎn)的內(nèi)容以及對(duì)這些站點(diǎn) 的訪問。例如，如果你是一位開發(fā)人員，在將站點(diǎn)上 載到internet之前要對(duì)站點(diǎn)進(jìn)行測試，則可以使用此工 具測試你的設(shè)置并查看這些設(shè)置在最終服務(wù)器上的精 確效果。在以前版本的iis中，此工具稱為internet服務(wù) 管理器。 internet信息服務(wù)管理單元

14、包含下列功能。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 服務(wù)器的一些附加設(shè)置，如管理ftp站點(diǎn)、隔 離應(yīng)用程序、映射mime類型或指定其他腳本引擎等。 新建虛擬目錄的向?qū)А?管理internet信息服務(wù)網(wǎng)絡(luò)安裝的功能。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 iis管理窗口的界面與windows資源管理器的界面 相似，左邊為站點(diǎn)列表，單擊站點(diǎn)名稱前面的“加”、 “減號(hào)”可以展開、收縮站點(diǎn)的文件夾列表；選中一 個(gè)文件夾時(shí)，在右邊的子窗口中會(huì)列出所選文件夾的 詳細(xì)文件列表，在“操作”菜單中有對(duì)當(dāng)前選擇站點(diǎn) 可以使用的命令列表。 第第9 9

15、章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在安裝iis的同時(shí)，系統(tǒng)建立了一個(gè)簡易的默認(rèn)站 點(diǎn)，站點(diǎn)名為“計(jì)算機(jī)主機(jī)名”，在本例中為 “ccxp”，對(duì)應(yīng)于本地路徑“c:inetpubwwwroot”(iis 默認(rèn)值)。該默認(rèn)站點(diǎn)有兩個(gè)虛擬目錄iishelp和msmq。 利用虛擬目錄可以將分散在各處的文件組織在一個(gè)站 點(diǎn)里面。 設(shè)本機(jī)的ip地址為，自己的網(wǎng)頁放在 d:mysite目錄下，網(wǎng)頁的首頁文件名為index.htm，現(xiàn) 在根據(jù)這些建立自己的web服務(wù)器。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 對(duì)于此web站點(diǎn)，可以用現(xiàn)

16、有的“默認(rèn)web站點(diǎn)” 來做相應(yīng)的修改后，就可以輕松實(shí)現(xiàn)。選中“默認(rèn)網(wǎng) 站”，單擊右鍵后在快捷菜單中選擇“屬性”，或單擊 工具欄上的屬性圖標(biāo) ，彈出“默認(rèn)web站點(diǎn)屬性” 設(shè)置窗口。 修改綁定的ip地址：單擊“網(wǎng)站”選項(xiàng)卡，在“ip 地址”下拉列表中選擇所需用到的本機(jī)ip地址 “”。 修改主目錄：單擊“主目錄”選項(xiàng)卡，在“本地路 徑”輸入(或用“瀏覽”按鈕選擇)自己網(wǎng)頁所在的 “d:mysite”目錄，如圖9-8所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-8 網(wǎng)站主目錄屬性網(wǎng)站主目錄屬性 第第9 9章章 建立建立webweb服務(wù)器

17、和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 添加首頁文件名：單擊“文檔”選項(xiàng)卡，再按 “添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”中輸入自 己網(wǎng)頁的主頁文件名“index.htm”。 添加虛擬目錄：比如主目錄在“d:mysite”下， 而你想輸入“/music”就可調(diào)出 “e:mariahcarey”中的網(wǎng)頁文件，這里面的“music”就 是虛擬目錄。請(qǐng)?jiān)凇澳J(rèn)web站點(diǎn)”上單擊右鍵，選 擇“新建”“虛擬目錄”，依次在“別名”處輸入 “music”，在“目錄”處輸入“e:mariahcarey”，之后 再按提示操作即可添加成功。 效果的測試：打開ie瀏覽器，在地址欄輸入 “192.168.0.

18、1”之后再按回車鍵。此時(shí)，若能調(diào)出你自 己網(wǎng)頁的首頁，則說明設(shè)置成功。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.1.3 使用使用frontpage服務(wù)器擴(kuò)展管理站點(diǎn)服務(wù)器擴(kuò)展管理站點(diǎn) 對(duì)于用frontpage開發(fā)的站點(diǎn)來說，為了使它在 web瀏覽器中具有一個(gè)web站點(diǎn)的全部功能，放置站點(diǎn) 的服務(wù)器應(yīng)該安裝frontpage服務(wù)器擴(kuò)展。這些程序使 站點(diǎn)管理員能夠管理站點(diǎn)，使設(shè)計(jì)者能夠使用 frontpage的高級(jí)特性，使訪問者能夠正確訪問站點(diǎn)。 一般來說，frontpage服務(wù)器擴(kuò)展允許frontpage完 成下面的任務(wù)。 第第9 9章章 建立建立webweb服

19、務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 1. 創(chuàng)作創(chuàng)作 服務(wù)器擴(kuò)展可用于處理一些frontpage的高級(jí)創(chuàng)作 特性。如在整個(gè)web上創(chuàng)建導(dǎo)航欄，在web上處理網(wǎng)頁 格式以及超鏈接的自動(dòng)維護(hù)，創(chuàng)建討論組、搜索表單、 計(jì)數(shù)器以及指定數(shù)據(jù)發(fā)送目標(biāo)的表單。某些網(wǎng)頁模板 也依賴于服務(wù)器擴(kuò)展，它還使得多人創(chuàng)作和遠(yuǎn)程創(chuàng)作 成為可能。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 2. 管理管理 服務(wù)器擴(kuò)展可以為web設(shè)置安全權(quán)限，使不同的用 戶可以對(duì)web具有不同等級(jí)的訪問權(quán)利。如是否可以 運(yùn)行腳本和程序，是否可對(duì)web進(jìn)行創(chuàng)建、重命名和 刪除的操作等。 第第9 9章章 建立建立webweb

20、服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在frontpage 2002的服務(wù)器擴(kuò)展中新捆綁了一個(gè)工 作組站點(diǎn)創(chuàng)作和管理工具sharepoint。sharepoint工作組 web站點(diǎn)在其上提供了一個(gè)位置，使工作組可以進(jìn)行 通信、共享文檔并且共同完成項(xiàng)目。用戶僅使用一個(gè) web瀏覽器就可以參與sharepoint工作組web站點(diǎn)討論。 如果使用與sharepoint team services兼容的客戶程序， 例如microsoft office xp，則可以與工作組web站點(diǎn)進(jìn) 行無縫工作，向站點(diǎn)保存文檔、在客戶程序中編輯工 作組web站點(diǎn)文檔并在客戶程序和工作組web站點(diǎn)之間 移動(dòng)信息。 第第9

21、9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 frontpage 2002服務(wù)器擴(kuò)展并不隨office xp一同安 裝，用戶需要在office xp的安裝光盤中找到“sharept” 文件夾，運(yùn)行其中的“setupse.exe”來安裝。這將同時(shí) 安裝sharepoint和msde(microsoft數(shù)據(jù)引擎)，如圖9-9 所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-9 安裝安裝sharepoint 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 安裝完成后，sharepoint已經(jīng)為我們創(chuàng)建了一個(gè)比 較完備的工作組

22、站點(diǎn)。相對(duì)于pws和iis所創(chuàng)建的默認(rèn) 站點(diǎn)來說，這個(gè)站點(diǎn)要精細(xì)、漂亮得多，功能也非常 強(qiáng)大。它使得工作組成員可以在這個(gè)站點(diǎn)上發(fā)表文件、 創(chuàng)建討論板、組織投票、發(fā)布通告、留言等。如果你 的權(quán)限允許的話，你還可以對(duì)站點(diǎn)進(jìn)行站點(diǎn)設(shè)置、用 戶管理、安全檢查等工作，而所有的這些工作只需用 一個(gè)瀏覽器即可完成。 打開瀏覽器，在地址欄輸入在iis中的默認(rèn)站點(diǎn)名 (本例中為http:/ccxp)，打開sharepoint站點(diǎn)，如圖 9-10所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖9-10 sharepoint站點(diǎn)窗口 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)

23、布服務(wù)器和站點(diǎn)發(fā)布 這個(gè)站點(diǎn)提供了一個(gè)工作組站點(diǎn)的框架模板，用 戶可以直接使用。在瀏覽器中單擊相應(yīng)的超鏈接，隨 時(shí)可以為站點(diǎn)添加活動(dòng)內(nèi)容。站點(diǎn)管理員可以通過頁 面頂端的工具條來管理站點(diǎn)。單擊“站點(diǎn)設(shè)置”，再 單擊“轉(zhuǎn)到站點(diǎn)管理”，打開如圖9-11所示的窗口。 站點(diǎn)管理員可以在這里進(jìn)行以下工作。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖9-11 sharepoint站點(diǎn)管理窗口 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 管理用戶和角色：更改匿名訪問設(shè)置，添加、刪 除用戶，指定用戶類型。 指定站點(diǎn)文檔討論和訂閱設(shè)置：更改站點(diǎn)討論和 訂閱設(shè)

24、置，管理討論和訂閱的內(nèi)容。 管理子站點(diǎn)：創(chuàng)建、合并、刪除子站點(diǎn)。 指定使用率分析設(shè)置。 指定服務(wù)器健全檢查設(shè)置。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.2 web站點(diǎn)開發(fā)實(shí)例 在學(xué)習(xí)了如何創(chuàng)建和使用服務(wù)器后，我們現(xiàn)在把 注意力放在如何創(chuàng)建和發(fā)布web站點(diǎn)上來。在本章中， 我們將學(xué)習(xí)從網(wǎng)站規(guī)劃、收集素材、頁面制作，到網(wǎng) 站發(fā)布的全過程。 站點(diǎn)的創(chuàng)建并不是簡單地把相關(guān)的網(wǎng)頁通過超鏈 接組合在一起，而站點(diǎn)的發(fā)布也不是簡單地把這些相 關(guān)的網(wǎng)頁放在服務(wù)器上，特別是對(duì)一些比較復(fù)雜的站 點(diǎn)來說，我們需要借助frontpage 2002中的關(guān)于創(chuàng)建站 點(diǎn)的更為強(qiáng)大的工具來完

25、成站點(diǎn)的開發(fā)。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 frontpage 2002具有遠(yuǎn)程編輯功能，可以直接編輯 服務(wù)器上的網(wǎng)頁文件，但這要求服務(wù)器支持此項(xiàng)功能， 即服務(wù)器必須安裝frontpage服務(wù)器擴(kuò)展，而且常常會(huì) 受到時(shí)間、速度等因素的制約。所以，更多地是在本 地硬盤中進(jìn)行站點(diǎn)的開發(fā)制作，待站點(diǎn)完成后再將它 上傳到服務(wù)器上。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.2.1 準(zhǔn)備素材和建站環(huán)境準(zhǔn)備素材和建站環(huán)境 要?jiǎng)?chuàng)建一個(gè)網(wǎng)站，首先要明確這個(gè)站點(diǎn)的類型， 是個(gè)人網(wǎng)站、企業(yè)網(wǎng)站還是政府網(wǎng)站等，各種類型的 網(wǎng)站應(yīng)該具有它們各自

26、不同的風(fēng)格。例如，一個(gè)個(gè)人 網(wǎng)站可以根據(jù)站點(diǎn)主人的意愿使用很夸張的色彩組合； 可以使用輕松、隨意的行文風(fēng)格；可以在不違反法律、 道德規(guī)范的情況下，隨意增添站點(diǎn)的內(nèi)容。而一個(gè)政 府網(wǎng)站就不能像個(gè)人網(wǎng)站或商業(yè)網(wǎng)站那樣隨意，無論 在色彩搭配還是版面布局上都應(yīng)該給人一種莊重、嚴(yán) 肅、規(guī)范的感覺。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 其次，就是要明確站點(diǎn)的目的、任務(wù)。是宣傳、 廣告性質(zhì)的，還是服務(wù)性質(zhì)的；它的面向?qū)ο?；要?訪問者說明什么；訪問者能從這個(gè)站點(diǎn)得到什么等等。 然后圍繞著這個(gè)目標(biāo)確立這個(gè)站點(diǎn)應(yīng)該具有哪些內(nèi)容。 接下來就是收集、整理資料，準(zhǔn)備要往站點(diǎn)中添加的

27、內(nèi)容了。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 傳統(tǒng)的媒體資料(如印刷品、照片等)要重現(xiàn)在網(wǎng)上， 必須經(jīng)過數(shù)字化后轉(zhuǎn)換為計(jì)算機(jī)可以處理的形式，也 就是說要將它們轉(zhuǎn)換為一個(gè)具體的計(jì)算機(jī)文件。不同 類型的媒體數(shù)據(jù)有不同格式的計(jì)算機(jī)文件，而且隨著 多媒體技術(shù)的迅猛發(fā)展和計(jì)算機(jī)性能的提高，web站 點(diǎn)的內(nèi)容也越來越豐富多彩，表現(xiàn)形式也越來越多樣 化，從最初的純文本bbs到圖文并茂的http網(wǎng)站，如 今更可以直接在web頁面中嵌入電影、游戲等。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 計(jì)算機(jī)上的各種媒體格式也經(jīng)過不斷的改進(jìn)換代， 如今已達(dá)數(shù)十

28、種之多，且有的還有多個(gè)版本。它們之 中有的已被web創(chuàng)作工具和瀏覽器所支持，可以直接 拿來使用，有些則需要經(jīng)過轉(zhuǎn)換后才能用于網(wǎng)上。下 面我們對(duì)文本、圖像(動(dòng)畫)、聲音(音樂)這3大類進(jìn)行 簡單介紹。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 1. 文本文本 書籍、報(bào)紙、手寫文稿等文字資料除了手工再重 新輸入以外，還可以用如下的辦法：先用掃描儀將其 掃描為圖像文件，再用ocr(光學(xué)字符識(shí)別)軟件處理為 文本文件。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 計(jì)算機(jī)上的文本格式常見的有純文本文檔，以 txt為擴(kuò)展名(以下簡稱txt，其他類同)；

29、word和 windows寫字板文檔doc；wps文檔wps；幫助文件 hlp和chm；網(wǎng)頁文件htm等。除了txt文件是純文 字文檔，可以被所有的軟件識(shí)別外，其他的文件中都 加入了其專屬的控制文字和版面格式的控制代碼，因 此須先轉(zhuǎn)換為txt文件后再導(dǎo)入到frontpage中。現(xiàn)在 word 2002已經(jīng)能很好地將doc轉(zhuǎn)換為htm了。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 還有就是文檔存儲(chǔ)時(shí)的內(nèi)碼格式問題。我國大陸 目前廣泛使用的是gb2312標(biāo)準(zhǔn)，收錄簡體漢字6763個(gè)， 而臺(tái)灣、香港地區(qū)使用的是繁體的big5碼，兩種編碼 的文件不能互通，須經(jīng)內(nèi)碼轉(zhuǎn)換后才能

30、被識(shí)別。這一 情況已嚴(yán)重阻礙了兩岸乃至華人地區(qū)的文化交流。為 此，國家已制定了最新的gbk大字符集標(biāo)準(zhǔn)。gbk標(biāo) 準(zhǔn)收錄了簡、繁漢字兩萬余，以往一些在計(jì)算機(jī)上打 不出來的生僻字已可以直接處理了。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 frontpage在編輯網(wǎng)頁時(shí)可以設(shè)置其所使用的內(nèi)碼 格式(參見圖9-12)。在“網(wǎng)頁屬性”對(duì)話框的“語言” 選項(xiàng)頁面中，“html編碼”一欄指定了文檔存儲(chǔ)的 內(nèi)碼，如果訪問者的計(jì)算機(jī)中安裝了指定的字體，則 瀏覽器就可以正確地顯示網(wǎng)頁。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-12 網(wǎng)頁編碼屬性

31、網(wǎng)頁編碼屬性 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 2. 圖像圖像 繪畫、照片等圖像資料可以用掃描儀掃描后輸入 計(jì)算機(jī)中。不便于掃描的可先拍攝為照片再掃描，或 者用數(shù)字相機(jī)拍攝后直接輸入到計(jì)算機(jī)中。 圖像的格式比較豐富，按表現(xiàn)形式分有黑白、灰 度、彩色；按存儲(chǔ)格式有1位(黑白)、4位(16色)、8位 (256色)、24位(16萬色、真彩色)。它們是隨著計(jì)算機(jī) 性能的提高而逐漸發(fā)展起來的，所需要的存儲(chǔ)空間也 越來越大。在將一個(gè)圖像文件保存時(shí)，又有bmp、gif、 pcx、jpg、png、tif等編碼格式。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器

32、和站點(diǎn)發(fā)布 在internet的早期，由于受帶寬限制，web中不可 能使用太大的圖像文件，gif文件因其具有較高的壓縮 比，使得圖像文件的體積較小，而且可以表現(xiàn)簡單的 動(dòng)畫，所以得到了廣泛的應(yīng)用。但gif是一種8位編碼 格式，只能表現(xiàn)出256種顏色，在圖像的表現(xiàn)力上受到 一定影響，于是就有了jpg圖像文件。jpg是一種24位 圖像格式，在未壓縮的情況下，24位圖像的體積是8位 圖像的3倍。但jpg圖像使用一種有失真的壓縮算法， 在損失一定圖像細(xì)節(jié)的情況下得到極大的壓縮比，使 jpg文件保持很小的體積以利于網(wǎng)絡(luò)的傳輸。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 jpg

33、文件雖然體積較小，但它只能表現(xiàn)靜止圖像。 得益于計(jì)算機(jī)通信技術(shù)的提高，寬帶網(wǎng)絡(luò)開始逐步普 及，近年來web中開始大量使用flash動(dòng)畫文件swf。 swf采用的是矢量存儲(chǔ)格式，在表現(xiàn)圖像的真實(shí)度上 不及jpg，但它豐富的動(dòng)態(tài)表現(xiàn)能力彌補(bǔ)了這一缺憾。 而且swf中可以插入聲音，具有交互能力，所以，近 幾年來網(wǎng)上涌現(xiàn)出了大量的flash動(dòng)畫片、小游戲、 mtv、web廣告等。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 常見的視頻文件格式有avi、mpg、dat、rm、 asf、wmv、mov幾種。avi、mpg和dat由于文件 體積較大，并不適于網(wǎng)絡(luò)播放，dat多見于v

34、cd光盤 中。網(wǎng)絡(luò)中常見的是rm、asf、wmv 3種文件。rm 文件的壓縮比較大，在低分辨率下表現(xiàn)尚可，在高分 辨率下圖像顯得比較粗糙。所以，近來的電影文件常 處理為asf或wmv格式。mov原是蘋果計(jì)算機(jī)上的視 頻格式，近年來也開始應(yīng)用于pc機(jī)上。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 3. 聲音聲音 磁帶、模擬唱片等聲音資料要錄入到計(jì)算機(jī)中， 可將原始音源與計(jì)算機(jī)聲卡的線路輸入接口linein相連 接，重新錄制為數(shù)字信號(hào)。cd、vcd、md等聲音資 料雖然也可以采用這種方法，但轉(zhuǎn)錄后音質(zhì)必然會(huì)有 所損失，況且cd等已經(jīng)是數(shù)字信號(hào)，計(jì)算機(jī)已可以直 接處理，所

35、以，最好采用軟件將其轉(zhuǎn)換為聲音文件的 形式。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 聲音文件也如同圖像文件一般有8位、16位之分。 按采樣率分，常用的有11千赫、22千赫和44千赫3種。 若是立體聲格式的，還要存儲(chǔ)兩個(gè)聲道的聲音數(shù)據(jù)。 位數(shù)和采樣率越高，所需要的存儲(chǔ)空間也越大。舉個(gè) 例子來說，一首cd音質(zhì)44千赫16位立體聲格式的 歌曲若是轉(zhuǎn)為22千赫8位單聲道格式的話，它的體積只 有原來的1/8。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 pc機(jī)上常見的音樂文件有mid、wav、ra、mp3、 wma等幾種。mid文件記錄的是音樂的

36、“樂譜”，所 以它不能用來記錄語音等自然聲音，而且在不同的回 放設(shè)備上會(huì)有不同的表現(xiàn)，但它的文件體積非常小， 因此常常被用來作為網(wǎng)頁的背景音樂。wav文件是出 現(xiàn)較早，也是使用最廣泛的聲音文件，只要是音樂軟 件，必定支持wav文件格式。但是wav文件在存儲(chǔ)時(shí) 并不壓縮，使得文件體積過于巨大，不適合于網(wǎng)絡(luò)傳 播，因此ra文件適時(shí)而生。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在modem一統(tǒng)天下的時(shí)代，ra文件使得在有限 的帶寬下的語音、廣播、電臺(tái)的網(wǎng)上實(shí)時(shí)傳輸成為可 能，正因?yàn)榇?，它被形象地稱為“網(wǎng)絡(luò)收音機(jī)”。也 正是因?yàn)閞a文件的設(shè)計(jì)目標(biāo)所限，它的音質(zhì)不很理想，

37、 漸漸地已不能滿足人們對(duì)高品質(zhì)音樂的需求。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 mp3的出現(xiàn)可以說是pc機(jī)音樂史上的一個(gè)里程碑。 同樣的一首cd音質(zhì)的曲子，mp3文件的體積只有wav 文件的1/10。mp3也是真正實(shí)用化、市場化的數(shù)字音樂 格式，如今和mp3有關(guān)的電子產(chǎn)品已是隨處可見。針 對(duì)mp3可以隨意復(fù)制、傳播的弊病，微軟提出了wma 音樂格式。wma中可以加入數(shù)字版權(quán)保護(hù)技術(shù)，如果 你沒有得到相應(yīng)的許可證的話，將不能播放。wma還 使用了更為先進(jìn)的波形壓縮技術(shù)，使它的體積僅為 mp3文件的一半。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器

38、和站點(diǎn)發(fā)布 綜上所述，不管是圖像的gif、jpg，還是音樂的 wav、mp3，它們最根本的區(qū)別是什么？是所采用的 壓縮算法。wav和mp3可以互相轉(zhuǎn)換，它們最終表達(dá) 出的信息是一樣的，但在記錄形式上卻有極大的差別采 用了更先進(jìn)的算法，就可以減小文件體積，減小了體積 就減小了磁盤空間，就縮短了傳輸時(shí)間，就提高了效率。 在網(wǎng)絡(luò)速率還不是很理想的情況下，web設(shè)計(jì)人員應(yīng)該 對(duì)所使用的圖像和音樂等數(shù)據(jù)小心處理，使之既能達(dá)到 設(shè)計(jì)的要求，又使網(wǎng)頁的體積盡可能地縮小，這樣才能 使得訪問者不至因?yàn)槁L的等待而離去。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 要建設(shè)一個(gè)網(wǎng)站還要準(zhǔn)備

39、好相應(yīng)的建站環(huán)境(即計(jì) 算機(jī)的軟、硬件設(shè)備等)。 在實(shí)際的開發(fā)過程中，隨著進(jìn)度的推進(jìn)，站點(diǎn)中 的內(nèi)容越來越豐富，常常需要使用一些其他的軟件工 具。比如，我們需要對(duì)網(wǎng)頁的背景圖片做一些特效處 理，或者要制作一個(gè)個(gè)性化的徽標(biāo)等，就需要用到一 些圖像處理軟件。又比如，要將一首cd上的音樂作為 網(wǎng)頁的背景音樂，就需要用到聲音處理軟件將它轉(zhuǎn)換 為wav文件或mid文件。在站點(diǎn)制作過程中我們常常 需要在幾種開發(fā)工具之間來回切換，而像圖像處理軟 件等又極其耗費(fèi)系統(tǒng)資源，所以應(yīng)該配備一臺(tái)性能強(qiáng) 勁的計(jì)算機(jī)設(shè)備。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 平時(shí)還要做好數(shù)據(jù)的備份工作，

40、否則一旦出現(xiàn)病 毒、硬件故障等問題，而又沒有備份的話，所有的開 發(fā)成果毀于一旦，不得不從頭重新開始，而其中有些 關(guān)鍵資料或許已經(jīng)難以再獲得。所以，一定要養(yǎng)成經(jīng) 常備份數(shù)據(jù)的良好習(xí)慣。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.2.2 建立站點(diǎn)結(jié)構(gòu)和導(dǎo)航體系建立站點(diǎn)結(jié)構(gòu)和導(dǎo)航體系 當(dāng)我們訪問一些世界知名的站點(diǎn)時(shí)，常會(huì)有這樣 的感覺，那就是這些站點(diǎn)的組織結(jié)構(gòu)非常合理。不論 處于站點(diǎn)中的哪個(gè)網(wǎng)頁，也不論該站點(diǎn)的內(nèi)容多么龐 大繁雜，我們總能很快找到自己所需要的東西，并且 能夠很迅速到達(dá)自己想去的地方。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布

41、 的確，一個(gè)好的web站點(diǎn)離不開一個(gè)好的組織結(jié)構(gòu)。 如何構(gòu)建一個(gè)好的web站點(diǎn)或者網(wǎng)頁，組織結(jié)構(gòu)對(duì)于 設(shè)計(jì)者來說是非常重要的。一個(gè)站點(diǎn)框架結(jié)構(gòu)的好壞 決定了該web站點(diǎn)的成敗。網(wǎng)站框架的構(gòu)建并沒有統(tǒng) 一的規(guī)律，主要取決于設(shè)計(jì)者的經(jīng)驗(yàn)和知識(shí)，但也有 幾條基本的原則可供遵循。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 1. 結(jié)構(gòu)清楚結(jié)構(gòu)清楚 創(chuàng)建一個(gè)好的web站點(diǎn)和寫一篇作文一樣，好的 文章首先要求結(jié)構(gòu)清楚、思路清晰，創(chuàng)建一個(gè)web站 點(diǎn)同樣如此。一個(gè)結(jié)構(gòu)清楚的web站點(diǎn)，看上去簡單、 明了，訪問者在訪問的時(shí)候不會(huì)迷失方向。反之，如 果web站點(diǎn)的結(jié)構(gòu)不清楚，那么訪問者

42、在訪問的時(shí)候 就會(huì)有一種霧里看花的感覺。 請(qǐng)看下面的這個(gè)例子。圖9-13所示是一個(gè)“個(gè)人站 點(diǎn)”的結(jié)構(gòu)圖，在這個(gè)站點(diǎn)中要介紹有關(guān)個(gè)人的一點(diǎn) 資料。這個(gè)結(jié)構(gòu)圖就顯得非常清楚、明確。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖9-13 站點(diǎn)結(jié)構(gòu)圖1 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 而圖9-14所示的一個(gè)站點(diǎn)的結(jié)構(gòu)圖就顯得非?；靵y。 當(dāng)訪問者訪問“我的照片”時(shí)，下面一層卻又出現(xiàn)了 “我的愛好”、“星際”等4個(gè)子頁，這會(huì)讓初次訪問 者感覺摸不著頭腦，如同進(jìn)入迷宮一般。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)

43、布 圖圖9-14 站點(diǎn)結(jié)構(gòu)圖站點(diǎn)結(jié)構(gòu)圖2 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 此外，圖9-14所示的站點(diǎn)的結(jié)構(gòu)圖也不應(yīng)該在不同 層次或?qū)哟蜗嗤珒?nèi)容不相關(guān)的網(wǎng)頁之間建立超鏈接 關(guān)系。所以，在實(shí)際設(shè)計(jì)過程中，一般采用如下兩種 做法，以便讓訪問者能夠很清楚地知道自己在網(wǎng)站中 的位置。 在任何一層的每一個(gè)頁面中，都建立返回首頁 的超鏈接。這樣，訪問者不管身處何處，總能夠很快 返回主頁面。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 使用戶必須在樹形結(jié)構(gòu)中倒退。這樣，訪問者 只能按照設(shè)定的路線行走，在到達(dá)某個(gè)層次的節(jié)點(diǎn)時(shí)， 才可以到達(dá)同層次的

44、其他網(wǎng)頁。這種方法雖然看起來 比較笨重，但卻非常適用。尤其是像上面這種站點(diǎn)， 由于整個(gè)網(wǎng)站的結(jié)構(gòu)比較簡單，只有3層，所以采用這 種方法還是比較合適的。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 2. 層次簡單層次簡單 一個(gè)好的站點(diǎn)一定是結(jié)構(gòu)清晰的，同時(shí)其層次也應(yīng) 該盡量簡單。一個(gè)復(fù)雜的大型web站點(diǎn)并不表示它的 結(jié)構(gòu)層次也非常復(fù)雜。不妨看一看一些世界知名公司 的web站點(diǎn)，它們的站點(diǎn)層次大多很簡單，用戶能夠 很快地找到他們需要的內(nèi)容。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 再來看上面“個(gè)人站點(diǎn)”的例子。通常像這樣的 個(gè)人站點(diǎn)，其層次結(jié)

45、構(gòu)最多不會(huì)超過3層。一是站點(diǎn)本 身比較簡單，沒有過多的內(nèi)容；二是過多的層次結(jié)構(gòu) 容易讓訪問者感到迷惘，總有一種路走不到盡頭的感 覺，而且有時(shí)候會(huì)讓訪問者感到厭煩。 假如，將上面的“個(gè)人站點(diǎn)”的結(jié)構(gòu)稍作改變，變 為如圖9-15所示的結(jié)構(gòu)圖。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-15 站點(diǎn)結(jié)構(gòu)圖站點(diǎn)結(jié)構(gòu)圖3 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 這樣，這個(gè)結(jié)構(gòu)圖變成了5層的結(jié)構(gòu)。這種較多的 層次結(jié)構(gòu)看起來就十分復(fù)雜，尤其是對(duì)于那些初次訪 問該站點(diǎn)的訪問者來說，這樣的層次結(jié)構(gòu)會(huì)給他們帶 來一些麻煩。在這個(gè)本身不是專門的音樂網(wǎng)站

46、的“個(gè) 人站點(diǎn)”，對(duì)“音樂”的組織就顯得繁復(fù)。 對(duì)于一個(gè)簡單的web站點(diǎn)尚且如此，如果要設(shè)計(jì) 和創(chuàng)建一個(gè)有大量內(nèi)容的大中型web站點(diǎn)，那豈不是 有無從下手的感覺。如果站點(diǎn)本身的內(nèi)容就比較多， 資料比較豐富，再加上這么復(fù)雜的結(jié)構(gòu)，那么所創(chuàng)建 出來的站點(diǎn)一定會(huì)給人一種在走迷宮的感覺。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.2.3 編輯和制作網(wǎng)頁編輯和制作網(wǎng)頁 在設(shè)計(jì)和創(chuàng)建一個(gè)web站點(diǎn)時(shí)，組織結(jié)構(gòu)固然很重 要，但也不能忽視網(wǎng)頁外觀的設(shè)計(jì)。網(wǎng)站的組織結(jié)構(gòu) 好比一棟大樓，而網(wǎng)頁的外觀就是這棟大樓的裝修外 飾。當(dāng)訪問者初次瀏覽一個(gè)網(wǎng)站時(shí)，首先吸引他的就 是頁面的外觀。

47、 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 版面設(shè)計(jì)也是一項(xiàng)重要的工作，它要利用有限的 頁面空間，將各種頁面元素組織在一起。各種字體、 圖片、顏色的搭配應(yīng)當(dāng)合理、和諧，努力使整個(gè)版面 做到整潔、美觀、主次分明、圖文并茂。一個(gè)web站 點(diǎn)優(yōu)美的版面設(shè)計(jì)是吸引訪問者的一個(gè)重要因素，它 既要求設(shè)計(jì)人員具有深厚的藝術(shù)修養(yǎng)和文化修養(yǎng)，來 表達(dá)網(wǎng)頁的內(nèi)涵，又需要設(shè)計(jì)人員具有豐富的計(jì)算機(jī) 知識(shí)，可以通過對(duì)各種計(jì)算機(jī)知識(shí)的運(yùn)用來實(shí)現(xiàn)其設(shè) 計(jì)思想。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 本節(jié)主要講解如何從總體上去把握一個(gè)web站點(diǎn)的 版面設(shè)計(jì)，其中有哪

48、些基本的規(guī)律可以遵循。 版面設(shè)計(jì)雖沒有一個(gè)定式，但一般來說應(yīng)注意以 下兩點(diǎn)。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 1. 網(wǎng)站的風(fēng)格要統(tǒng)一網(wǎng)站的風(fēng)格要統(tǒng)一 一個(gè)網(wǎng)站是由很多個(gè)網(wǎng)頁組成的，如果每個(gè)網(wǎng)頁 的風(fēng)格都不一樣，一定會(huì)使整個(gè)網(wǎng)站顯得雜亂、不協(xié) 調(diào)，甚至使訪問者感到迷惘，不知自己是否還是在同 一個(gè)網(wǎng)站里，所以，一定要使站點(diǎn)內(nèi)所有的頁面保持 一致的風(fēng)格。特別是在一個(gè)網(wǎng)站由多個(gè)人來共同開發(fā) 的情況下，更應(yīng)該注意這個(gè)問題。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 要使網(wǎng)站的風(fēng)格保持一致，包括網(wǎng)頁的色彩運(yùn)用、 文本的風(fēng)格(字體、大小、顏色

49、)、網(wǎng)頁中有代表性的東 西都要保持一致。比如網(wǎng)頁的主色調(diào)要統(tǒng)一，不能在 一個(gè)頁面中使用了暖色調(diào)而在它的子頁面中卻使用了 冷色調(diào)。還有，網(wǎng)站的名稱、網(wǎng)站的徽標(biāo)、有代表性 的圖片和動(dòng)畫等均要保持一致。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 要使制作出來的網(wǎng)頁的形式和內(nèi)容協(xié)調(diào)統(tǒng)一，一 個(gè)很好的方法就是使用主題。主題是frontpage為網(wǎng)頁 設(shè)計(jì)人員提供的一個(gè)非常有用的工具，它可以幫助我 們實(shí)現(xiàn)這個(gè)目標(biāo)。主題可以運(yùn)用在整個(gè)站點(diǎn)上，使站 點(diǎn)內(nèi)所有的網(wǎng)頁具有統(tǒng)一的外觀和感覺，也可以運(yùn)用 在站點(diǎn)的一部分或單個(gè)網(wǎng)頁上。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)

50、器和站點(diǎn)發(fā)布 另一個(gè)使頁面保持一致的方法是使用樣式表。樣式 表定義了網(wǎng)頁的字體格式。我們可以定義一個(gè)樣式表文 件，然后鏈接到站點(diǎn)內(nèi)的網(wǎng)頁中。這樣，我們就將所有 網(wǎng)頁的字體樣式統(tǒng)一了。以后若想要改變站點(diǎn)的風(fēng)格或 文字格式，只要改動(dòng)這個(gè)樣式表文件就可以了。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 2. 版面的合理布局版面的合理布局 如果將整個(gè)頁面作為單一的整體來放置文本或圖像， 常常會(huì)使版面設(shè)計(jì)顯得單調(diào)和缺乏生氣。而框架和表 格的出現(xiàn)，正好打破了這種單一頁面式一統(tǒng)天下的局 面。在網(wǎng)頁設(shè)計(jì)中，靈活地運(yùn)用框架和表格，可以使 頁面的風(fēng)格變得生動(dòng)活潑，排版起來更加方便。 第第

51、9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 框架的主要功能是將所創(chuàng)建的網(wǎng)頁分割成大小不 同的區(qū)域，而每個(gè)區(qū)域各自獨(dú)立，分別鏈接到不同的 網(wǎng)頁或web地址，這能夠很好地解決網(wǎng)頁空間狹小的 問題。frontpage 2002提供了10種結(jié)構(gòu)的框架模板，如 果運(yùn)用得當(dāng)，可以使網(wǎng)頁布局合理、整齊。 表格也是一種改善頁面布局的有力工具。表格可 以將整個(gè)頁面分成排列有序的單元格，而各個(gè)單元格 又可以再進(jìn)行分割或合并。利用這些單元格，可以更 為精確地控制文本和圖像在頁面中的位置，可以更加 靈活地對(duì)行和列中的信息進(jìn)行排版組織。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和

52、站點(diǎn)發(fā)布 表格在圖文混排中應(yīng)用尤為廣泛。frontpage是一 個(gè)基于行結(jié)構(gòu)的排版工具，如果在一行中直接排放文 本和圖像，會(huì)使整個(gè)版面看上去很糟糕。而表格就有 了分割版面的作用，一個(gè)個(gè)單元格就是一個(gè)個(gè)容器， 每一個(gè)容器可以存放不同的內(nèi)容，可以有不同的對(duì)齊 方式，使我們能夠更精確地定位頁面元素。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.3 使用使用frontpage的視圖管理站點(diǎn)的視圖管理站點(diǎn) 創(chuàng)建完一個(gè)站點(diǎn)后，最重要也是最辛苦的就是對(duì) 站點(diǎn)的管理。例如，如何保證所創(chuàng)建的web站點(diǎn)能夠 順利地運(yùn)行，如何能夠及時(shí)地更新web站點(diǎn)；如何能 夠有效地管理和維護(hù)web站

53、點(diǎn)等。frontpage 2002提供 了許多強(qiáng)有力的管理站點(diǎn)的工具，譬如“視圖”。 frontpage提供了6種視圖，其中的“網(wǎng)頁”和“導(dǎo)航” 視圖我們在前面的章節(jié)中已多次用到，本節(jié)中，我們 將會(huì)講述frontpage的另外4種視圖在管理站點(diǎn)方面的作 用。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.3.1 “任務(wù)任務(wù)”視圖視圖 當(dāng)用戶在“網(wǎng)頁”視圖中編輯網(wǎng)頁時(shí)，經(jīng)常會(huì)遇 到這樣的情況：就是發(fā)現(xiàn)當(dāng)某件事情需要完成時(shí)，在 關(guān)鍵時(shí)刻卻沒有足夠的時(shí)間或者資源來完成。有了 frontpage 2002以后，用戶就不必再像以往那樣，在字 處理器或者是某個(gè)文本文件中草草地記

54、下這件事情， 而可以直接從“網(wǎng)頁”視圖中添加一個(gè)任務(wù)到“任務(wù)” 視圖中去。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 任務(wù)可以幫助跟蹤web站點(diǎn)中需要完成的工作?？?以將任務(wù)分配給個(gè)人或工作組。任務(wù)可以包含對(duì)web 站點(diǎn)上或某個(gè)特定文件上要完成的工作的說明。對(duì)于 文件，可以將該任務(wù)與一個(gè)文件相關(guān)聯(lián)，再將其分配 給自己或某個(gè)合作者。任務(wù)可以與web站點(diǎn)上的任何 文件(如web頁、圖片、聲音)相關(guān)聯(lián)。在“任務(wù)”視圖 下，可以監(jiān)視自己web站點(diǎn)中的任務(wù)狀態(tài)，有哪些需 要完成，有哪些已經(jīng)完成。 在編輯一個(gè)網(wǎng)頁時(shí)需要添加一個(gè)任務(wù)，可以進(jìn)行 這樣的操作。選擇“編輯”“任務(wù)”“添

55、加任務(wù)” 命令，彈出“新建任務(wù)”對(duì)話框，如圖9-16所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-16 新建任務(wù)新建任務(wù) 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在“任務(wù)名稱”中給任務(wù)建立一個(gè)合適的名稱， 在“說明”中輸入任務(wù)的簡要說明，單擊“確定”按 鈕，新添加的任務(wù)就顯示在“任務(wù)”視圖中了。以后 待時(shí)機(jī)成熟時(shí)，我們在“任務(wù)”視圖中該項(xiàng)任務(wù)上選 擇“開始任務(wù)”，frontpage就會(huì)打開該項(xiàng)任務(wù)所關(guān)聯(lián) 的文件。任務(wù)完成后，frontpage會(huì)提示你將該項(xiàng)任務(wù) 標(biāo)記為完成，如圖9-17所示。 第第9 9章章 建立建立webw

56、eb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-17 任務(wù)完成任務(wù)完成 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在大多數(shù)情況下，為站點(diǎn)創(chuàng)建的任務(wù)要么是通過 站點(diǎn)向?qū)ё詣?dòng)創(chuàng)建，要么是自己手工創(chuàng)建。在某些情 況下，比如執(zhí)行拼寫檢查，frontpage 2002也會(huì)為錯(cuò)誤 創(chuàng)建一個(gè)任務(wù)。這樣一來，定期檢查任務(wù)就是一件有 意義的事情了。我們在關(guān)閉自己的站點(diǎn)時(shí)，應(yīng)切換到 “任務(wù)”視圖中，檢查一下是否有任務(wù)還未完成。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 9.3.2 “超鏈接超鏈接”視圖視圖 web網(wǎng)頁與其他網(wǎng)站或網(wǎng)頁的聯(lián)系是通過超鏈接實(shí) 現(xiàn)的，

57、因此，必須對(duì)網(wǎng)站中的超鏈接進(jìn)行統(tǒng)一且有效 的管理。在frontpage中，管理超鏈接一般在“超鏈接” 視圖中進(jìn)行。打開一個(gè)站點(diǎn)，切換到“超鏈接”視圖， 我們可以看到如圖9-18所示的畫面。 屏幕左邊的窗格為文件列表，右邊的窗格中顯示 了站點(diǎn)的超鏈接結(jié)構(gòu)，箭頭表示該頁面包含了跳轉(zhuǎn)到 另一頁面的超鏈接。到頁面的鏈接出現(xiàn)在頁面的左邊， 從頁面發(fā)出的鏈接出現(xiàn)在頁面的右邊。單擊文件圖標(biāo) 上的加號(hào)可以展開這個(gè)文件所發(fā)出的超鏈接。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 與“導(dǎo)航”視圖不同的是，在超鏈接結(jié)構(gòu)中一個(gè) 網(wǎng)頁可以出現(xiàn)多次，并且出現(xiàn)在“超鏈接”視圖中的 網(wǎng)頁一定至少有一

58、個(gè)網(wǎng)頁與它相鏈接。在“超鏈接” 視圖中沒有明顯的層次關(guān)系，各網(wǎng)頁按照超鏈接的方 向順序排列，這一點(diǎn)也與“導(dǎo)航”視圖不同。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-18 “超鏈接超鏈接”視圖視圖 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在視圖的“文件夾列表”中選擇一個(gè)文件，可以 列出到達(dá)這個(gè)文件和這個(gè)文件所發(fā)出的超鏈接，如圖 9-19所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖9-19 查看文件的鏈接 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 在鏈接圖標(biāo)上單擊右鍵，

59、在彈出菜單中選擇“移 至中央”，也可以查看此文件的鏈接情況。如果這個(gè) 鏈接是一個(gè)外部的url地址或文件鏈接，可以選擇 “驗(yàn)證超鏈接”來檢查這個(gè)鏈接是否可用，frontpage 會(huì)嘗試連接這個(gè)超鏈接。如果不能夠連通，則箭頭線 會(huì)從中間斷開以表示這是一個(gè)斷鏈，例如圖9-20中的 “http:/www.starc”。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 當(dāng)發(fā)現(xiàn)網(wǎng)頁中有斷鏈時(shí)，應(yīng)當(dāng)立即進(jìn)行修復(fù)。修 復(fù)斷鏈之前，首先要查清楚產(chǎn)生斷鏈的原因。 如果是內(nèi)部斷鏈，比如站點(diǎn)內(nèi)的網(wǎng)頁文件或圖像等， 應(yīng)在文件所在的文件夾下查看文件是否已丟失或被重 命名。如果文件已不存在，則需要重新

60、復(fù)制或新建一 個(gè)相同名字的文件。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 如果是外部鏈接，首先應(yīng)查看該鏈接的目標(biāo)url 地址是否正確。如果正確，再查看該站點(diǎn)是否仍然存 在，或者鏈接指定的文件在該站點(diǎn)中是否已被刪除， 還應(yīng)檢查網(wǎng)絡(luò)連接是否通暢等。 在視圖中的空白位置右擊鼠標(biāo)，會(huì)彈出視圖的 “顯示格式”菜單，如圖9-21所示。 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖9-20 超鏈接快捷菜單 第第9 9章章 建立建立webweb服務(wù)器和站點(diǎn)發(fā)布服務(wù)器和站點(diǎn)發(fā)布 圖圖9-21 設(shè)置超鏈接顯示格式設(shè)置超鏈接顯示格式 第第9 9章章 建立建立