信息網(wǎng)站的優(yōu)化設計

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