網(wǎng)站組建管理與維護(hù)第3章.ppt

1、2020/8/2,山東師范大學(xué)管理學(xué)院,第3章 組建IIS的信息服務(wù)平臺(tái),學(xué)習(xí)要點(diǎn)： Windows 2000 Server的安裝與配置 DNS服務(wù)器的設(shè)置與管理 組建IIS的WWW和FTP站點(diǎn) WWW和FTP站點(diǎn)的創(chuàng)建策略 網(wǎng)頁(yè)發(fā)布前的測(cè)試 使用FrontPage 2000發(fā)布網(wǎng)站 網(wǎng)站測(cè)試項(xiàng)目與注意問(wèn)題 網(wǎng)頁(yè)的維護(hù)、更新與升級(jí),2020/8/2,山東師范大學(xué)管理學(xué)院,Windows 2000 Server的安裝與配置 DNS服務(wù)器的設(shè)置與管理 組建IIS的WWW和FTP站點(diǎn) WWW和FTP站點(diǎn)的創(chuàng)建策略 網(wǎng)頁(yè)制作策劃,使用FrontPage 2000發(fā)布網(wǎng)站 網(wǎng)站測(cè)試項(xiàng)目與注意問(wèn)題,難點(diǎn)知

2、識(shí)：,WWW和FTP站點(diǎn)的創(chuàng)建策略 網(wǎng)頁(yè)制作策劃，使用FrontPage 2000發(fā)布網(wǎng)站,重點(diǎn)知識(shí)：,第3章 組建IIS的信息服務(wù)平臺(tái),2020/8/2,山東師范大學(xué)管理學(xué)院,3.1 Windows 2000的版本,Windows 2000 Server：針對(duì)工作組級(jí)、部門(mén)級(jí)的服務(wù)器用戶（Windows NT Server 4.0的升級(jí)版）。 Windows 2000 Professional：針對(duì)商業(yè)和個(gè)人用戶（Windows NT Workstation 4.0的升級(jí)版） Windows 2000 Advanced Server：針對(duì)企業(yè)級(jí)的高級(jí)服務(wù)器用戶（Windows NT Ente

3、rprise Server 4.0的升級(jí)版） Windows 2000 Datacenter Server：針對(duì)大型數(shù)據(jù)倉(cāng)庫(kù)的數(shù)據(jù)中心服務(wù)器用戶。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.2 Windows 2000 Server的安裝與配置,3.2.1 安裝Windows 2000 Server中文版 1.安裝前的準(zhǔn)備工作和注意事項(xiàng) （1）備份當(dāng)前文件。 （2）將卷解壓縮。 （3）禁用磁盤(pán)鏡像。 （4）斷開(kāi)與服務(wù)器串口連接的UPS電纜。 （5）檢查在運(yùn)行安裝程序之前，需要禁用或刪除應(yīng)用程序的信息。 （6）檢查BIOS和Windows 2000的兼容性。 （7）規(guī)劃主分區(qū)的空間。,2020

4、/8/2,山東師范大學(xué)管理學(xué)院,3.2.1 安裝Windows 2000 Server中文版,2. 采用NTFS的好處 （1）活動(dòng)目錄（Active Directory）可用來(lái)方便地查看和控制網(wǎng)絡(luò)資源。 （2）域是活動(dòng)目錄的一部分，在簡(jiǎn)化管理的同時(shí)，依然可以使用域來(lái)調(diào)整安全選項(xiàng)。域控制器需要NTFS文件系統(tǒng)。 （3）文件加密，極大地增強(qiáng)了安全性。 （4）可以對(duì)單個(gè)文件設(shè)置權(quán)限，而不僅僅是對(duì)文件夾進(jìn)行設(shè)置。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.2.1 安裝Windows 2000 Server中文版,（5）遠(yuǎn)程存儲(chǔ)，使用可移動(dòng)媒體（如磁帶）擴(kuò)展了硬盤(pán)空間。 （6）磁盤(pán)活動(dòng)恢復(fù)記錄，可幫助

5、用戶在斷電或發(fā)生其他系統(tǒng)問(wèn)題時(shí)，盡快地還原。 （7）磁盤(pán)配額，可用來(lái)監(jiān)視和控制單個(gè)用戶使用的磁盤(pán)空間量。 （8）可更好地支持大容量驅(qū)動(dòng)器。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.2.1 安裝Windows 2000 Server中文版,幾種安裝方式 在運(yùn)行Windows的計(jì)算機(jī)上升級(jí)安裝 在網(wǎng)絡(luò)上升級(jí)安裝 在運(yùn)行MS-DOS的計(jì)算機(jī)上全新安裝 光盤(pán)啟動(dòng)計(jì)算機(jī)全新安裝 軟盤(pán)啟動(dòng)計(jì)算機(jī)全新安裝,2020/8/2,山東師范大學(xué)管理學(xué)院,3.2.2 Windows 2000 Server的基本配置,下面通過(guò)從光盤(pán)或軟盤(pán)啟動(dòng)計(jì)算機(jī)安裝一個(gè)全新的Windows 2000 Server，來(lái)說(shuō)明服務(wù)器的

6、配置過(guò)程。 （1）為 Windows 2000 Server 選擇或創(chuàng)建一個(gè)分區(qū)。 （2）選擇區(qū)域設(shè)置。 （3）設(shè)置個(gè)人化軟件。 （4）選擇許可協(xié)議方式。 （5）輸入計(jì)算機(jī)名稱。 （6）設(shè)置管理員賬戶密碼。 （7）選擇Windows 2000 組件。 （8）設(shè)置日期和時(shí)間。 （9）設(shè)置網(wǎng)絡(luò)選項(xiàng)。 （10）指定工作組名或域名。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.2.3 進(jìn)一步配置Windows 2000 Server,系統(tǒng)重新啟動(dòng)后，以管理員身份登錄，屏幕上將出現(xiàn)配置服務(wù)器程序。利用它，用戶可以輕松地進(jìn)行下一步服務(wù)器的配置。下面簡(jiǎn)要介紹“配置服務(wù)器”所需要的配置選項(xiàng)的信息。 （1）Ac

7、tive Directory。 （2）文件系統(tǒng)。 （3）打印服務(wù)器。 （4）Web/Media 服務(wù)器。 （5）網(wǎng)絡(luò)。 （6）應(yīng)用程序服務(wù)器。 （7）高級(jí)。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.3組建DNS服務(wù)器,3.3.1安裝DNS服務(wù)器 （1）單擊“開(kāi)始”“設(shè)置”“控制面板”，啟動(dòng)“添加/刪除程序”對(duì)話框。 （2）單擊“添加/刪除 Windows 組件”，出現(xiàn)“Windows 組件向?qū)А保瑔螕簟跋乱徊健背霈F(xiàn)“Windows組件”選擇框，從“組件”列表中選擇“網(wǎng)絡(luò)服務(wù)” 。 （3）單擊“詳細(xì)信息”按鈕，從列表中選取“域名服務(wù)系統(tǒng)(DNS)”，單擊“確定”按鈕。 （4）單擊“下一步”按

8、鈕，輸入Windows 2000 Server的安裝源文件的路徑，單擊“確定”按鈕，開(kāi)始安裝 DNS 服務(wù)。 （5）單擊“完成”按鈕，當(dāng)回到“添加/刪除程序”對(duì)話框后，單擊“關(guān)閉”按鈕。 （6）關(guān)閉“添加/刪除程序”窗口。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.3組建DNS服務(wù)器,3.3.1安裝DNS服務(wù)器,圖3.1 Windows 組件向?qū)?圖3.2域名服務(wù)系統(tǒng)（DNS）,2020/8/2,山東師范大學(xué)管理學(xué)院,3.3.2 DNS服務(wù)器的設(shè)置與管理,1.DNS的啟動(dòng)設(shè)置 在Windows 2000中可以利用以下的方法啟動(dòng)DNS服務(wù)： 從注冊(cè)表 (Registry)引導(dǎo)。 從文件引導(dǎo)。

9、從目錄服務(wù)引導(dǎo)。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.3.2 DNS服務(wù)器的設(shè)置與管理,2. 添加DNS Zone 3. 添加主機(jī)和設(shè)置別名 4. 添加部門(mén)域 5. 添加郵件交換器 6. 添加反向查詢區(qū)域 7. 設(shè)置DNS服務(wù)器的動(dòng)態(tài)更新 8. DNS服務(wù)器的測(cè)試,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4組建IIS的Web和FTP站點(diǎn),3.4.1選擇IIS作為Web服務(wù)器 IIS提供了一個(gè)完整的、資源豐富的、易于使用的Web解決方案。不僅提供了在TCP/IP網(wǎng)絡(luò)上使用HTTP協(xié)議、傳輸超媒體文檔的WWW信息服務(wù)器，而且還包含了多種發(fā)布信息文檔的FTP，SMTP，NNTP，Medi

10、a等Server。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4組建IIS的Web和FTP站點(diǎn),3.4.2 安裝IIS5.0 安裝具體步驟是： （1）選擇菜單命令“開(kāi)始”“設(shè)置”“控制面板”，然后啟動(dòng)“添加/刪除程序”應(yīng)用程序。 （2）選擇“配置Windows”，單擊“組件”按鈕，然后按照屏幕提示安裝、刪除或添加IIS組件，安裝完畢后如圖3.17所示。 注意：如果升級(jí)到Windows 2000，那么只有在以前版本的Windows 中安裝了IIS，IIS 5.0 才被默認(rèn)安裝。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.2 安裝IIS5.0,圖3.17 Internet信息服務(wù)視窗,20

11、20/8/2,山東師范大學(xué)管理學(xué)院,3.4.3 Web站點(diǎn)的設(shè)置,Web站點(diǎn)的設(shè)置步驟如下： （1）為Web站點(diǎn)創(chuàng)建主頁(yè)。 （2）將主頁(yè)文件命名為 Default.htm 或 Default. asp。 （3）將主頁(yè)復(fù)制到 IIS 默認(rèn)或指定的Web發(fā)布目錄中。 （4）在 Internet 信息服務(wù)管理單元中，用鼠標(biāo)右鍵單擊計(jì)算機(jī)或站點(diǎn)。 （5）單擊“新建”選項(xiàng)，然后單擊“Web 站點(diǎn)”選項(xiàng)，啟動(dòng)站點(diǎn)創(chuàng)建向?qū)?，如圖3.18所示。,圖3.18 Web 站點(diǎn)啟動(dòng)向?qū)?2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.3 Web站點(diǎn)的設(shè)置,圖3.19 輸入站點(diǎn)IP地址和TCP端口地址,（6）首先輸入W

12、eb新站點(diǎn)的標(biāo)識(shí)信息，然后單擊“下一步”按鈕，在此輸入 Web站點(diǎn)的 IP地址和TCP端口地址。如果通過(guò)主機(jī)頭文件將其他站點(diǎn)添加到單一IP 地址，必須指定主機(jī)頭文件名稱，如圖3.19所示。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.3 Web站點(diǎn)的設(shè)置,（7）然后單擊“下一步”按鈕，輸入站點(diǎn)的主目錄路徑。如圖3.20所示。單擊“下一步”按鈕，選擇Web站點(diǎn)的訪問(wèn)權(quán)限，如圖3.21所示，單擊“下一步”按鈕，完成設(shè)置。,圖3.20 輸入站點(diǎn)主目錄的路徑 圖3.21 選擇Web站點(diǎn)的訪問(wèn)權(quán)限,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.4 FTP站點(diǎn)的設(shè)置,FTP站點(diǎn)的設(shè)置步驟如下： （1

13、）將文件復(fù)制或移動(dòng)到默認(rèn)的FTP發(fā)布目錄。安裝程序提供的默認(rèn)目錄是 InetpubFtproot。 （2）在Internet信息服務(wù)管理單元中，用鼠標(biāo)右鍵單擊“計(jì)算機(jī)”或“站點(diǎn)”。 （3）單擊“新建”選項(xiàng)，然后單擊 “FTP站點(diǎn)”選項(xiàng)，啟動(dòng)“FTP站點(diǎn)創(chuàng)建向?qū)А薄?（4）先輸入FTP新站點(diǎn)的標(biāo)識(shí)信息，然后單擊“下一步”按鈕，在此輸入FTP站點(diǎn)的IP地址和TCP端口地址（類(lèi)似圖3.19）。隨后單擊“下一步”按鈕，輸入FTP站點(diǎn)的主目錄路徑（類(lèi)似圖3.20）。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.4 FTP站點(diǎn)的設(shè)置,（5）單擊“下一步”選擇FTP站點(diǎn)的訪問(wèn)權(quán)限（類(lèi)似圖3.21），單擊

14、“下一步”按鈕完成設(shè)置。 （6）如果網(wǎng)絡(luò)具有域名解析系統(tǒng)（DNS），那么訪問(wèn)者可以在其瀏覽器地址欄中鍵入后面跟有計(jì)算機(jī)名的FTP域名（如ftp:/）訪問(wèn)站點(diǎn)。如果沒(méi)有，那么訪問(wèn)者必須鍵入提供FTP服務(wù)的計(jì)算機(jī)的IP地址（如）。 FTP 站點(diǎn)建立完畢后，自動(dòng)開(kāi)始運(yùn)行，如圖3.17所示。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.5 Web和FTP站點(diǎn)的啟動(dòng)和停止,啟動(dòng)和停止Internet服務(wù) 重新啟動(dòng) IIS FTP重新啟動(dòng),2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.6 Web和FTP站點(diǎn)的創(chuàng)建策略,無(wú)論是在 Intranet 還是在 Inter

15、net 上，都可以按以下三種方式在運(yùn)行Windows 2000的單臺(tái)計(jì)算機(jī)上創(chuàng)建多個(gè)Web和FTP站點(diǎn)。 （1）將Web和FTP站點(diǎn)的端口號(hào)附加到 IP 地址上。 （2）使用多個(gè)IP地址，每個(gè)IP地址都有自己的網(wǎng)絡(luò)適配卡。 （3）使用主機(jī)名將多個(gè)域名和IP地址指派給同一個(gè)網(wǎng)絡(luò)適配卡。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.4.6 Web和FTP站點(diǎn)的創(chuàng)建策略,例如，校園網(wǎng)Web平臺(tái)建設(shè)可以采用如圖3.24所示的方案。網(wǎng)絡(luò)管理員可將 Windows 2000 Server和IIS一并安裝在學(xué)校網(wǎng)絡(luò)中心的服務(wù)器上，產(chǎn)生一個(gè)默認(rèn)的Web 站點(diǎn)，即 。學(xué)校是由三個(gè)分校組成的，每個(gè)分校也要有自己“

16、主頁(yè)”。網(wǎng)管員又創(chuàng)建兩個(gè)“額外的”Web站點(diǎn)，分別對(duì)應(yīng)于兩個(gè)分校。這些分校站點(diǎn)具有相同的安全選項(xiàng)，每個(gè)站點(diǎn)均有其自己的訪問(wèn)和管理權(quán)限設(shè)置，好像它們存在于獨(dú)立的計(jì)算機(jī)上那樣。此外，管理任務(wù)可以分配給每個(gè)分校的成員。,圖3.24 多個(gè)域名和IP地址指派給一個(gè)網(wǎng)絡(luò)適配卡,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5網(wǎng)頁(yè)制作策劃,3.5.1網(wǎng)頁(yè)制作原則 遵循五個(gè)原則： 統(tǒng)一 連貫 分割 對(duì)比 和諧,統(tǒng)一是指網(wǎng)頁(yè)的整體性、一致性。網(wǎng)頁(yè)的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使Web頁(yè)面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。,連貫是指要注意Web頁(yè)面的相互關(guān)系。網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)利用各組成部分

17、，在內(nèi)容的內(nèi)在聯(lián)系和表現(xiàn)形式上相互呼應(yīng) 。,分割是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同。分割不僅是網(wǎng)頁(yè)表現(xiàn)形式的需要，而且也可以被視為對(duì)頁(yè)面內(nèi)容的一種分類(lèi)歸納。,對(duì)比是通過(guò)矛盾和沖突，使網(wǎng)頁(yè)更加富有生氣。對(duì)比手法很多，如多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過(guò)強(qiáng)容易破壞美感，影響統(tǒng)一。,和諧是指整個(gè)Web頁(yè)面具有視覺(jué)美，渾然一體。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺(jué)效果能否與人的視覺(jué)感受形成一種溝通，產(chǎn)生心靈的共鳴。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.2網(wǎng)頁(yè)框架結(jié)構(gòu),網(wǎng)頁(yè)框

18、架比較常見(jiàn)是采用三個(gè)層次（形象、框架、細(xì)節(jié)）的結(jié)構(gòu)組織網(wǎng)站,如圖3.25所示（某大學(xué)網(wǎng)頁(yè)內(nèi)容的組織框架）。,圖3.25 網(wǎng)頁(yè)的層次框架,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.3網(wǎng)頁(yè)造型組合,網(wǎng)頁(yè)造型組合中的整體風(fēng)格和創(chuàng)意很關(guān)鍵，通常可以遵循以下原則對(duì)網(wǎng)頁(yè)進(jìn)行整體策劃和創(chuàng)意。 （1）Web頁(yè)面要“透氣”，就是信息不要太過(guò)集中，以免文字編排太緊密，影響讀者閱讀。 （2）不要有太多分散注意力的信息節(jié)點(diǎn)，動(dòng)態(tài)閃爍要適中。 （3）采用表格組織的板塊要防止設(shè)計(jì)與實(shí)現(xiàn)過(guò)程中的偏差，不要具體規(guī)定表格欄目放多少條信息。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.3網(wǎng)頁(yè)造型組合,（4）增強(qiáng)Web頁(yè)

19、面的視覺(jué)效果，加強(qiáng)Web頁(yè)面的可視度和可讀性，Web頁(yè)面的各部分要配合整體風(fēng)格。 （5）根據(jù)平面設(shè)計(jì)原理，Web頁(yè)面要有留白部分。但要注意，分欄式結(jié)構(gòu)不宜留白。 （6）要考慮瀏覽器上占用的屏幕空間，防止圖片截?cái)嗟仍斐刹缓玫囊曈X(jué)效果。 （7）另外，新鮮和個(gè)性是Web頁(yè)面布局的最高境界。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.3網(wǎng)頁(yè)造型組合,常用的頁(yè)面布局形式如下： “T”型布局 “口”型布局 “三”型布局 對(duì)稱對(duì)比布局 POP布局,圖3.26 幾種常用的頁(yè)面布局形式,是網(wǎng)頁(yè)設(shè)計(jì)中用得最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明，是初學(xué)者最容易掌握的布局方法。缺點(diǎn)是規(guī)矩呆

20、板，如果細(xì)節(jié)色彩上不注意，很容易讓人“看之無(wú)味”。,這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大。缺點(diǎn)是頁(yè)面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設(shè)計(jì)，如網(wǎng)易壁紙站。,這種布局多用于國(guó)外站點(diǎn)，國(guó)內(nèi)站點(diǎn)較少用。,采取左右或者上下對(duì)稱的布局，一半深色，一半淺色，一般用于設(shè)計(jì)型站點(diǎn)。優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng)，缺點(diǎn)是將兩部分有機(jī)地結(jié)合比較困難。,頁(yè)面布局像一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。優(yōu)點(diǎn)是頁(yè)面色彩亮麗，引人注目。缺點(diǎn)就是網(wǎng)頁(yè)下載速度慢，但作為版面布局還是值得借鑒的。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.4網(wǎng)頁(yè)的色彩選擇,1.色彩給人的感覺(jué) 黑色：明度最低，象征嚴(yán)肅悲哀或文

21、雅莊重，與高明度和高彩度顏色配合時(shí)能夸張對(duì)方。 白色：明度最高，象征明亮干凈純真高雅或恐怖神圣，在較暗的網(wǎng)頁(yè)中使用白色可使內(nèi)容突出。 綠色：中間色，象征生命之色，青春寧?kù)o，能給人們恬靜新鮮的感覺(jué)。 紫色：冷色，有神秘感，象征高貴威嚴(yán)；由于它能給人以憂郁感，所以要謹(jǐn)慎使用。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.4網(wǎng)頁(yè)的色彩選擇,紅色：彩度最高，醒目，象征熱情、喜慶、活潑，但容易給人一種焦躁的感覺(jué)；紅色也是火的顏色，熱情、奔放；紅色還是血的顏色，可以象征生命。 （6）藍(lán)色：色彩中的最冷色，象征智慧、安靜或寒冷、冷淡。 （7）黃色：色彩中明度最高，象征輕快、活潑或叛逆；因?yàn)樗苁谷伺d奮，

22、可經(jīng)常在網(wǎng)頁(yè)制作中使用。 （8）橙色：動(dòng)感強(qiáng)，象征熱烈、光明或活潑，可以在網(wǎng)頁(yè)制作中經(jīng)常使用，但要注意不能大面積使用，否則會(huì)讓人產(chǎn)生郁悶感。 （9）玫瑰色：歡快富麗，適用于交互式的網(wǎng)頁(yè)中，它能使人的心理活動(dòng)趨向活躍，激發(fā)情緒高漲。 灰色：明度中等，象征安靜柔和，能給人一種質(zhì)樸的感覺(jué)。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.4網(wǎng)頁(yè)的色彩選擇,2. 網(wǎng)頁(yè)配色 下面給出色彩調(diào)配的一些方法。 單色調(diào)：只用一種顏色，在明度和純度上做調(diào)整，慎用中性色。 調(diào)和調(diào)：鄰近色的配合。這種方法是采用標(biāo)準(zhǔn)色隊(duì)列中鄰近的色彩做配合。 對(duì)比調(diào)：對(duì)比色可以突出重點(diǎn)，產(chǎn)生強(qiáng)烈的視覺(jué)效果。 另外，在色彩搭配上還要注意

23、以下問(wèn)題： （1）黑色的使用（2）背景色的使用（3）色彩的數(shù)量。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.5.5網(wǎng)頁(yè)的可訪問(wèn)性,網(wǎng)頁(yè)的大小一般不應(yīng)超過(guò)3萬(wàn)字節(jié)，以使用戶在1020秒之內(nèi)能打開(kāi)網(wǎng)頁(yè)。 網(wǎng)頁(yè)要支持常用的瀏覽器，支持同一瀏覽器的不同版本，支持不同類(lèi)型的顯示分辨率 。 好的鏈接設(shè)計(jì)將幫助用戶在盡可能短的時(shí)間里找到所需的內(nèi)容。 對(duì)多媒體的使用，只在確有必要時(shí)才使用音頻、動(dòng)畫(huà)、視頻等多媒體內(nèi)容，同時(shí)在下載時(shí)應(yīng)顯示文件的類(lèi)型和大小，以便讓用戶決定是否有必要等待。 及時(shí)了解用戶對(duì)網(wǎng)站的看法 網(wǎng)頁(yè)布局應(yīng)保持一致，文體的字型、字體和顏色應(yīng)保持一致，導(dǎo)航幫助也應(yīng)保持一致。,2020/8/2,山東

24、師范大學(xué)管理學(xué)院,3.6 網(wǎng)頁(yè)發(fā)布,3.6.1 發(fā)布前的測(cè)試 首先，大部分的測(cè)試工作應(yīng)該在本機(jī)上完成，否則進(jìn)行遠(yuǎn)程調(diào)試的工作量會(huì)變得很大。可以先在本機(jī)使用小型Web服務(wù)器建立一個(gè)站點(diǎn)，并進(jìn)行網(wǎng)頁(yè)測(cè)試。這樣的Web服務(wù)器首先就是FrontPage自帶的FrontPage Personal Web Server，或者是使用Windows98/2000 Professional自帶的PWS。 網(wǎng)頁(yè)測(cè)試中最重要的是測(cè)試網(wǎng)頁(yè)對(duì)路徑的敏感性。最保險(xiǎn)的解決方法就是，將網(wǎng)頁(yè)中的所有資源相對(duì)網(wǎng)頁(yè)的“根”定位。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.1 發(fā)布前的測(cè)試,下面以Windows 2000 Pr

25、ofessional操作系統(tǒng)中自帶的PWS為例，說(shuō)明如何在本地計(jì)算機(jī)上對(duì)將要發(fā)布的網(wǎng)頁(yè)進(jìn)行測(cè)試。 （1）在Windows 2000 Professional操作系統(tǒng)中安裝PWS完成后，選擇“控制面板”“管理工具”“Personal Web Server”“個(gè)人Web管理器”命令，打開(kāi)如圖3.27所示的“個(gè)人Web管理器”窗口。從圖中可知，Web發(fā)布點(diǎn)已啟動(dòng)，主頁(yè)在：http:/sxtu-05，主目錄是：c:inetputwwwroot。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.1 發(fā)布前的測(cè)試,圖3.27個(gè)人Web管理器,（2）在Web頁(yè)面的發(fā)布過(guò)程中，要求PWS必須正在服務(wù)。如果這時(shí)

26、用戶的PWS未啟動(dòng)服務(wù)，可單擊“主屏”窗口中的“啟動(dòng)”按鈕，以啟動(dòng)PWS。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.1 發(fā)布前的測(cè)試,（3）單擊發(fā)布向?qū)ё髠?cè)窗口中的“高級(jí)”按鈕，打開(kāi)如圖3.28所示的“高級(jí)選項(xiàng)”對(duì)話框。在此對(duì)話框中，單擊“添加”按鈕，出現(xiàn)“添加目錄”窗口。 （4）在“添加目錄”窗口中輸入要發(fā)布文件的路徑，用戶也可單擊“瀏覽”按鈕。在打開(kāi)的如圖3.28所示的“編輯目錄”對(duì)話框中選擇一個(gè)路徑（如D:yw.files），在“別名”文本框中輸入有關(guān)該虛擬目錄的別名（如network），并單擊“確定”按鈕，這時(shí)在“虛擬目錄”窗口中就出現(xiàn)了“network”虛擬目錄。,2020/

27、8/2,山東師范大學(xué)管理學(xué)院,3.6.1 發(fā)布前的測(cè)試,（5）在“添加目錄”窗口中輸入要發(fā)布文件的路徑，用戶也可單擊“瀏覽”按鈕。在打開(kāi)的如圖3.28所示的“編輯目錄”對(duì)話框中選擇一個(gè)路徑（如D:yw.files），在“別名”文本框中輸入有關(guān)該虛擬目錄的別名（如network），并單擊“確定”按鈕，這時(shí)在“虛擬目錄”窗口中就出現(xiàn)了“network”虛擬目錄。,圖3.28 “高級(jí)選項(xiàng)”對(duì)話框,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.1 發(fā)布前的測(cè)試,（6）在“默認(rèn)文檔”文本欄，輸入啟動(dòng)默認(rèn)文檔：frame.htm。在“虛擬目錄”窗口中選中“network”虛擬目錄，單擊鼠標(biāo)右鍵，從彈出的

28、快捷菜單中執(zhí)行“瀏覽”功能。此時(shí)在本機(jī)瀏覽器中即可瀏覽發(fā)布成功的網(wǎng)頁(yè)（http:/sxtu-05/network/）。 （7）用戶有多個(gè)要發(fā)布的文件，可以重復(fù)執(zhí)行第（5），（6）兩步操作。 網(wǎng)頁(yè)即發(fā)布到PWS主頁(yè)中，可通過(guò)本機(jī)Internet Explorer瀏覽器進(jìn)行所有鏈接的測(cè)試工作。如果條件允許的話，最好也通過(guò)本地局域網(wǎng)中其他的計(jì)算機(jī)進(jìn)行測(cè)試。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.2 取得相應(yīng)權(quán)限,在發(fā)布前，應(yīng)該先與服務(wù)器的管理員取得聯(lián)系，就信息發(fā)布手續(xù)、網(wǎng)站關(guān)于Web發(fā)行的相關(guān)規(guī)定等，進(jìn)行詳細(xì)的詢問(wèn)溝通。 提供主頁(yè)空間服務(wù)的網(wǎng)站，一般使用E-mail和FTP兩種方式上傳網(wǎng)頁(yè)

29、。如果是使用前者，則網(wǎng)頁(yè)制作者基本沒(méi)有權(quán)限在遠(yuǎn)程主機(jī)上進(jìn)行遠(yuǎn)程調(diào)試，一切管理維護(hù)工作都要通過(guò)對(duì)方的管理員完成。這種情況更要保證在本機(jī)上就解決好上傳網(wǎng)頁(yè)中的問(wèn)題。如果使用的是后者，則網(wǎng)頁(yè)制作者在遠(yuǎn)程服務(wù)器上應(yīng)有一個(gè)用戶賬號(hào)，這樣就可以通過(guò)FTP和Telnet遠(yuǎn)程登錄方式對(duì)頁(yè)面進(jìn)行調(diào)試。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.3 使用FrontPage 2000發(fā)布,1. 檢查鏈接,圖3.29 查看斷開(kāi)的超鏈接,站點(diǎn)發(fā)布之前，檢查站點(diǎn)中所有文件的鏈接是否有效是一項(xiàng)至關(guān)重要的工作。 FrontPage 2000 中要檢查站點(diǎn)中是否存在“丟失”的網(wǎng)頁(yè)，可打開(kāi)“工具”菜單，選擇其中的“重新計(jì)算

30、超鏈接”命令，即可對(duì)當(dāng)前站點(diǎn)的鏈接狀態(tài)進(jìn)行驗(yàn)證，它的結(jié)果將反映在站點(diǎn)的“報(bào)表”視圖內(nèi)。打開(kāi)“編輯”菜單的“報(bào)表”子菜單，將顯示網(wǎng)頁(yè)內(nèi)所有斷開(kāi)的超鏈接，如圖3.29所示。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.6.3 使用FrontPage 2000發(fā)布,2設(shè)置文件的發(fā)布狀態(tài) 發(fā)布Web站點(diǎn)時(shí)，用戶可以根據(jù)情況設(shè)置文件的發(fā)布狀態(tài)，該狀態(tài)決定了Web站點(diǎn)中的相應(yīng)文件是否發(fā)布。創(chuàng)建新站點(diǎn)時(shí)，包含的文件一般應(yīng)全部發(fā)送。若是已發(fā)布站點(diǎn)的維護(hù)更新，只要把修改過(guò)的文件發(fā)布就可以了，沒(méi)有必要把所有文件重新上載，這樣可以節(jié)約時(shí)間、避免長(zhǎng)時(shí)間占用線路的開(kāi)銷(xiāo)。,2020/8/2,山東師范大學(xué)管理學(xué)院,2設(shè)置文

31、件的發(fā)布狀態(tài),設(shè)置文件的發(fā)布狀態(tài)的操作步驟如下： （1）打開(kāi)要發(fā)布的站點(diǎn)。 （2）單擊視圖欄中的“報(bào)表”按鈕，切換到“報(bào)表”視圖。 （3）選擇“報(bào)表”工具欄中“報(bào)表狀態(tài)”下拉列表框中的“發(fā)布狀態(tài)”選項(xiàng)，顯示當(dāng)前站點(diǎn)的“發(fā)布狀態(tài)”報(bào)表，如圖3.32所示。,圖3.32 “發(fā)布狀態(tài)”報(bào)表,2020/8/2,山東師范大學(xué)管理學(xué)院,2設(shè)置文件的發(fā)布狀態(tài),（4）對(duì)指定的文件，單擊鼠標(biāo)右鍵，然后選擇快捷菜單中的“屬性”命令，打開(kāi)“屬性”對(duì)話框，激活“工作組”選項(xiàng)卡，如圖3.33所示。 （5）如果發(fā)布時(shí)不包含此文件，應(yīng)啟用“發(fā)布站點(diǎn)的其余部分時(shí)不包含此文件”復(fù)選框。否則清除該復(fù)選框。 （6）單擊“確定”按鈕，

32、文件的發(fā)布狀態(tài)即顯示在“發(fā)布狀態(tài)”報(bào)表中。,圖3.33 “工作組”選項(xiàng)卡,2020/8/2,山東師范大學(xué)管理學(xué)院,3. 用HTTP發(fā)布一個(gè)Web站點(diǎn),用HTTP發(fā)布Web站點(diǎn)的操作步驟如下： (1)在FrontPage2000中打開(kāi)要發(fā)布的站點(diǎn)。（2）單擊“文件”菜單中的“發(fā)布站點(diǎn)”命令，打開(kāi)“發(fā)布站點(diǎn)”對(duì)話框，單擊“選項(xiàng)”按鈕擴(kuò)展選擇列表，如圖3.34所示。 根據(jù)情況進(jìn)行 設(shè)置。,圖3.34 “發(fā)布站點(diǎn)”對(duì)話框,2020/8/2,山東師范大學(xué)管理學(xué)院,3. 用HTTP發(fā)布一個(gè)Web站點(diǎn),（4）在“指定發(fā)布站點(diǎn)的位置”下拉列表框中，輸入或選擇Web服務(wù)器的位置，也可以單擊“瀏覽”按鈕，查找以前

33、曾使用過(guò)的位置。 （5）單擊“發(fā)布”按鈕，F(xiàn)rontPage 2000將把所選的網(wǎng)頁(yè)復(fù)制到Web服務(wù)器，并顯示復(fù)制文件的進(jìn)程，如圖3.35所示。復(fù)制信息完畢之后，在屏幕上出現(xiàn)“用戶名與口令”對(duì)話框。,圖3.35 連接服務(wù)器上傳網(wǎng)頁(yè),2020/8/2,山東師范大學(xué)管理學(xué)院,3. 用HTTP發(fā)布一個(gè)Web站點(diǎn),圖3.36 發(fā)布提示窗口,（6）在“用戶名”、“口令”文本框內(nèi)輸入從網(wǎng)站管理員那里獲得的用戶名和口令。 （7）單擊“確定”按鈕之后，Web服務(wù)器的將根據(jù)“用戶名”與“口令”識(shí)別發(fā)布者的身份。如果一切正常，將打開(kāi)如圖3.36所示的發(fā)布提示窗口。 （8）在“單擊此外可以查看您發(fā)布的站點(diǎn)”處單擊，

34、可訪問(wèn)發(fā)布的站點(diǎn)。否則，單擊“完成”按鈕。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.8 網(wǎng)頁(yè)的維護(hù)、更新與升級(jí),3.8.1 網(wǎng)頁(yè)維護(hù) 網(wǎng)頁(yè)維護(hù)的一個(gè)重要內(nèi)容是查看留言板等一些用戶反饋信息。因?yàn)?，?dāng)用戶瀏覽Web網(wǎng)站時(shí)，瀏覽者會(huì)利用留言板反映網(wǎng)頁(yè)存在的問(wèn)題。查看留言板的另一個(gè)作用是更替留言板的存放文件。 對(duì)網(wǎng)站中其他一些由瀏覽用戶填寫(xiě)的內(nèi)容，管理員也要及時(shí)查看。例如，如果某個(gè)網(wǎng)站中有一個(gè)類(lèi)似于用戶投稿箱等內(nèi)容時(shí)，管理員就要經(jīng)常查看該信箱，并將其中優(yōu)秀的稿件取出并發(fā)布到網(wǎng)頁(yè)上。網(wǎng)站正常運(yùn)行期間，管理員也要經(jīng)常使用瀏覽器查看和測(cè)試當(dāng)前網(wǎng)站中的頁(yè)面鏈接，及時(shí)發(fā)現(xiàn)其中的問(wèn)題并進(jìn)行解決。,2020/8

35、/2,山東師范大學(xué)管理學(xué)院,3.7 網(wǎng)站測(cè)試,3.7.1網(wǎng)站測(cè)試注意問(wèn)題 （1）使用多種Web瀏覽器測(cè)試網(wǎng)頁(yè)。最常用瀏覽器的是Internet Explorer和Netscape等 。 （2）使用比較常用的瀏覽器版本。如Internet Explorer 5.0/6.0和Netscape 5.0/7.1。 （3）在不種操作系統(tǒng)中進(jìn)行網(wǎng)頁(yè)的測(cè)試。由于操作系統(tǒng)的不同，網(wǎng)頁(yè)在瀏覽器中的表現(xiàn)也不一樣，這一點(diǎn)在Windows和Linux之間體現(xiàn)得尤為明顯。因?yàn)樵赪indows中，瀏覽器都是標(biāo)準(zhǔn)的800600或者1024768，而在Linux中，由于X-Windows的特殊性，瀏覽器一般沒(méi)有固定的長(zhǎng)寬比，而且窗口形狀趨向于正方形。,2020/8/2,山東師范大學(xué)管理學(xué)院,3.7.2 網(wǎng)頁(yè)測(cè)試項(xiàng)目,1網(wǎng)頁(yè)連接測(cè)試 連接測(cè)試主要是看網(wǎng)頁(yè)中是否有超級(jí)鏈接掉鏈的情況，包括頁(yè)面、圖像、CGI/ASP程序等。 2. 網(wǎng)頁(yè)外觀