【正文】 在一個(gè)網(wǎng)站的開發(fā)過(guò)程中，網(wǎng)站的測(cè)試是保證整個(gè)網(wǎng)站整體質(zhì)量的重要一環(huán)，本章將就網(wǎng)站的測(cè)試技術(shù)及相應(yīng)的自動(dòng)測(cè)試工具做一個(gè)簡(jiǎn)要的介紹。所以，網(wǎng)站的測(cè)試就顯的很重要了。同一個(gè)頁(yè)面在 IE 和 Netscape 瀏覽器下的顯示效果也可能是不同網(wǎng)站的測(cè)試與上傳 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 50 的，這些頁(yè)面上的問(wèn)題都是訪問(wèn)者可能遇到的。這就是由于分辨率不同所造成的。 為什么測(cè)試顯得這么重要呢？沒有經(jīng)過(guò)測(cè)試的頁(yè)面會(huì)出現(xiàn)那些問(wèn)題呢？下面將從幾個(gè)不同的方面來(lái)說(shuō)明這些問(wèn)題。 第十章 網(wǎng)站的測(cè)試與上傳 網(wǎng)站的測(cè)試 一個(gè)好的網(wǎng)站建設(shè)好了之后是不能立即發(fā)布的，在這之前需要進(jìn)行一段時(shí)間的測(cè)試，沒有經(jīng)過(guò)測(cè)試的網(wǎng)站往往會(huì)在瀏覽器兼容性和顯示器兼容性上出現(xiàn)問(wèn)題。 5. 將 Access 數(shù)據(jù)庫(kù)加密。號(hào)作用，但必須是文件名中間出現(xiàn)空格。同理，空格號(hào)也可以起到 39。39。用這種方法，不管別人用何種工具都無(wú)法下載，如 flashget，網(wǎng)絡(luò)螞蟻等。分 析 ： 假 設(shè) 別 人 得 到 你 的 數(shù) 據(jù) 庫(kù) 地 址 串 將 是 ： 因?yàn)?在這里起到間斷符的作用，地址串遇到 號(hào)，自動(dòng)認(rèn)為訪問(wèn)地址串結(jié)束。 3. 將數(shù)據(jù)庫(kù) 改成 。 等 2. 修改數(shù)據(jù)庫(kù)后綴。一旦被人猜到，別人還是能下載數(shù)據(jù)庫(kù)文件，但幾率不大。現(xiàn)在總結(jié)如下有效方法，我自己根據(jù)教程總結(jié)了以下幾點(diǎn)，以用來(lái)保護(hù)我的個(gè)人站點(diǎn)： 1. 修改數(shù)據(jù)庫(kù)名。 以下為后臺(tái) 數(shù)據(jù)庫(kù)的各表的結(jié)構(gòu)和字段的分析。在設(shè)計(jì)數(shù)據(jù)庫(kù)過(guò)程中，必須考慮到各種信息存放，更新，查詢。 6． 瀏覽者： 信息的最終瀏覽者，他們是不具有任何權(quán)限的普通用戶。其中，管理系統(tǒng)需要考慮到三者的使用問(wèn)題：一 .系統(tǒng)管理員 二 .信息發(fā)布者 三 .瀏覽者： 4． 系統(tǒng)管理員： 系統(tǒng)管理員具有對(duì)整個(gè)網(wǎng)站發(fā)布，數(shù)據(jù)庫(kù)的管理，信息管理，人員管理的最高權(quán)限。 以上是我的一個(gè)鏈接頁(yè)面的設(shè)計(jì)過(guò)程，因?yàn)殒溄禹?yè)面較多，但大部分的制作過(guò)程都比較相似，所以我就不再講解了。首先，選擇右面的一題目，然后在屬性里的超級(jí)鏈接里面添入剛才保存的兩個(gè)頁(yè)面的左邊的頁(yè)面。在右邊保存的頁(yè)面中，插入表格若干， 本站制作過(guò)程 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 46 打開數(shù)據(jù)庫(kù)，連接好數(shù)據(jù)庫(kù)，并將數(shù)據(jù)庫(kù)中的內(nèi)容分別拽入到表格中的適當(dāng)位置，這樣，數(shù)據(jù)庫(kù)中的內(nèi)容就顯示在右面。在打開的模板中，我們把中間的空白區(qū)域劃分成左右兩個(gè)部分。完成了數(shù)據(jù)庫(kù)連接的設(shè)置，接下來(lái)就是把首頁(yè)的部分內(nèi)容和數(shù)據(jù)庫(kù)相連接了。隨即打開“數(shù)據(jù)源名稱”對(duì)話框，在“連接名稱”文本框中輸入“ yougthfly”如圖： 單擊“測(cè)試”，我就可以測(cè)試數(shù)據(jù)庫(kù)是否正確連接了。如圖： 本站制作過(guò)程 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 44 ，我要在 Dreamweaver MX 2020 中把數(shù)據(jù)庫(kù)的連接完成。下面，我就演示我在自己的電腦上配置 DSN 的過(guò)程： ，雙擊“管理工具”下的“數(shù)據(jù)源（ ODBC）”，如圖所示： “數(shù)據(jù)源（ ODBC）”對(duì)話框中選擇“系統(tǒng) DSN”標(biāo)簽，然后單擊“添加”按鈕，如圖： 本站制作過(guò)程 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 43 “創(chuàng)建新數(shù)據(jù)源”對(duì)話框中，選擇數(shù)據(jù)庫(kù)的驅(qū)動(dòng)程序?yàn)椤?Microsoft Access Driver（ *.mdb）”，然后單擊“完成”按鈕，如圖： “ ODBC Microsoft Access 安裝” 對(duì)話框，在“數(shù)據(jù)源名”文本框中輸入我的這個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)的名稱： youthfly,單擊“數(shù)據(jù)庫(kù)”欄中的“選擇”按鈕選擇我的這個(gè)網(wǎng)站根目錄中我已經(jīng)建好的數(shù)據(jù)庫(kù) ，然后單擊“確定”按鈕，如圖： ，我發(fā)現(xiàn)系統(tǒng)數(shù)據(jù)源名稱中已經(jīng)多了一個(gè)“ ”，這就是我的網(wǎng)站要使用的數(shù)據(jù)庫(kù)。首先，我明白， DSN 是用來(lái)確定數(shù)據(jù)庫(kù)所在的位置以及數(shù)據(jù)庫(kù)的相關(guān)屬性的。 動(dòng)態(tài)頁(yè)面的制作 在整個(gè)網(wǎng)站中，動(dòng)態(tài)頁(yè)面占了這個(gè)主頁(yè)的大部分，在這里，我就把我的這個(gè)個(gè)人主頁(yè)的動(dòng)態(tài)頁(yè)面的制作大體的講解一下。 首先，我先把底面按和頂部一樣都插入一個(gè)一行一列的，邊框?yàn)?0 的表格，然后把光標(biāo)放在表格里，設(shè)置背景圖片，如圖： 本站制作過(guò)程 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 42 在設(shè)置背景圖片的時(shí)候，我把選擇了我自己事先做好的一幅圖，接下來(lái)，就在這個(gè)表格里輸入如圖的文字，包括：本站簡(jiǎn) 介，本站業(yè)務(wù) ...最后，我把屬于我的版權(quán)信息也輸入到了這個(gè)底步。添加后的效果入圖： 因?yàn)橹挥性跒g覽器中，整個(gè) Flash 動(dòng)畫才可以被看到，所以，我就按下 F12，這樣就可以在瀏覽器中看到剛剛我做好的主頁(yè)中的一部分了。這樣，首頁(yè)頂部的 這個(gè) Flash 動(dòng)畫就添加成功了。接下來(lái)，回到“常用” “標(biāo)準(zhǔn)”，選擇“表格”，在最上面的布局里插入一行一列單元格，比例設(shè)為 100，如圖： 本站制作過(guò)程 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 41 將光標(biāo)放在插入的表格內(nèi)，接著就是插入一幅 Flash 動(dòng)畫。接下來(lái)，我就簡(jiǎn)單演示一下這個(gè)主頁(yè)的制作過(guò)程。以上介紹了 IIS 的安 裝和設(shè)置。選擇“添加”按鈕，在彈出的對(duì)話框中輸入文檔名。選擇“文檔”標(biāo)簽，打開如圖 28 所示界面。 步驟 4 在“ 主目 錄” 選項(xiàng) 卡中 ，“本 地路 徑” 的默 認(rèn)設(shè) 置是 ：“ C:\Ipub\root” ,為了方便以后編輯和管理網(wǎng)站，將其路徑設(shè)置如”D:\mysite” 。 步驟 3 在圖 36 所示的“ Web 站點(diǎn)”中，可以設(shè)置站點(diǎn)的說(shuō)明、 IP 地址和其他一些屬性。 也可以改變默認(rèn)的站點(diǎn)位置和主頁(yè)，修改步驟如下： 步驟 1 打開“ Inter 服務(wù)器管理器”，彈出一個(gè)對(duì)話框如圖 25 所示。網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 36 步驟 4 等到安裝完成以后，在“控制面板”里面選擇“管理工具”，在打開的管理工具里面如果有“ Inter 服務(wù)管理器”，說(shuō)明 IIS 已經(jīng)安裝好。 步驟 2 在左邊 4 個(gè)可選擇的導(dǎo)航欄中選擇“添加 /刪除 Windows 組建”按扭，彈出一個(gè)新的對(duì)話框。下面就簡(jiǎn)單介紹一下在我設(shè)計(jì)過(guò)程中在 Windows 2020 Professional 上安裝 IIS 的過(guò)程。 IIS 是專為 Windows 2020 設(shè)計(jì)的 WEB 服務(wù)器軟件。IIS 檢索所請(qǐng)求 的頁(yè)，并根據(jù)請(qǐng)求的文件名對(duì)該網(wǎng)頁(yè)進(jìn)行相應(yīng)的處理。 ISS 的安裝與設(shè)置 在因特網(wǎng) /企業(yè)網(wǎng)上的基于瀏覽的開發(fā)方案中， Microsoft 的 IIS 起到客戶端與服務(wù)器端的連接作用。 在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過(guò)程中，我選擇了 Dreamwear MX 2020 和 Flash MX 2020 和 Photoshop 三種軟件。 Flash MX提供了廣泛的平臺(tái)支持，它不需要任何編程工作就能夠制作出精彩的動(dòng)態(tài)效果。另外， Fireworks MX 中的諸多功能都是面向 WEB 應(yīng)用的，因此對(duì)于 WEB 設(shè)計(jì)新手來(lái)說(shuō)也很容易學(xué)習(xí)的。它是基于 WEB 應(yīng)用的圖形 /圖象處理軟件，提供了一種革命性的新方法來(lái)創(chuàng)建 WEB 圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。從而能夠快速上傳和下載。她成功地將網(wǎng)頁(yè)設(shè)計(jì)功 能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開來(lái)，使用戶只需專注于設(shè)計(jì)，而其余的工作由 Dreamweaver MX 自動(dòng)完成。 Macromedia 公司一向以其優(yōu)良的設(shè)計(jì)、友好的用戶界面和強(qiáng)大的功能而著稱，這三個(gè)軟件也不例外，它們是 Macromedia 公司專門為網(wǎng)頁(yè)設(shè)計(jì)、制作開發(fā)的系列軟件套件，三者之間可以無(wú)縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問(wèn)題，是設(shè)計(jì)動(dòng)畫網(wǎng)頁(yè)的最佳工具。 這“三劍客”包括 Dreamweaver MX、 Fireworks MX 和 Flash MX，其中，Dreamweaver MX 是網(wǎng)頁(yè)編輯軟件， Fireworks MX 是圖形 /圖像處理軟件， Flash MX是矢量動(dòng)畫編輯軟件。 第七章 網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備 軟件準(zhǔn)備和 ISS 的安裝與設(shè)置 軟件準(zhǔn)備 在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，因人而宜，每個(gè)人使用的軟件也許不同，如比較有名的網(wǎng)站設(shè)計(jì)軟件有 Macromedia 公司出品的網(wǎng)頁(yè)設(shè)計(jì)“三劍客”、有微軟的Frontpage 、還有國(guó)產(chǎn)的“東方網(wǎng)頁(yè)王”等等。 網(wǎng)站設(shè)計(jì)規(guī)劃 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 34 如圖所示， 我的這個(gè)網(wǎng)站的結(jié)構(gòu)主要由學(xué)生考研、英語(yǔ)特區(qū)、個(gè)性女生、網(wǎng)絡(luò)學(xué)院、校園文學(xué)、校園資訊、動(dòng)漫天下等幾大部分組成。網(wǎng)站的結(jié)構(gòu)是網(wǎng)站的核心和骨架，如果沒有網(wǎng)站結(jié)構(gòu)，網(wǎng)站將會(huì)變得一團(tuán)糟。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在 ，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來(lái)設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫龍點(diǎn)睛的作用。我的這個(gè)網(wǎng)站就確定了以大學(xué)生為用戶群體。 本網(wǎng)站預(yù)計(jì)的用戶群體：對(duì)于網(wǎng)站 的設(shè)計(jì)者和建設(shè)者來(lái)說(shuō)，在設(shè)計(jì)規(guī)劃網(wǎng)站時(shí)必須要明確自己網(wǎng)站的瀏覽者，也就是確定自己的用戶群體。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站，以及一個(gè)大型門戶網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站，其出發(fā)點(diǎn)和建站目的都有所不同，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。其實(shí)任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品 的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來(lái)確定的。從整個(gè)頁(yè)面上可以看出，我的這個(gè)整個(gè)網(wǎng)站涉及校園新聞、考研、男生女生等等都是關(guān)于我們?cè)谛W(xué)生的。這里就以我做的這個(gè)學(xué)生網(wǎng)站為實(shí)例給大家簡(jiǎn)述這個(gè)問(wèn)題，如我設(shè)計(jì)的個(gè)人主 頁(yè)： 。 第六章 本網(wǎng)站設(shè)計(jì)規(guī)劃 1 .1 本網(wǎng)站建設(shè)的方向和目的： 網(wǎng)站建設(shè)目的： 網(wǎng)站的建設(shè)不僅僅是制作主頁(yè)的問(wèn)題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)等等。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我廣泛的聽取同學(xué)的意見和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。這是我這個(gè)網(wǎng)站選擇大學(xué)生主題的原因之一。 對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過(guò)自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。 29 引 言 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 32 引 言 網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。 27 Personal website design 15 校園資訊的制作 13 鏈接頁(yè)面的制作 9 靜態(tài)頁(yè)面的制作 9 首頁(yè)的制作過(guò)程 3 第二章 網(wǎng)站設(shè)計(jì)的