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

石家莊市第一中學(xué) 谷悅嘉

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

石家莊市第一中學(xué) 谷悅嘉

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

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

1.研究目的

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

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

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

2.研究思路

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

3.開發(fā)工具

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

4.網(wǎng)站功能

4.1 普通用戶功能

普通用戶可以瀏覽網(wǎng)站前臺(tái)的所有內(nèi)容，包括文明城市、青年榜樣、評(píng)比體系、文明案例等欄目。可以查看最新新聞；可以在線留言；可以進(jìn)行會(huì)員登錄與注冊(cè)；可以進(jìn)行網(wǎng)站投票；可以瀏覽圖片；可以聯(lián)系網(wǎng)站管理員；可以收藏本網(wǎng)站地址。

4.2 管理員功能

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

4.3 運(yùn)行環(huán)境

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

5.總體設(shè)計(jì)

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

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

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

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

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

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

7.1 前臺(tái)設(shè)計(jì)

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

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

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

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

7.2 后臺(tái)設(shè)計(jì)

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

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

8.結(jié)論

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

在整個(gè)網(wǎng)站制作過程，我體會(huì)到了做任何研究都要有對(duì)科學(xué)嚴(yán)肅的態(tài)度，對(duì)治學(xué)嚴(yán)謹(jǐn)?shù)木瘢瑢?duì)工作精益求精的作風(fēng)，對(duì)科學(xué)不懈追求的堅(jiān)毅品質(zhì)。我明白了一個(gè)好的網(wǎng)站要功能齊全，讓用戶盡可能地使用方便，考慮問題需要嚴(yán)謹(jǐn)有序。

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