青年文明城市網動態網站建設

石家莊市第一中學 谷悅嘉

青年文明城市網動態網站建設

石家莊市第一中學 谷悅嘉

在文明城市創建活動中，青年這個群體的地位和作用，是其他任何群體不可替代的。本網站前臺創設首頁、文明城市、青年榜樣、評比體系、文明案例、最新新聞、留言板六項欄目。后臺可以實時添加最新的信息；對網友留言進行回復；對用戶進行管理；添加圖片信息。通過本網站建設可引導青年將我國積極創造成一個具有健康向上的人文環境、有利于青年健康成長的社會文化環境、舒適便利的生活環境、安全穩定的社會環境和可持續發展的生態環境的國家。

文明城市；青年榜樣；評比體系；文明案例；最新新聞；留言板

1.研究目的

全國文明城市評比是由中央宣傳部、中央文明辦組織評選的。

社會上最先進、最有活力的一族是青年。在文明城市創建活動中，青少年這個朝氣勃勃的群體所處的地位和所起的作用，是其他任何群體不可替代的。

在文明城市的建設中青年起著未來的主導作用。為了激起青年創建文明城市的熱情，激發創建文明城市的意識，通過制作“青年文明城市網”，列舉典型案例，激勵青年向優秀事例學習，提高青年的整體素質，使得青年為將我國建設成為一個文明、美麗、社會穩定和諧、生態環境可持續發展的國家而不斷努力。

2.研究思路

網站前臺創設文明城市、青年榜樣、評比體系、文明案例、最新新聞、留言板幾項網頁導航欄目?！拔拿鞒鞘小睓谀孔屒嗄炅私馕拿鞒鞘械南嚓P知識，包括全國文明城市的定義，創建全國文明城市的意義，明確全國文明城市要創建什么樣的環境，全國文明城市主要評判依據等知識?！扒嗄臧駱印睓谀苛信e了最美司機吳斌、最美教師張麗莉及當代優秀青年代表的優秀事跡?！拔拿靼咐睓谀苛信e了一些被評比為文明城市、文明村鎮、文明單位、講文明樹新風的具體案例，“最新新聞”列舉了最新的國內國際有關文明城市建設的新聞，“留言板”可以讓青年積極發表自己的見解或者積極為城市的文明建設出謀劃策，激發全國青年參與文明城市建設的意識與熱情。網絡管理員通過后臺管理可以對新聞、留言、用戶進行管理，還可以上傳最新的圖片資料。

3.開發工具

本網站采用ASP來制作動態頁面；采用JavaScript腳本語言來編輯部分動態腳本；采用Microsoft Office Access來制作后臺數據庫；采用Adobe Dreamweaver CS5來制作靜態頁面；采用Adobe Flash CS5來制作頁面的Banner；采用Adobe Photoshop CS5來制作頁面的背景和各種圖片。

4.網站功能

4.1 普通用戶功能

普通用戶可以瀏覽網站前臺的所有內容，包括文明城市、青年榜樣、評比體系、文明案例等欄目?？梢圆榭醋钚滦侣?；可以在線留言；可以進行會員登錄與注冊；可以進行網站投票；可以瀏覽圖片；可以聯系網站管理員；可以收藏本網站地址。

4.2 管理員功能

網絡管理員可以對新聞進行添加、瀏覽、修改和刪除，可以及時有效地發布最新文明城市建設的新聞；可以對用戶留言進行審核和回復以及對不健康留言的刪除；可以對用戶進行修改用戶的資料或者刪除經常發不健康內容的用戶以及管理員自我信息的修改；可以上傳最新的圖片資料（添加的圖片名在“青年文明城市網”文件夾下的images文件夾里），添加后可在首頁“圖片展示”的“更多”里看到該圖片。

4.3 運行環境

本網站運行在網站可以在Windows XP、Windows 7操作系統上運行，數據庫系統為Access。運行環境簡單實用。

5.總體設計

本網站系統總體分為兩部分，即前臺管理子系統和后臺管理子系統。其結構如圖1所示。

圖1 網站總體結構

圖2 數據庫內容

6.數據庫設計

由于該網站需要完成后臺管理和前臺交互的功能，因此需要對數據庫進行設計，考慮到實際的應用需求，需要設計管理員、新聞分類、留言、圖片、投票、新聞、注冊數據表。如圖2所示。該數據庫表有7個，管理員表（admin）、新聞分類表（bk）、留言表（ly）、圖片表（pic）、投票表（vote）、新聞表（xw）、注冊表（zc）。所建數據庫如圖2所示。

7.本網站詳細設計

7.1 前臺設計

前臺是所有用戶都可以看到的頁面。大部分為靜態的頁面展示，只有新聞、留言、用戶登錄、注冊、投票以及圖片展示是動態設計。

所有子頁面均采用統一模版，展現整體頁面的一致性，增加網站整體的美感，保證好的用戶體驗。

前臺設計包括首頁設計；文明城市子頁面設計；青年榜樣子頁面設計；評比體系子頁面設計；文明案例子頁面設計；最新新聞子頁面設計；留言板子頁面設計；用戶注冊與登錄頁面設計；查詢新聞頁面設計；網站投票頁面設計。

首頁是一個網站的整體形象，包括網站的LOGO、Banner、導航、用戶登錄、新聞搜索、網站投票、最新新聞、最新留言、圖片展示、公告、熱點關注等內容。

7.2 后臺設計

網站后臺只有系統管理員可以進入。后臺的設計頁面比較簡單，易于操作。后臺頁面都是動態頁面，都使用ASP+ Dreamweaver以及JavaScript語句。

后臺設計包括登錄頁面設計；新聞管理頁面設計；留言管理頁面設計；用戶管理頁面設計；圖片管理頁面設計。

8.結論

將青年與全國文明城市建設緊緊聯系在一起，對青年更有針對性，提高青年整體素質，使得青年肩上擔負起將祖國建設得更加文明、美好的重任，喚起了青年的社會責任感。

在整個網站制作過程，我體會到了做任何研究都要有對科學嚴肅的態度，對治學嚴謹的精神，對工作精益求精的作風，對科學不懈追求的堅毅品質。我明白了一個好的網站要功能齊全，讓用戶盡可能地使用方便，考慮問題需要嚴謹有序。

在研究過程中我發現遇到困難并不可怕，只要積極地想辦法去解決它，不放棄，堅持自己的夢想，就一定能夠實現最終的成功。