王會品 張濤 蔡濤 大連市氣象局,遼寧 大連 116001
大連農網網站群的建設與實現(xiàn)
王會品 張濤 蔡濤 大連市氣象局,遼寧 大連 116001
詳細闡述了大連農網網站群的版面設計與架構,包括網站框架的搭建、布局和顏色風格的策劃,欄目內容的設計搭配以及網站的后臺管理系統(tǒng),體現(xiàn)該系統(tǒng)的優(yōu)越性與人性化設計,并且突出介紹了在本地化實現(xiàn)過程中的一系列重點問題及其解決辦法。
農網網站群;建設;實現(xiàn)
Agriculture website group; Construction; Realize
圖1 主要內容部分的結構圖
在信息化時代的今天,互聯(lián)網作為一種載體和工具,在現(xiàn)實生活中的實用價值和意義也越來越高。我們充分利用這一資源,建設了大連農網網站群,及時傳播政策與新聞的最新動態(tài),方便產品和信息的交流與發(fā)布,并進行一些技術上的指導與幫助,把氣象與農業(yè)結合起來,使氣象更好地為農業(yè)服務,讓用戶使用起來感到舒適、實用,從中受益。大連農網網站群包括大連、金州、旅順、瓦房店、普蘭店、莊河、長海共七個農網網站,其中以大連農網為主。
1.1 頁面框架結構的搭建
網頁的布局設計變得越來越重要,只有當網頁布局和網頁內容成功結合時,這種網頁和站點才會受人喜歡。網頁的整體造型分好多種,比如矩形,圓形,三角形,菱形等,政府部門的網頁都是采用矩形,表示正式。大連農網也采用了矩形整體造型,并且根據(jù)所包含的內容,首頁頁面的設計主要分為上、中、下三部分,分別對應“農業(yè)氣象”、“市場信息”、“科技指導”三方面內容。第一屏內容,是指我們到達一個網站在不拖動滾動條時能夠看到的部分。為了凸顯氣象與農業(yè)結合的重要性,把“農業(yè)氣象”部分放在了第一屏的位置。
主要內容的欄目設置層次如圖所示。
1.2 頁面色彩的搭配
本網站以清淡的藍色為主色調,既突出了氣象行業(yè)又呼應了大連的特色,可以說相得益彰。主要運用了黃、綠、藍三種顏色的搭配,并把顏色與內容的相關性蘊含在其中,無論視覺與內涵都別具匠心。每種色彩在飽和度,透明度上略微變化就會產生不同的感覺,農業(yè)氣象部分的色彩正是利用這一特點進行設計,采用了湖藍色,透明、爽心的色調把氣象關乎風云的含義彰顯無余。黃色屬于暖色系,它介于藍、綠兩個冷色系之間,讓視覺在感官上有起伏感、立體感,另外黃色又代表了豐收,顯示出市場的蓬勃,表現(xiàn)突出,引起人們的注意。綠色科技則蘊含無限生機,昭示著技術的不斷進步與創(chuàng)新。
采用B/S結構,所有操作全部在Web上完成,打破了空間的限制。引入了頻道概念,這是個邏輯上的概念,是為了方便網站的管理和瀏覽而引入的。一個站點能包含許多個頻道,頻道可能有子頻道,從而構成站點的頻道樹。之所以要劃分頻道,是因為內容的屬性有區(qū)別,同一個頻道中的內容,其屬性具有很大的相似性,為了便于瀏覽者快速找到需要的信息,因此,使用分類來管理內容。
該系統(tǒng)有五大特點;
(1) 快速構建與修改頻道。對不同欄目定義表單,輕松滿足不同的欄目建設需求;模板機制,實現(xiàn)了網站界面與數(shù)據(jù)分離,建站快捷,改版方便。
(2)內容編輯與審核功能強大、操作簡單。與Word,IE高度集成的內容編輯器,可隨意插入圖片實現(xiàn)圖文混排,也可以隨意插入視頻等多媒體信息。
(3) 強大的數(shù)據(jù)采集功能,有效提高數(shù)據(jù)維護效率。這是該系統(tǒng)的最大亮點,可以針對任意指定欄目設置設定采集規(guī)則,對多個外部站點的相關欄目進行抓取,能夠把圖片采集到本地,通過設置過濾規(guī)則來過濾頁面中的廣告與不良信息,針對性強,準確率高。數(shù)據(jù)采集后自動入庫,管理員可對數(shù)據(jù)任意編輯,有針對性地選擇記錄進行審核,發(fā)布后形成靜態(tài)頁面,整個過程省時省力。
(4)穩(wěn)定可靠的發(fā)布體系,有效實現(xiàn)資源共享。統(tǒng)一的底層數(shù)據(jù)庫和數(shù)據(jù)結構,有效實現(xiàn)信息安全存儲、有效分類,有效實現(xiàn)資源共享。
(5)功能齊全??梢赃h程管理站點文件,減小了操作的局限性;對用戶管理實行分級權限控制,提高可靠性;流量統(tǒng)計功能,時刻跟蹤記錄網站瀏覽情況。
平臺搭建好之后,還要進行許多本地化工作。并且針對實際業(yè)務需要以及以后工作的便利,對網站某些部分進行對應的調整與修改。
3.1 數(shù)據(jù)庫表的導入
值得我們注意的是:由于多個表在設計時,設置了主鍵,作為標志值,所以在導入單個數(shù)據(jù)表的過程中要注意導入項的選擇,以避免主鍵的丟失。如圖2(a)默認是第一項“從源數(shù)據(jù)庫復制表和視圖”,這時我們不要默認選擇,一定要選擇第三項“在SQLServer 數(shù)據(jù)庫之間復制對象和數(shù)據(jù)”。這樣就能把主鍵也同步復制過去,下一步如下圖2(b):在“復制數(shù)據(jù)”選項中,根據(jù)實際需要選擇“替換現(xiàn)有數(shù)據(jù)”或者是“追加數(shù)據(jù)”。
3.2 首頁滾動天氣預報
首頁右上側的滾動天氣預報要求實時發(fā)布,為了避免人工重復勞動,所以把靜態(tài)頁形式改寫成了動態(tài)ASP頁面,由于數(shù)據(jù)源使用的是外部數(shù)據(jù)庫中的表數(shù)據(jù),所以在代碼編寫中要加入自定義數(shù)據(jù)庫驅動連接語句,并且注意不要與系統(tǒng)引用定義文件中的變量重復,否則會造成錯誤。
圖2
3.3 價格行情添加版塊
經過多次實際測驗,用內容管理平臺(WSP)添加一次價格行情信息最少需要2個小時,這樣使得工作起來費時費力。為了提高工作效率,并降低手工出錯率,根據(jù)實際需要編寫了“價格信息入庫系統(tǒng)”,從大連市農業(yè)信息網上采集數(shù)據(jù),獲取最新價格信息,自動寫入本地數(shù)據(jù)庫。
3.4 改寫農業(yè)氣象版塊動態(tài)頁面
3.4.1 獲取文本文件列表
首頁農業(yè)氣象版塊,要得到各個子欄目下面對應最新的信息的標題,并進行鏈接。通常的列表信息都是從數(shù)據(jù)庫讀取,這樣能夠根據(jù)入庫時間等標志性字段進行檢索,比較容易控制;而我們的實際情況是要對文本文件進行處理,在技術實現(xiàn)上,只能是先遍歷文件夾下的文件,繼而使用數(shù)組進行排序(myFiles(i) = objFile. name),以便使列表按照更新的時間進行排列,讓使用者總是能得到最新的信息。
3.4.2 “農業(yè)氣象”各子欄目的動態(tài)頁實現(xiàn)
農業(yè)氣象下的各個子欄目多數(shù)采用動態(tài)頁設計,這樣無需對靜態(tài)頁面進行部署,在設計中利用了原靜態(tài)頁的版面樣式、字體樣式、欄目之間的從屬關系,而對內容的讀取則進行了改寫,用下拉框實現(xiàn)日期的選擇。
在網站架設安裝與試運行過程中,不斷的遇到問題,不斷的改進,使網站能從人性化與便捷實用的角度出發(fā),盡量滿足用戶的需求,尤其是為了顯現(xiàn)氣象與農業(yè)的緊密度,我們在網站上發(fā)布了多種決策和預報預警信息,從用戶實際出發(fā),希望能為農業(yè)提供必要的指導,起到應有的作用。
另一方面來說,我們的精細化預報的產品還不夠,我們也在不斷的改進中,不斷的充實各類的農業(yè)氣象方面的信息;同時我們希望能把各種預報預警信息統(tǒng)一入庫,這樣更便于對信息內容的控制,也增強了網站的安全性。
[1]楊紀梅. Dreamweaver網頁設計與制作完全手冊.清華大學出版社.2007.7
[2]吳頌志,劉嘉,顧遠玲. Dreamweaver+ASP動態(tài)網站設計與典型實例.清華大學出版社.2008.3
[3]林小芳,吳怡,等.ASP動態(tài)網頁設計教程.北京交通大學出版社.2006.9
[4]馮小貝主編. VB6開發(fā)寶典. 南京大學出版社
Design and layout of agriculture website group in Dalian
WANG Huipin ZHANG Tao CAI Tao Dalian Meteorological Bureau, Da lian 116001, China
The layout design of architecture website group in Dalian was described, including the website frame construction, layout and color style planning.The design of the content and the web site management system all reflected the superiority of this system. At he same time, a series of key problems and their solutions in the localization realize process were introduced.
10.3969/j.issn.1001-8972.2011.15.041