交通與計(jì)算機(jī)2002年第2期 第20卷(總第 105期)信息網(wǎng)站的優(yōu)化設(shè)計(jì)郭勇佳林志斌(廣東省高速公路公司 廣州510100) (交通部廣州信息技術(shù)研究所 廣州510075)摘要文章結(jié)合筆者開發(fā)廣東省高速公路公司信息網(wǎng)站的實(shí)踐,對(duì)網(wǎng)站設(shè)計(jì)的有關(guān)問題進(jìn)行了探討,著重介紹了提高網(wǎng)站性能的若干方法。關(guān)鍵詞網(wǎng)站優(yōu)化設(shè)計(jì)Abstract: This paper discusses several problems in designing net sites, and introduces themethods for improving the performance of net site.Keywords :net site ;optimization ;design地方,又各具有特色,內(nèi)外有別。0前言內(nèi)部信息網(wǎng)由于不受下載速度的制約,表現(xiàn)國(guó)際互聯(lián)網(wǎng)已成為企業(yè)與市場(chǎng)聯(lián)系的橋梁。形式可以豐富多彩 ,界面可以做得華麗些,只要切為提高廣東省高速公路公司的管理水平和知名合主題,錄像、大圖片、解說詞可以多- -點(diǎn)。度,提高企業(yè)的整體素質(zhì),促進(jìn)管理現(xiàn)代化,樹立信息網(wǎng)采用網(wǎng)頁方式設(shè)計(jì),用IE 5.0、800*交通企業(yè)形象,擴(kuò)大公司的影響,增強(qiáng)公司的競(jìng)爭(zhēng)600標(biāo)準(zhǔn)分辨率、小字體瀏覽效果最佳。能力,我們開發(fā)了廣東省高速公路信息網(wǎng)。下面結(jié)合筆者的設(shè)計(jì)實(shí)踐,對(duì)網(wǎng)站設(shè)計(jì)的有2開發(fā)工具關(guān)問題進(jìn)行探討。1)網(wǎng)頁編輯軟件。DreamWeaver 3. 0、Fron-tpage2000等;1 信息網(wǎng)站簡(jiǎn)介2)圖像、動(dòng)畫處理軟件。Photoshop 6、Flash信息網(wǎng)分互聯(lián)網(wǎng)版(Internet)和企業(yè)內(nèi)部網(wǎng)5.0、Fireworks 3.0、Gif Animator和Cool 3D等;版(Intranet)。3)錄像處理軟件。豪杰超級(jí)解霸2000等;信息網(wǎng)建設(shè)之初,便確立了如下建網(wǎng)目標(biāo):建4)語音處理軟件。Windows 中的錄音機(jī)、成內(nèi)容豐富、準(zhǔn)確、及時(shí),形式活潑,有特色,下載.Real Encoder等;速度快,有專業(yè)水準(zhǔn)的商業(yè)網(wǎng)站,作為公司對(duì)外宣5)網(wǎng)頁腳本語言。Asp.JavaScript 等;傳的窗口,作為社會(huì)各界了解廣東高速公路的-6)數(shù)據(jù)庫。MS Access 2000。個(gè)窗口,使外界通過網(wǎng)絡(luò)了解公司,而不僅僅是公司簡(jiǎn)介的電子版;既突出廣東省高速公路公司企3提高網(wǎng)站性能的若干方法業(yè)形象的宣傳,擴(kuò)大企業(yè)的影響,又不局限于廣東1)保持整個(gè)網(wǎng)站風(fēng)格的一致性,給人以嚴(yán)謹(jǐn)、省高速公路公司,還要傳遞、介紹高速公路行業(yè)信清晰、有條理和專業(yè)化的感覺。息、技術(shù)信息、融資信息,立足廣東,面向全國(guó),放網(wǎng)頁設(shè)計(jì)之前先統(tǒng)籌規(guī)劃。例如,先對(duì)整個(gè)版.眼世界,為廣東省高速公路事業(yè)服務(wù);通過信息網(wǎng)面進(jìn)行規(guī)劃,設(shè)計(jì)排版的樣式，確定網(wǎng)站的標(biāo)志創(chuàng)造無限商機(jī),進(jìn)一步通過網(wǎng)絡(luò)實(shí)現(xiàn)電子商務(wù)。中國(guó)煤化工等等。網(wǎng)頁排版布局必信息網(wǎng)采用文字、聲音、圖片、動(dòng)畫、錄像等多種表現(xiàn)方法,界面力求親切友好，做到圖文并茂，THCN M HG性疏密性、比例等幾.項(xiàng)基本原則;網(wǎng)站無比定配色還是文字都要保持聲色俱佳,引人入勝。統(tǒng)一的風(fēng)格。講究文字的安排,讓文字易于閱讀，企業(yè)內(nèi)部網(wǎng)站和互聯(lián)網(wǎng)上的網(wǎng)站既有相同的不刺眼。對(duì)于內(nèi)容較多的文字，很少人有耐心把它一次讀完,可把它分開放在幾個(gè)網(wǎng)頁中,并在每頁收稿日期:2002-02- 19中提供指向其它各頁的鏈接,這樣更靈活些,查找信息網(wǎng)站的優(yōu)化設(shè)計(jì).郭勇佳 林志斌59起來也方便。(4)采用隔行GIF和逐級(jí)JPG方式。隔行.2)樹立使用者優(yōu)先的觀念。因?yàn)榫W(wǎng)頁是做給.GIF是指圖像文件是按照隔行的方式來顯示的，別人看的，如果沒有人去光顧,任何自認(rèn)再好的網(wǎng)比如先出奇數(shù)行,再出偶數(shù)行,圖像逐漸變清楚。頁也是沒有意義的?？紤]到大多數(shù)訪問者還是通逐級(jí)JPG文件讓圖像先以比較模糊的形式顯示,過電話撥號(hào)的緩慢連線方式，而不是通過ADSL、隨著圖像文件數(shù)據(jù)不斷從網(wǎng)上傳過來,圖像會(huì)逐DDN專線等方式,所以每一個(gè)網(wǎng)頁應(yīng)盡量精致而漸變清晰。這樣做的好處是圖像可以盡快地顯示簡(jiǎn)潔。出來,雖然不完美,但是卻讓瀏覽者看到了希望。3)保證網(wǎng)站的結(jié)構(gòu)清晰,脈絡(luò)分明,有良好的(5)使用預(yù)覽圖像。如果真要放置大型圖形文導(dǎo)航措施,這樣既有利于將來內(nèi)容的擴(kuò)充和移植，件,最好將圖形文件與當(dāng)前網(wǎng)頁分開,在當(dāng)前網(wǎng)頁又能讓瀏覽者快速地找到自己需要的頁面,同時(shí)中先顯示一個(gè)具有連結(jié)功能的縮小圖檔,然后加又可以清晰地知道自己所處的位置。上該圖形文件大小的說明(例如100kB),這樣不信息網(wǎng)由于內(nèi)容豐富,為了方便訪問者查詢，僅可以加快網(wǎng)頁的傳輸,而且可以讓使用者判斷不使人產(chǎn)生混亂的感覺甚至“迷路”,應(yīng)力求做到:是否繼續(xù)進(jìn)入觀看。欄目層次盡量不要超過三層、盡量讓導(dǎo)航條和回(6)減少圖像尺寸。在可以達(dá)到預(yù)期目的的情到主頁的標(biāo)志始終可見、導(dǎo)航條上的欄目名稱簡(jiǎn)況下,盡量減少圖形尺寸。單明了。(7)將大圖片分解為幾幅間距為0的小圖片。4)花大工夫、下大力氣設(shè)計(jì)好首頁。第一感覺6)采用800* 600標(biāo)準(zhǔn)分辨率,兼容其它分至關(guān)重要。力爭(zhēng)第一面就能將瀏覽者吸引住。主辨率。頁內(nèi)容應(yīng)提綱挈領(lǐng)、清晰明了。主頁最好有很清楚計(jì)算機(jī)的分辨率主要為1 024 * 768、800 *的類別選項(xiàng),而且盡量人性化,讓瀏覽者可以很快600、640* 480三種,用得最多的還是800* 600，找到需要的主題。在設(shè)計(jì)上,最好秉持清新、干凈設(shè)計(jì)時(shí)采用800* 600標(biāo)準(zhǔn)分辨率,但要與640*而清爽的原則。若無需要,盡量不要放置大型圖形480、1 024 * 768等分辨率兼容。文件或加上不當(dāng)?shù)某绦?因?yàn)樗鼤?huì)增加下載時(shí)間，要盡量少用表格,減少html文件下載時(shí)間。使瀏覽者失去耐心;畫面不要散置得太過雜亂無如果用表格布置頁面,則讓表格居中,且按百分比序。來設(shè)置表格寬度,這樣在不同分辨率下的布局都5)設(shè)計(jì)好網(wǎng)頁圖片,提高網(wǎng)頁圖片的顯示速對(duì)稱、均勻。度。一幅好的圖片能使網(wǎng)頁增色生輝不少,但由于IE或Netscape瀏覽器都能瀏覽所設(shè)計(jì)的網(wǎng)圖片所占空間大,增加了網(wǎng)頁的下載時(shí)間，要慎頁，慎用那些不是所有瀏覽器都支持的頁面元素。用。特別是要慎用動(dòng)畫。圖片為主頁內(nèi)容服務(wù),選.7)避免濫用技術(shù)、賣弄技術(shù)。好的技術(shù)運(yùn)用.用圖片時(shí),要考慮到瀏覽速度。圖片的選擇要兼顧會(huì)讓網(wǎng)頁栩栩如生,令人贊嘆不已;但不當(dāng)?shù)募夹g(shù)大小和美觀。設(shè)計(jì)網(wǎng)頁圖片時(shí),可采用如下方法提則適得其反,反而會(huì)弄巧成拙成為網(wǎng)頁的大敗筆,高網(wǎng)頁圖片的顯示速度:利用ASP技術(shù)和數(shù)據(jù)庫實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁。網(wǎng)站留言(1)確定圖像的格式。如果圖像是使用掃描板、BBS.工資查詢、密碼修改、報(bào)表查詢等需要與儀輸入到計(jì)算機(jī)的(包括數(shù)碼相機(jī)),這種圖片中用戶交互的網(wǎng)頁都用Asp(Active Server Page)所用到的色彩比較多,這時(shí)應(yīng)選用JPG格式來存開發(fā)。后臺(tái)數(shù)據(jù)庫編程開發(fā)是網(wǎng)站設(shè)計(jì)的核心部?jī)?chǔ)圖像。分。Asp有強(qiáng)大的數(shù)據(jù)庫訪問功能,利用它可以實(shí)如果圖像是使用Photoshop等軟件制作的，現(xiàn)動(dòng)態(tài)的、交互的、高性能的WEB應(yīng)用程序。這時(shí)圖片中所用到的色彩通常比較少,可以選擇中國(guó)煤化工GIF格式。不使用bmp等沒有經(jīng)過壓縮的文件格式。MHCNMH G_1樂自局速公路信息網(wǎng)主要包括下述內(nèi)容:(2)減少圖像所用顏色數(shù)目。1)廣東省高速公路公司介紹(總經(jīng)理致詞、(3)JPEG的壓縮效果較好,適合中大型的圖公司領(lǐng)導(dǎo)班子、組織機(jī)構(gòu)、上級(jí)領(lǐng)導(dǎo)關(guān)懷、業(yè)務(wù)范形,可以芳雀儔輸時(shí)間。JPG格式采用50%到圍和資質(zhì)、隊(duì)伍建設(shè)、職工之家、遠(yuǎn)景規(guī)劃、國(guó)際交70%的壓縮率,以取得較好的性能和壓縮比。流與合作);30交通與計(jì)算機(jī)2002年第2期 第20卷(總第 105期)2)廣東省高速公路公司業(yè)績(jī);5結(jié)束語3)在建和擬建項(xiàng)目介紹;4)直屬企業(yè)介紹;廣東省高速公路信息網(wǎng)開發(fā)完成后,受到了5)廣東省高速公路公司企業(yè)文化;公司上下一致好評(píng)。網(wǎng)站以綠色為主色調(diào),風(fēng)格一6)廣東高速公路風(fēng)光;致,版面美觀大方,結(jié)構(gòu)清晰,下載速度快,內(nèi)容豐7)廣東省高速公路概況;富,有特色。公司可以通過信息網(wǎng)進(jìn)行招商引資、8)高速公路新聞(業(yè)界動(dòng)態(tài));網(wǎng)上招聘等商務(wù)活動(dòng)。信息網(wǎng)突出了公司企業(yè)形9)電子商務(wù)、網(wǎng)上招聘;象、企業(yè)文化的宣傳。10)開拓市場(chǎng)信息(招商引資.工程招標(biāo));內(nèi)部信息網(wǎng)可以實(shí)現(xiàn)職工工資的查詢，統(tǒng)計(jì)11)高速BBS(對(duì)高速公路的建設(shè)、養(yǎng)護(hù)等提報(bào)表的查詢,可以在網(wǎng)上對(duì)公司的有關(guān)決策進(jìn)行出自己的觀點(diǎn),供同行探討、交流);民意測(cè)驗(yàn)。12)高速公路信息庫(政策法規(guī)、技術(shù)信息、值得一提的是,筆者專門用VB 6.0開發(fā)了路況信息高速公路天氣預(yù)報(bào)、統(tǒng)計(jì)信息、高速公網(wǎng)頁信息自動(dòng)發(fā)布系統(tǒng),用戶能自由地增加、替路上安全行車常識(shí)、高速公路各車型通行費(fèi)計(jì)價(jià)換、刪除網(wǎng)頁,能對(duì)信息網(wǎng)的照片進(jìn)行更新,從而表);實(shí)現(xiàn)了最終用戶的自我維護(hù)。13)交通類站點(diǎn)導(dǎo)航(國(guó)內(nèi)交通站點(diǎn)推薦、國(guó)該信息網(wǎng)的建成,有力地推進(jìn)了公司的信息外交通站點(diǎn)推薦);化建設(shè),擴(kuò)大了公司的影響。14)友情鏈接;參考文獻(xiàn)15)內(nèi)部信息查詢、廠務(wù)公開;16)電子出版物;1 擺渡人工作室.我行我素一 個(gè)人網(wǎng)站風(fēng)格總體設(shè)計(jì).17)網(wǎng)絡(luò)講座;北京:機(jī)械工業(yè)出版社,2001.18)留言板?！逗笔〗煌ㄟ\(yùn)輸業(yè)發(fā)展現(xiàn)代物流的戰(zhàn)略研究》課題通過評(píng)審2002年2月8日，《湖北省交通運(yùn)輸業(yè)發(fā)展現(xiàn)代物流的戰(zhàn)略研究》課題順利通過了由湖北省科技廳組織的、以中國(guó)工程院管理學(xué)部張壽榮院士為主任的專家委員會(huì)評(píng)審。該項(xiàng)課題是湖北省交通廳“十五”重點(diǎn)科研項(xiàng)目,由湖北省交通廳和武漢理工大學(xué)聯(lián)合課題組共同承擔(dān)。該課題以系統(tǒng)科學(xué)、信息科學(xué)、現(xiàn)代物流學(xué)及區(qū)域經(jīng)濟(jì)理論為指導(dǎo),通過對(duì)湖北省物流的需求預(yù)測(cè)，提出了湖北省交通運(yùn)輸業(yè)發(fā)展現(xiàn)代物流的基本框架,對(duì)湖北省物流基礎(chǔ)設(shè)施的系統(tǒng)構(gòu)成,湖北省交通運(yùn)輸業(yè)物流基礎(chǔ)設(shè)施規(guī)劃的目標(biāo)和指導(dǎo)思想、物流基礎(chǔ)設(shè)施布局的具體措施、湖北省交通物流信息平臺(tái)的基本思路、層次結(jié)構(gòu)、系統(tǒng)結(jié)構(gòu)以及主要功能進(jìn)行了具體論述和研究。并以捷龍快速貨運(yùn)有限公司為典型實(shí)例,通過對(duì)其外部環(huán)境和內(nèi)部資源進(jìn)行分析和評(píng)價(jià),提出了該公司向現(xiàn)代物流發(fā)展的戰(zhàn)略目標(biāo)、措施與步驟,從而為湖北省道路貨運(yùn)企業(yè)向現(xiàn)代物流轉(zhuǎn)變提出了戰(zhàn)略性設(shè)想。評(píng)審委員會(huì)的專家認(rèn)為，該課題研究方法科學(xué),研究中國(guó)煤化工建議可行,具有可操作性,研究成果在總體上達(dá)到國(guó)內(nèi)先進(jìn)水平。該項(xiàng)研究成身HCN MH G運(yùn)輸業(yè)的結(jié)構(gòu)調(diào)整,有助于運(yùn)用現(xiàn)代物流技術(shù)改造傳統(tǒng)運(yùn)輸企業(yè),加快湖北省交遇運(yùn)輸經(jīng)濟(jì)的現(xiàn)代化進(jìn)程,盡快提升行業(yè)主體生產(chǎn)力水平。同時(shí),有利于進(jìn)-步加強(qiáng)對(duì)交通企業(yè)的改組、改造、培養(yǎng)和建立面向未來的、具有競(jìng)爭(zhēng)力的市場(chǎng)行業(yè)主體。武漢理工大學(xué)智能運(yùn)輸系統(tǒng)研究中心