曹芳
摘要:該文詳細介紹了內蒙古文學藝術資源庫頁面的建設,通過對其使用需求及主要功能的介紹,分析了資源庫類尤其是藝術類資源庫的特色,探討了如何更好的制作一個資源庫類網(wǎng)站。
關鍵詞:資源庫;文學藝術資源庫;中文網(wǎng)站特色;頁面標簽制作
中圖分類號:TP311 文獻標識碼:A 文章編號:1009-3044(2015)08-0197-02
1 引言
資源庫類網(wǎng)站以包含內容量大、條理清晰為主要特點,在互聯(lián)網(wǎng)上有大量的資源庫類型的網(wǎng)站,著名的如:百度文庫、中國知網(wǎng),國外的如:美國國家醫(yī)學圖書館等等。資源庫類網(wǎng)站與通常的門戶網(wǎng)站等略有不同,它內容更集中,更強調條理性和可用性,同時對后臺的數(shù)據(jù)庫要求很高。本文試圖重點討論資源庫類網(wǎng)站頁面的內容分布、布局安排,結合本文作者近期參與制作的內蒙古文學藝術資源庫,探討如何更好的制作一個資源庫類網(wǎng)站。
2 內蒙古文學藝術資源庫網(wǎng)站需求及功能
2.1 網(wǎng)站簡介
內蒙古文學藝術資源庫是內蒙古文學藝術聯(lián)合會建設的,內蒙古文學藝術聯(lián)合會下設內蒙古美術協(xié)會、雜技協(xié)會等十多個文藝協(xié)會,這些協(xié)會各自有門戶網(wǎng)站,而資源庫是這十多個協(xié)會的集中,羅列了這些藝術形式下的主要作品。同時,每位注冊的藝術家都可以管理自己的作品。
藝術作品強調通過作品呈現(xiàn)出的意向性來感染觀眾,通過外觀的豐富性和多樣性來詮釋作品內涵,僅用文字表達顯得蒼白無力,因此文學藝術資源庫在展示時要充分結合文字與其余表現(xiàn)形式,力求網(wǎng)站條理清晰、表達充分。而資源庫的建立也是對內蒙古文學藝術聯(lián)合會現(xiàn)有藝術形式及作品的歸納總結。
2.2 網(wǎng)站需求與主要模塊
經(jīng)過與聯(lián)合會的充分溝通,確定了資源庫的大致內容,見圖3。
主要內容也是導航目錄包含:藝術分類、藝術家、排行、推薦、我的作品、我要上傳。首頁是一個網(wǎng)站最主要的頁面,展現(xiàn)了網(wǎng)站的風格與定位,根據(jù)用戶的要求首頁要包含資源庫最主要的藝術分類的推薦內容、各藝術形式下最主要的藝術家、點擊排行前幾位的內容以及最新上傳的內容。因此我們首頁根據(jù)內容多少排列了大小不一的分類推薦、藝術家、點擊排行和最新上傳四塊內容。
主要的藝術形式有:文學、音樂、影視、曲藝、戲曲。本網(wǎng)站以標簽的形式在各個欄目下分別展示了各形式,標簽非常適用于此類網(wǎng)站的資源組織,本網(wǎng)站大量運用了標簽,標簽的制作使用了js的方法,代碼如下:
設置為點擊切換的方式,其余欄目與此類似。
由于本網(wǎng)站為文藝作品的資源庫,客戶希望能更好的展現(xiàn)其他的藝術形式,我們在首頁上部分設置了一個輪播大圖板塊,使網(wǎng)站更美觀更吸引人。網(wǎng)站的首頁最終效果見圖4.
2.3 文學藝術資源庫配色及細節(jié)處理
在前期的需求調查中,客戶偏愛藍色系,要求網(wǎng)站以藍色為基調,我們選擇了很雅靜的#126689 ,在這個藍色基調上比較醒目又協(xié)調的顏色我們選擇了#D68931,又在再次要的位置選擇了淡藍色突出,整個網(wǎng)站配色端莊大氣,得到客戶的稱贊。
資源庫類網(wǎng)站通常一定會設置一個搜索框方便用戶使用。本網(wǎng)站設計搜索框時,根據(jù)國外類似網(wǎng)站的啟示,考慮使用圓角矩形,但實際效果并不理想。由此意識到:外文以圓弧構成,所以外文網(wǎng)站多使用圓角矩形排版(包括搜索框,見圖1.),效果美觀;中文以橫平豎直為特色,所以中文多使用直角矩形排版,本網(wǎng)站使用直角矩形的搜索框效果較圓角矩形好很多。
資源庫類網(wǎng)站要包含大量內容,因此要求網(wǎng)站內容的排列既要豐富詳實,調理清楚,又不能雜亂擁擠。所以我們設計在分類推薦下采用圖片與內容簡介的結合,圖片可以更直觀展示一些藝術形式;而藝術家的頭像照片沒有放,是考慮圖片運用量太大,影響網(wǎng)站首頁內容的豐富性,頭像的照片不是十分重要,所以只是放了小圖標,適宜分隔(見圖4.)。
3 網(wǎng)站后臺組織
本網(wǎng)站使用java來開發(fā)后臺,數(shù)據(jù)庫是mysql,因本人以前臺制作為主,在此少敘。
4 總結
本文以內蒙古文學藝術資源庫頁面的建設,通過對其使用需求及主要功能的分析,探討了如何更好的制作一個資源庫類網(wǎng)站,包括排版、配色及一些細節(jié)的處理,介紹了標簽的制作方法。
參考文獻:
[1] 《js教程》 W3School http://www.w3school.com.cn
[2] 卡斯特羅,卡斯特羅.(Castro, Elizabeth) HTML XHTML CSS基礎教程[M].北京:人民郵電出版社,2007.
[3] (美)Tommy Olsson,Paul O'Brien.Css終極參考手冊.20094 CSS: the definitive guide, Eric A. Meyer 2007.
[4] (美)弗拉納根.JavaScript權威指南[M].北京:機械工業(yè)出版社,2007.