《樹人青年》紅色網站建設

摘要：該文總結了基于ACCESS數據庫的ASP網站開發技術及其應用，并在此基礎上實踐了如何將多媒體軟件技術應用于校園網站建設。該網站在ASP開發環境下，借助Flash、Fireworks、Photoshop的多項多媒體材料處理功能，在Dreamweaver上，進行了全部的設計和制作。后臺采用了較為便捷，可移植性強的ACCESS數據庫，為網站提供了強有力的數據存儲支持。整個網站實現了前臺頁面美化，及后臺管理自動化，具體有用戶注冊登陸，文章，圖片，以及視頻的上傳管理，發布等功能。這些功能為校團委和學生的交流提供了一個透明化的便捷平臺，其目的是增加校團委在學生中的影響力，提升學校的整體形象。

關鍵詞：ASP數據庫；ACCESS數據庫；后臺管理系統

中圖分類號：TP311文獻標識碼：A文章編號：1009-3044(2008)26-1856-03

\"Young ShuRen\" Red Construction Site

Lin Ai-ai，LU Dan， YE Chen-yan

(Zhejiang ShuRen University， Hangzhou 310015， China)

Abstract: This article summarized the technology development and application of ASP website based on the ACCESS database， and how to use this multimedia software technology into the practice of campus’ website construction. This website developed in the ASP environment， is designed and constructed by several multimedia material handling tools， such as Flash.Fireworks.Photoshop…Dreamweaver. The convenient and high portability ACCESS database which is used at the backstage has provided a powerful support of data storage for this website. The entire website has been achieved as composed by good-looking front desk pages and automatic managed backstage. Users could upload， manage and publish articles， pictures， and videos after registering and logging in this website. All these functions have offered a transparent and convenient platform for the communication of School Youth Corps Committee and students; and the goal is to improve the influence of School Youth Corps Committee's among students， and enhance the overall image of the school.

Key word: ASP development environment; ACCESS database; backstage management system

1 引言

Internet實現網絡資源共享和信息交換的數據通信網。Internet的意義在于它提供了一種全新的全球性的信息基礎設施，構成了全球信息高速公路的雛形和未來信息社會的藍圖。它的產生，帶領人們進入了一個嶄新的信息時代，成為人們實現宣傳、交流及資源的整合的重要途徑！

共青團，作為廣大青年同志的組織中心，本著與時俱進的思想方針，應充分融合當前社會主流。在以廣大青年同志為主流用戶群體的網絡社會中，共青團建立網站，主動拉進與青年同志的距離，順應雙方的變化，方便雙方的交流，就能更好地把握青年同志的思想變化，及時做出指導，同時發展自身，避免被時代淘汰，時刻保持先進性！

共青團樹人大學校委員會，作為廣大學生的組織中心，配合學校的教學工作，極力提升大學生的全方位素質，并且帶領廣大學生積極參與各項活動并獲得多項殊榮，是一個優秀的組織。建立校團委網站，一方面是希望與學校的各個網站相輔相成，形成一個完整的網絡體系，進一步推廣樹人大學的品牌效應，使得學校能夠更好的辦學；另一方面，也是希望借由網絡這個大平臺，向社會展示學校思想教育的進展以及樹大學子的新風貌，進一步提升學校的社會影響力；同時，通過網絡方便與兄弟學校的團組織進行交流，綜合各方經驗，進一步發展自身！

2 網站建設的前期規劃

在網絡極速發展的今天，從團中央到各下級團委，大多數都建立了各自的網站。樹人大學校團委之前也曾擁有自己的網站，因為其訪問量稀少，安全性太低，易遭攻擊等因素而被淘汰。所以在設計網站的初時，就希望能夠在新網站上盡量避免再出現這種問題。

就目前的情況來看，很多團委網站的訪問量極少，根本沒有起到建立網站所希望達到的作用。尤其是各大學的團委網站，除了一些團委領導，干部，工作人員外，可以說是無人問津。經過課題組的調查研究顯示，發生這種情況的原因在于廣大大學生都認為團委網站過于嚴肅和樣板化，沒有貼近學生個性，不能引起學生們主動瀏覽的興趣，從而使得網站“荒廢”。

根據這個情況，我在設計共青團浙江樹人大學網站——樹人青年時，就希望能夠別出心裁，既保證校團委網站在政治和思想上的嚴肅性，又可以充分地貼近學生的生活，在學生群中增加訪問量和影響力，發揮其指導作用。而網站的安全性，一是需要一個較為安全的后臺管理系統及數據庫，在技術上避免被攻擊；二是在網站發布后需要相應的管理人員及時修正信息，那一旦被攻擊，也可以及時挽回！

3 網站數據庫

采用的數據庫是Microsoft Access ，擬建立yiuwekdsodksldfslwifds.mdb庫文件，包含如下幾個表文件：

<%NoDown%>：建立此表的目的是禁止外部讀取數據庫和禁止下載的。

Admin表：用于存儲系統管理員信息

Advertisement表：定義后臺網站屬性可修改數據類型。

Announce 表：根據關鍵字存儲后臺提交的公告信息。

Article表：定義文章屬性可修改數據類型。

ArticleClass表：用于錄入文章欄目并對此進行數據修改。

Comment表：存儲用戶對文章所發表的評論。

Layout（版面定義表）：用于存儲版面定義類型信息。

Skin（樣式定義表）：用于修改網站后臺樣式。

Special（文章專題表）：用于存儲專題性文章的數據信息。

User（用戶信息表）：用于存儲后臺提交的用戶數據。

UserGrade（用戶等級管理表）：用于修改網站注冊用戶的等級及相應權限。

Vote（下載欄目表）：這用于下載欄目信息的數據存儲。

ACCESS具有便捷的可移植性，可以單獨地在服務器上進行上傳和下載，操作它，本機不需要相應的軟件平臺即可運行。數據庫的鏈接是放在conn.asp公共文件中，需要鏈接數據庫的網頁只要在代碼開頭處進行調用即可，避免了代碼的重復。

4 網站整體設計

4.1 網站的前臺設計

在前臺設計工作中，首先要確定的是網站的整體形象。一個網站給人的第一印象就是主頁，但并不是說主頁能夠做得漂亮，網站的整體形象就好了。因為在用戶對整個網站的瀏覽的過程中，會自然而然的形成一種對網站的看法，這就是網站的整體形象在訪問者感性思維上的體現，這是需要主頁和其它的頁面相互配合才能達到的效果。所以，在設計網頁的時候要考慮怎么將自己網站的優點呈現給訪問者，同時，又要考慮呈現的方式，側重點。想要給人以好的可信賴的形象就必須從細節之處入手，同時規范整個網站的外在表現。具體在于標志的設計、標準色彩的表達以及標準字體的設計。從整體的風格上保持統一的、標準的形象是贏得訪問流量的先決條件。

《樹人青年》作為一個紅色網站，給訪問者的第一印象是什么？從網站作為團委網站的性質來考慮，《樹人青年》應當給人正面的，穩重的感覺；但從訪問對象——青年（在校大學生）的角度出發，要符合當代青年同志的審美觀以及這一群體所具有的豐富的個性，網站就需要一些活潑且風格化的元素。如何在兩者之間取得平衡，是設計網站首要解決的問題。

所以，課題組確定了網站的整體形象為：鮮明的特色，嚴謹的結構，豐富的內容。網站的主題色定為紅色，這樣從顏色上與共青團團旗對應，使訪問者從視覺上就能明白這是“紅色主題”網站。為了增加網站的可看性，吸引訪問者，我在網站的整體設計中加入了多媒體元素，使網站有了較為時尚的一面。而網站的標志，我采用了團旗的標志，這是一個嚴肅的標志，所以在設計標志時，需要保持原樣，但為了使其在網頁上能夠比較醒目而以紅色作為底色。然后在網站的內容設置上，我將整個網站分為七個板塊，每個板塊再具體分為若干個下級板塊。

網站的首頁的背景色是紅色為主，搭配同色系的框架，使得網站色彩鮮明，突出作為校團委網站的身份。制作時，是先用Fireworks做出首頁的PNG圖，然后根據設計需要，對圖進行切片，再導入Dreamweaver中，進行排版。完成排版后，在瀏覽器中預覽網頁時會發現圖片的排列和層次會并不像所設計的那樣整齊，而是出現了排列和層次的混亂。為了解決這個問題，我在制作網站頁面時，使用CSS控制DIV（區隔標記）進行絕對定位。

導航和BANNER部分是采用FLASH制作。導入網站的方式是采用JS直接調用，即可避免因為要通過IE驗證，使得網頁打開時有“單擊以激活并使用此控件”提示這個問題。

接下去是網頁的信息展示部分，整個首頁內容分別為：登錄框，熱點點擊，新聞資訊，專題板塊，友情鏈接。其中，登錄框將與后臺鏈接，校內學生和老師可以通過注冊登陸網站。而新聞資訊這塊，通過代碼實現了鼠標經過標題上就可以顯示不同層的內容的效果，達到了在節約空間的同時可以顯示更多信息內容的目的。熱點點擊將最新火的資訊直接在首頁上顯示出來，使得新聞內容可以更及時而直觀地被訪問者瀏覽。在網站的最下方，我們采用了圖片循環滾動校內鏈接模式，訪問者可以直接瀏覽學校的其他一系列網站。專題板塊是為浙江樹人大學每一學年的兩大綜合性活動——科技創業節和文化藝術節所設，網站管理員可以專門為活動制作電子雜志，透過這一新式的媒體傳播方式來宣傳和展示活動。

子頁面，則采用白色的底色，搭配紅色的框架，使得網站整體不會流于艷俗，也避免了訪問者閱讀信息時因背景顏色過于艷麗而產生的不適感。頁面中同樣加入了有學校特色Banner。各個子頁面的新聞發布都是由后臺新聞管理系統直接編輯上傳。要將內容從ASP 定界符內部或過程發送給瀏覽器，可以使用Respons對象的Write方法。首頁和子頁面的新聞都是用response.write向客戶端輸出文章內容的。

子頁面的設計也有幾個亮點，一是在新聞資訊板塊中加入了視頻新聞，將新聞以直觀的視頻播放形式發布，實現了新媒體技術在網站中的應用。二是按校團委的要求在組織建設板塊中加入網絡團校，這一板塊的建立真正使得校團委的思想教育工作得以立足于網絡進行，同學們可以通過網絡來學習具有先進性的思想！三是在各個子頁面中加載了站內搜索功能，這在后面進行詳細介紹。此外，子頁面內還含有“最新推薦”板塊，這是在最新推薦的圖片后加入代碼調用文章：<% call ShowElite(20，22) %>。

4.2 后臺模塊分布：

后臺管理分為以下幾塊內容：

文章管理：添加文章文章管理、審核、專題文章管理、回收站管理、文章評論管理；

常規設置：網站信息配置、選項；

欄目管理：網站欄目添加、管理、一級欄目排序、網站欄目合并；

用戶管理：注冊用戶管理、用戶等級添加、管理、更新用戶數據、管理員添加、管理；

數據庫管理：壓縮數據庫、備份數據庫、恢復數據庫、系統初始化、系統空間占用；

文件管理：上傳文件管理。

4.3 站內搜索

一個內容豐富的網站，總建有一個內容搜索引擎，用戶只要輸入想要搜索的關鍵字，一按“搜索”按鈕，網站返回的結果列表就立刻呈現在眼前，非常方便。要知道當用戶想要查的資料老是找不到，整天按著“下一頁”這個按鈕把頁面翻來翻去的，是一件煩心的事情，最終會大大降低網站的訪問率。所以就設置了“站內搜索”這一功能的站內搜索可以通過搜索文章標題，文章內容，文章作者，編輯姓名等關鍵詞，并且可以分不同欄目進行搜索。站內搜索的使用，大大增加了訪問的便捷性。

5 總結

網站要能明確的表現主題，在美觀的同時具有實用性，能夠保證一定的安全性。本網站的建設主要實現了訪問者可以通過網站充分了解校團委的組成結構，工作流程，以及可以通過網絡這個平臺作互動交流；而校團委則可以利用這個平臺及時接受上級指導，以及對外展示自身風貌，與兄弟學校進行廣泛而深入的交流，進一步增加共青團浙江樹人大學委員會對學校內外的影響力！

參考文獻：

[1] 陸黎明.ASP+Access+Dreamweaver動態網站開發從入門到實踐[M].機械工業出版社，2007.

[2] 屈喜龍，李正庚.ASP+Access.開發動態網站實例薈萃[M].北京:機械工業出版社，2006.

[3] 葛晨光.高校“紅色網站”建設存在的問題與對策思考[J].黑龍江高教研究，2003，(04):49-51.

[4] 王先國，楊軍.高等學校專題學習網站的建設初探[J].中國水運（理論版），2006，(12):99-100 .

[5] 胡道元.網絡設計師教程.[M].清華大學出版社，2001.

[6] 李世杰.Active Server Pages(ASP)3.0 網頁設計手冊[M].北京:清華大學出版社，1999.

[7] 魏應彬.網頁設計與Web數據庫發布技術[M].北京:清華大學出版社，2002.

[8] 藏少杰.網站中ACCESS數據庫的運用[J].福建電腦，2005，(11):152-153.