石家莊市第一中學 谷悅嘉

青年文明城市網(wǎng)動態(tài)網(wǎng)站建設(shè)

石家莊市第一中學 谷悅嘉

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

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

1.研究目的

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

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

在文明城市的建設(shè)中青年起著未來的主導作用。為了激起青年創(chuàng)建文明城市的熱情，激發(fā)創(chuàng)建文明城市的意識，通過制作“青年文明城市網(wǎng)”，列舉典型案例，激勵青年向優(yōu)秀事例學習，提高青年的整體素質(zhì)，使得青年為將我國建設(shè)成為一個文明、美麗、社會穩(wěn)定和諧、生態(tài)環(huán)境可持續(xù)發(fā)展的國家而不斷努力。

2.研究思路

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

3.開發(fā)工具

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

4.網(wǎng)站功能

4.1 普通用戶功能

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

4.2 管理員功能

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

4.3 運行環(huán)境

本網(wǎng)站運行在網(wǎng)站可以在Windows XP、Windows 7操作系統(tǒng)上運行，數(shù)據(jù)庫系統(tǒng)為Access。運行環(huán)境簡單實用。

5.總體設(shè)計

本網(wǎng)站系統(tǒng)總體分為兩部分，即前臺管理子系統(tǒng)和后臺管理子系統(tǒng)。其結(jié)構(gòu)如圖1所示。

圖1 網(wǎng)站總體結(jié)構(gòu)

圖2 數(shù)據(jù)庫內(nèi)容

6.數(shù)據(jù)庫設(shè)計

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

7.本網(wǎng)站詳細設(shè)計

7.1 前臺設(shè)計

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

所有子頁面均采用統(tǒng)一模版，展現(xiàn)整體頁面的一致性，增加網(wǎng)站整體的美感，保證好的用戶體驗。

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

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

7.2 后臺設(shè)計

網(wǎng)站后臺只有系統(tǒng)管理員可以進入。后臺的設(shè)計頁面比較簡單，易于操作。后臺頁面都是動態(tài)頁面，都使用ASP+ Dreamweaver以及JavaScript語句。

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

8.結(jié)論

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

在整個網(wǎng)站制作過程，我體會到了做任何研究都要有對科學嚴肅的態(tài)度，對治學嚴謹?shù)木瘢瑢ぷ骶媲缶淖黠L，對科學不懈追求的堅毅品質(zhì)。我明白了一個好的網(wǎng)站要功能齊全，讓用戶盡可能地使用方便，考慮問題需要嚴謹有序。

在研究過程中我發(fā)現(xiàn)遇到困難并不可怕，只要積極地想辦法去解決它，不放棄，堅持自己的夢想，就一定能夠?qū)崿F(xiàn)最終的成功。