1 .1 本網(wǎng)站建設(shè)的方向和目的: 1.1.1網(wǎng)站建設(shè)目的: 網(wǎng)站的建設(shè)不僅僅是制作主頁(yè)的問題,還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問題,寫出詳盡的建站計(jì)劃,可以說(shuō)這是網(wǎng)站建設(shè)的根源和核心所在。其實(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)確定的。 1.1.2 明確的目的: 不同的網(wǎng)站目的要求通過(guò)不同的方式來(lái)實(shí)現(xiàn)。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站,以及一個(gè)大型門戶網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站,其出發(fā)點(diǎn)和建站目的都有所不同,在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。對(duì)于網(wǎng)站的設(shè)計(jì)者和建設(shè)者來(lái)說(shuō),在設(shè)計(jì)規(guī)劃網(wǎng)站時(shí)必須要明確自己網(wǎng)站的瀏覽者,也就是確定自己的用戶群體。在已經(jīng)確定了建設(shè)目的的前提下,應(yīng)根據(jù)建站方向所會(huì)導(dǎo)致出現(xiàn)的不同用戶群體的需求來(lái)規(guī)劃設(shè)計(jì)整個(gè)網(wǎng)站。 本網(wǎng)站的結(jié)構(gòu)和風(fēng)格:網(wǎng)站的風(fēng)格反映了一個(gè)網(wǎng)站的特色,它具有很大的代表性。出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容,鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富,如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人,那也是毫無(wú)價(jià)值的。往往整個(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)站的結(jié)構(gòu)和風(fēng)格呢?網(wǎng)站的結(jié)構(gòu)是連接網(wǎng)站內(nèi)容之間的支架。網(wǎng)站的結(jié)構(gòu)是網(wǎng)站的核心和骨架,如果沒有網(wǎng)站結(jié)構(gòu),網(wǎng)站將會(huì)變得一團(tuán)糟?,F(xiàn)在,只有高度發(fā)展、高度結(jié)構(gòu)化、易用且能獨(dú)立行走的網(wǎng)站才受瀏覽者的歡迎。 網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備2.1.1 軟件準(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è)王”等等。在這里,我們主要說(shuō)的是Macromedia公司出品的“三劍客”。 這“三劍客”包括Dreamweaver MX、Fireworks MX和Flash MX,其中,Dreamweaver MX是網(wǎng)頁(yè)編輯軟件,F(xiàn)ireworks MX是圖形/圖像處理軟件,F(xiàn)lash MX是矢量動(dòng)畫編輯軟件。當(dāng)然,到今天為止,Macromedia公司出品的這個(gè)“三劍客”都已經(jīng)是2004版,估計(jì)2005版也應(yīng)該很快出來(lái)了。Macromedia公司一向以其優(yōu)良的設(shè)計(jì)、友好的用戶界面和強(qiáng)大的功能而著稱,這三個(gè)軟件也不例外,它們是Macromedia公司專門為網(wǎng)頁(yè)設(shè)計(jì)、制作開發(fā)的系列軟件套件,三者之間可以無(wú)縫集成,能夠有效地解決網(wǎng)絡(luò)帶寬問題,是設(shè)計(jì)動(dòng)畫網(wǎng)頁(yè)的最佳工具。 Dreamweaver MX采用“所見即所得”的直觀設(shè)計(jì)模式,充分尊重設(shè)計(jì)人員的原始意識(shí)和想象力。她成功地將網(wǎng)頁(yè)設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開來(lái),使用戶只需專注于設(shè)計(jì),而其余的工作由Dreamweaver MX自動(dòng)完成。另外,還有一點(diǎn)值得說(shuō)明的是,Dreamweaver MX可以控制和刪除冗余代碼,減小網(wǎng)頁(yè)文件的大小。從而能夠快速上傳和下載。 Fireworks MX的獨(dú)特之處在于它能夠優(yōu)化、切分圖片映射圖,并提供了功能強(qiáng)大的翻滾圖工具。它是基于WEB應(yīng)用的圖形/圖象處理軟件,提供了一種革命性的新方法來(lái)創(chuàng)建WEB圖形,并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。Fireworks MX的最大優(yōu)勢(shì)就在于它在任何時(shí)候可以從任何階段開始設(shè)計(jì)工作,這樣既可以節(jié)約時(shí)間又可以對(duì)產(chǎn)品進(jìn)行擴(kuò)展。另外,F(xiàn)ireworks MX中的諸多功能都是面向WEB應(yīng)用的,因此對(duì)于WEB設(shè)計(jì)新手來(lái)說(shuō)也很容易學(xué)習(xí)的。 Flash MX是比較另類、超前的一種網(wǎng)頁(yè)動(dòng)畫制作軟件,它不僅能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的諸多要求,更為網(wǎng)頁(yè)多媒體的使用者帶來(lái)了前所未有的便利。Flash MX提供了廣泛的平臺(tái)支持,它不需要任何編程工作就能夠制作出精彩的動(dòng)態(tài)效果。由于Flash MX采用矢量圖形格式來(lái)制作動(dòng)畫,因此在低寬帶的網(wǎng)絡(luò)環(huán)境中仍然可以具有高品質(zhì)的畫面以及存儲(chǔ)空間小的優(yōu)點(diǎn),從而是瀏覽者能夠快速的下載效果非凡的動(dòng)畫。 在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過(guò)程中,我選擇了Dreamwear MX 2004和Flash MX 2004和 Photoshop三種軟件。因?yàn)樽约合驅(qū)τ谄渌能浖?lái)說(shuō),這三個(gè)還算是比較熟悉的。 2.1.2 ISS 5.0的安裝與設(shè)置 在因特網(wǎng)/企業(yè)網(wǎng)上的基于瀏覽的開發(fā)方案中,Microsoft 的IIS起到客戶端與服務(wù)器端的連接作用。當(dāng)訪問者在瀏覽器中鍵入對(duì)你服務(wù)器上的網(wǎng)頁(yè)進(jìn)行訪問的請(qǐng)求,這個(gè)請(qǐng)求通過(guò)網(wǎng)絡(luò)路由到服務(wù)器端,然后服務(wù)器再將它交給IIS處理。IIS檢索所請(qǐng)求的頁(yè),并根據(jù)請(qǐng)求的文件名對(duì)該網(wǎng)頁(yè)進(jìn)行相應(yīng)的處理。如果該文件是以.asp為擴(kuò)展名或者該文件是某種類型的請(qǐng)求文件,那么IIS將對(duì)該頁(yè)面上的代碼進(jìn)行處理。 IIS 5.0是專為Windows 2000設(shè)計(jì)的WEB服務(wù)器軟件。Windows 2000 Server在安裝系統(tǒng)時(shí),就以自動(dòng)安裝IIS 5.0;但Windows 2000 Professional不會(huì)自動(dòng)安裝它。下面就簡(jiǎn)單介紹一下在我設(shè)計(jì)過(guò)程中在Windows 2000 Professional 上安裝IIS 5.0的過(guò)程。 一個(gè)好的網(wǎng)站建設(shè)好了之后是不能立即發(fā)布的,在這之前需要進(jìn)行一段時(shí)間的測(cè)試,沒有經(jīng)過(guò)測(cè)試的網(wǎng)站往往會(huì)在瀏覽器兼容性和顯示器兼容性上出現(xiàn)問題。同樣由于在程序開發(fā)和頁(yè)面制作的過(guò)程中難免會(huì)出現(xiàn)誤差,所以在正式發(fā)布前通過(guò)測(cè)試找出網(wǎng)站的Bug(網(wǎng)頁(yè)中的漏洞)是非常重要的一個(gè)環(huán)節(jié),通常稱此過(guò)程為捉蟲。 為什么測(cè)試顯得這么重要呢?沒有經(jīng)過(guò)測(cè)試的頁(yè)面會(huì)出現(xiàn)那些問題呢?下面將從幾個(gè)不同的方面來(lái)說(shuō)明這些問題。 1.分辨率不同產(chǎn)生差異 經(jīng)常上網(wǎng)的人可能會(huì)有這樣的經(jīng)歷,那就是同樣一個(gè)網(wǎng)頁(yè)在不同的分辨率下會(huì)有不同的顯示。這就是由于分辨率不同所造成的。 2.瀏覽器不同產(chǎn)生的差異 顯示器不同產(chǎn)生不同的瀏覽結(jié)果,瀏覽器版本不同也可能會(huì)使得網(wǎng)站的瀏覽效果產(chǎn)生差異。同一個(gè)頁(yè)面在IE和Netscape瀏覽器下的顯示效果也可能是不同的,這些頁(yè)面上的問題都是訪問者可能遇到的。網(wǎng)站建設(shè)者不能在頁(yè)面上發(fā)布類似于“本站默認(rèn)瀏覽器在IE 5.0以上,默認(rèn)顯示器分辨率為800*的標(biāo)記,反而應(yīng)該想辦法去適應(yīng)瀏覽網(wǎng)站的訪問者,而不是讓訪問者通過(guò)調(diào)整瀏覽器分辨率和顯示器來(lái)適應(yīng)網(wǎng)站。所以,網(wǎng)站的測(cè)試就顯的很重要了。 3.測(cè)試的項(xiàng)目。 在一個(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)要的介紹。主要就如下幾個(gè)方面進(jìn)行探討:性能測(cè)試,安全性測(cè)試,穩(wěn)定性測(cè)試,瀏覽器兼容性測(cè)試 ,可用性/易用性測(cè)試,鏈接測(cè)試 ,代碼合法性測(cè)試 。 在我的個(gè)人網(wǎng)站的測(cè)試過(guò)程中,在數(shù)據(jù)庫(kù)的鏈接,地址的鏈接,還有圖片的相對(duì)位置都出現(xiàn)了許多小的錯(cuò)誤,還好,經(jīng)過(guò)我自己的修改,現(xiàn)在已基本消除了這種現(xiàn)象。 在我的整個(gè)網(wǎng)站的測(cè)試中,數(shù)據(jù)庫(kù)的測(cè)試是最重要的,它的設(shè)計(jì)的好與壞,直接關(guān)系的整個(gè)我的個(gè)人網(wǎng)站的成敗,所以,我在測(cè)試過(guò)程中,對(duì)數(shù)據(jù)庫(kù)的測(cè)試是花費(fèi)時(shí)間最長(zhǎng)的。 網(wǎng)站的測(cè)試與上傳一個(gè)好的網(wǎng)站建設(shè)好了之后是不能立即發(fā)布的,在這之前需要進(jìn)行一段時(shí)間的測(cè)試,沒有經(jīng)過(guò)測(cè)試的網(wǎng)站往往會(huì)在瀏覽器兼容性和顯示器兼容性上出現(xiàn)問題。同樣由于在程序開發(fā)和頁(yè)面制作的過(guò)程中難免會(huì)出現(xiàn)誤差,所以在正式發(fā)布前通過(guò)測(cè)試找出網(wǎng)站的Bug(網(wǎng)頁(yè)中的漏洞)是非常重要的一個(gè)環(huán)節(jié),通常稱此過(guò)程為捉蟲。 為什么測(cè)試顯得這么重要呢?沒有經(jīng)過(guò)測(cè)試的頁(yè)面會(huì)出現(xiàn)那些問題呢?下面將從幾個(gè)不同的方面來(lái)說(shuō)明這些問題。 1.分辨率不同產(chǎn)生差異 經(jīng)常上網(wǎng)的人可能會(huì)有這樣的經(jīng)歷,那就是同樣一個(gè)網(wǎng)頁(yè)在不同的分辨率下會(huì)有不同的顯示。這就是由于分辨率不同所造成的。 2.瀏覽器不同產(chǎn)生的差異 顯示器不同產(chǎn)生不同的瀏覽結(jié)果,瀏覽器版本不同也可能會(huì)使得網(wǎng)站的瀏覽效果產(chǎn)生差異。同一個(gè)頁(yè)面在IE和Netscape瀏覽器下的顯示效果也可能是不同的,這些頁(yè)面上的問題都是訪問者可能遇到的。網(wǎng)站建設(shè)者不能在頁(yè)面上發(fā)布類似于“本站默認(rèn)瀏覽器在IE 5.0以上,默認(rèn)顯示器分辨率為800*的標(biāo)記,反而應(yīng)該想辦法去適應(yīng)瀏覽網(wǎng)站的訪問者,而不是讓訪問者通過(guò)調(diào)整瀏覽器分辨率和顯示器來(lái)適應(yīng)網(wǎng)站。所以,網(wǎng)站的測(cè)試就顯的很重要了。 3.測(cè)試的項(xiàng)目。 在一個(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)要的介紹。主要就如下幾個(gè)方面進(jìn)行探討:性能測(cè)試,安全性測(cè)試,穩(wěn)定性測(cè)試,瀏覽器兼容性測(cè)試 ,可用性/易用性測(cè)試,鏈接測(cè)試 ,代碼合法性測(cè)試 。 在我的個(gè)人網(wǎng)站的測(cè)試過(guò)程中,在數(shù)據(jù)庫(kù)的鏈接,地址的鏈接,還有圖片的相對(duì)位置都出現(xiàn)了許多小的錯(cuò)誤,還好,經(jīng)過(guò)我自己的修改,現(xiàn)在已基本消除了這種現(xiàn)象。 在我的整個(gè)網(wǎng)站的測(cè)試中,數(shù)據(jù)庫(kù)的測(cè)試是最重要的,它的設(shè)計(jì)的好與壞,直接關(guān)系的整個(gè)我的個(gè)人網(wǎng)站的成敗,所以,我在測(cè)試過(guò)程中,對(duì)數(shù)據(jù)庫(kù)的測(cè)試是花費(fèi)時(shí)間最長(zhǎng)的。 |
|