校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)-畢業(yè)論文

華中師范大學(xué)本科畢業(yè)論文（設(shè)計(jì)）校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)摘要作為一種新興的信息技術(shù)，互聯(lián)網(wǎng)正以前所未有的沖擊力影響著人類的生活，它的出現(xiàn)和發(fā)展，正慢慢地改變著人們的生活方式，互聯(lián)網(wǎng)也因此成為目前比較熱門的一個(gè)話題，它具有強(qiáng)大的影響力。國(guó)際上網(wǎng)站的發(fā)展十分迅速，網(wǎng)站已成為人們獲取信息的一種重要方式。越來(lái)越多的人都希望有自己的個(gè)人主頁(yè)，以充分展示自我；越來(lái)越多的公司都希望讓自己的網(wǎng)站更具吸引力，以宣傳公司，提高知名度。學(xué)校網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁。網(wǎng)絡(luò)上有巨大的教育資源庫(kù)，它集全社會(huì)的力量，使教育資源無(wú)限增長(zhǎng)。學(xué)校網(wǎng)站是最佳的教學(xué)研究室，學(xué)校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學(xué)校教學(xué)研究帶來(lái)了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內(nèi)容為學(xué)生提供了極佳的平臺(tái)。有效地降低教研成本、提高效率。本文將首先從結(jié)構(gòu)上對(duì)網(wǎng)站的設(shè)計(jì)有一個(gè)總體上的構(gòu)想，包括網(wǎng)站的前端的用戶管理模塊和后端的數(shù)據(jù)維護(hù)模塊，這是任何一個(gè)網(wǎng)站所必備。本文講述了利用DREAMWEAVERCS5.5和ASP進(jìn)行網(wǎng)站設(shè)計(jì)的開發(fā)過(guò)程，對(duì)網(wǎng)站的設(shè)計(jì)及網(wǎng)站的實(shí)現(xiàn)進(jìn)行了詳細(xì)的說(shuō)明。本文的主要內(nèi)容主要是利用ASP和DREAMWEAVERCS5.5的開發(fā)環(huán)境的架設(shè)開始，一步步實(shí)現(xiàn)校園網(wǎng)站各個(gè)功能模塊。關(guān)鍵詞：校園網(wǎng)站；網(wǎng)站設(shè)計(jì)；DREAMWEAERCS5.5；ASP；數(shù)據(jù)庫(kù)AbstractAsanew

informationtechnology,theInternet

has

anunprecedented

impacton

human’slife,

its

emergenceanddevelopment

ischanging

thewayofpeople’slife,

the

Internet

hasbeen

a

popular

topicandit

hasastrong

influence.

The

international

Website

developedveryrapidly;

the

websitehasbecome

animportantway

for

people

toaccessinformation.

Moreandmorepeople

wanttohave

theirownpersonal

home

page

inorderto

displaythemselves;

moreandmore

companiesalsowantto

maketheirsitesmoreattractive

topromotethe

companyandimprovetheirvisibility.The

school

websiteis

abridge

ofnetwork

to

distributetheeducationalresources.

Thereis

a

great

educationalresourcelibrarywhichcombines

thestrength

of

thewholesociety,

and

education

resources

to

growindefinitely.The

school

site

isthebest

teaching

ResearchCenter,andhasbrought

a

newworldtous,

suchasa

variety

of

goodarticleson

subjects

material,

excellentsoftwaredownloads

andothercontent

toprovidestudentswith

avery

effectivespecialized

site

of

the

school

sitesand

educational

links,

school

teachingandresearch

excellent

platform.

Itmayreduce

the

teachingandresearch

costseffectively

andimprovesefficiency.Atfirst,thispaper

willhaveanoverall

idea

from

the

structural

design

of

the

site,

including

usermanagementmodule

of

thewebsitefrontend

andback-end

datamaintenancemodule,which

is

essential

toany

one

site.

Thisarticledescribes

the

developmentprocess,

useing

theDREAMWEAVER

CS5,and

ASPtodesignthewebsite.

The

maincontent

of

this

article

istheuseofthe

ASPand

DREAMWEAVERCS5.5andtheerection

of

the

developmentenvironment

began,

stepbystep

toachieve

the

various

functionalblocks

ofthe

campusWebsite.

KeyWord:school

websites;

website

design;

DREAMWEAER

CS5;

ASP;

database目錄第1章緒論 11.1國(guó)內(nèi)外校園網(wǎng)站發(fā)展現(xiàn)狀及趨勢(shì) 11.2校園網(wǎng)站建設(shè)的必要性 21.3校園網(wǎng)站設(shè)計(jì)思想 31.4開發(fā)工具的選用及介紹3第2章網(wǎng)站總體的分析與設(shè)計(jì) 52.1相關(guān)術(shù)語(yǔ)及解釋 52.2當(dāng)前校園網(wǎng)站需要解決的問(wèn)題 72.3主頁(yè)設(shè)計(jì) 82.4功能設(shè)計(jì) 8第3章詳細(xì)設(shè)計(jì) 93.1數(shù)據(jù)庫(kù)設(shè)計(jì) 93.1.1用戶注冊(cè)表.. 93.1.2論壇基本信息表 103.1.3資源信息表 103.1.4新聞表 103.1.3留言表 113.1.3論壇用戶信息表 113.2頁(yè)面設(shè)計(jì) 133.2.1主頁(yè)設(shè)計(jì)133.2.2后臺(tái)登陸133.2.3前臺(tái)登陸143.2.4資源下載頁(yè)面153.2.5論壇頁(yè)面設(shè)計(jì)163.2.6留言板設(shè)計(jì)173.3關(guān)鍵代碼設(shè)計(jì) 193.3.1用戶注冊(cè)及登陸關(guān)鍵代碼 193.3.2資源下載頁(yè)面關(guān)鍵代碼 243.3.3留言板關(guān)鍵代碼 263.3.4校園論壇發(fā)帖頁(yè)面關(guān)鍵代碼 283.3.5網(wǎng)站管理系統(tǒng) 323.3.6主要功能程序段 37第4章編碼，測(cè)試及維護(hù) 39參考文獻(xiàn) 90后記 9附錄1主要英文縮寫語(yǔ)對(duì)照表 11PAGE31第1章緒論Internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在Interne這個(gè)世界中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為機(jī)關(guān)、學(xué)校、企事業(yè)單位、甚至進(jìn)入尋常百姓家的信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了更好的辦學(xué)，提高學(xué)校知名度，為家長(zhǎng)和同學(xué)們提供一個(gè)友誼的橋梁，增加同學(xué)們和家長(zhǎng)對(duì)學(xué)校一些事物的了解，建設(shè)校園網(wǎng)站勢(shì)在必行且不容忽視。本文主要介紹中學(xué)校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。1.1校園網(wǎng)站的發(fā)展及趨勢(shì)據(jù)中國(guó)互聯(lián)網(wǎng)絡(luò)統(tǒng)計(jì)報(bào)告數(shù)據(jù)顯示，截至2011年6月30日，我國(guó)網(wǎng)站數(shù)量約為183萬(wàn)家，與2009年網(wǎng)站數(shù)323萬(wàn)家相比，減少了43%，而在2009年之前，國(guó)內(nèi)網(wǎng)站數(shù)量每年都以高速遞增的態(tài)勢(shì)發(fā)展?？v觀網(wǎng)站建設(shè)市場(chǎng)從2003至2011年由高轉(zhuǎn)低的曲線發(fā)展趨勢(shì)，反映的正是我國(guó)網(wǎng)站建設(shè)市場(chǎng)由“萌芽式”到“粗放式”再向“細(xì)分式”的轉(zhuǎn)變。在經(jīng)過(guò)近十年的發(fā)展后，國(guó)內(nèi)校園網(wǎng)站建設(shè)已經(jīng)開始逐步走向成熟和規(guī)范。校園網(wǎng)站發(fā)展三階段發(fā)展至今，互聯(lián)網(wǎng)已經(jīng)滲透到我們生活的各個(gè)細(xì)節(jié)，無(wú)論是經(jīng)濟(jì)方面還是宣傳方面，作為互聯(lián)網(wǎng)信息發(fā)布與交互載體的網(wǎng)站，都起著積極重要的促進(jìn)作用。而網(wǎng)站重要性的不斷提升，卻經(jīng)歷了數(shù)個(gè)階段的轉(zhuǎn)型與蛻變，據(jù)動(dòng)易網(wǎng)絡(luò)研究顯示，網(wǎng)站發(fā)展大致分為三個(gè)階段：第一階段，時(shí)間是2002年以前，定義為網(wǎng)站的“萌芽式”發(fā)展期，是網(wǎng)站形成的初級(jí)階段。處于這個(gè)階段的網(wǎng)站，主要作為簡(jiǎn)單的企業(yè)展示之用。網(wǎng)站基本上是由靜態(tài)網(wǎng)頁(yè)構(gòu)成，沒(méi)有我們現(xiàn)在熟悉的“功能”概念，主要借助Dreamweaver、FrontPage等編程工具來(lái)構(gòu)建。除了新浪、網(wǎng)易等大門戶網(wǎng)站外，一般網(wǎng)站只是幾個(gè)靜態(tài)頁(yè)面，對(duì)網(wǎng)站功能要求不高。第二階段，時(shí)間是2002年~2008年，定義為網(wǎng)站的“粗放式”發(fā)展期，是網(wǎng)站的變革階段。處于這個(gè)階段的網(wǎng)站用途仍主要是向外部展示信息，但網(wǎng)站技術(shù)已改為由動(dòng)態(tài)頁(yè)面組成，一般是使用簡(jiǎn)單的內(nèi)容管理系統(tǒng)(CMS)進(jìn)行信息發(fā)布、管理，提供簡(jiǎn)單的留言板或論壇(BBS)。在這一階段里，隨著互聯(lián)網(wǎng)的逐漸普及，“信息化”的概念逐漸被行業(yè)內(nèi)所接受和倡導(dǎo)。企事業(yè)單位都開始進(jìn)行各種辦公系統(tǒng)和業(yè)務(wù)系統(tǒng)的信息化升級(jí)，如ERP、OA等都是這個(gè)階段的產(chǎn)物。但是，隨著利用信息化系統(tǒng)不斷提升工作效率的同時(shí)，各系統(tǒng)之間相互獨(dú)立而產(chǎn)生眾多獨(dú)立數(shù)據(jù)流便不可避免，因此，信息孤島開始出現(xiàn)。第三階段，定義為網(wǎng)站的“細(xì)分式”發(fā)展期，是網(wǎng)站發(fā)展的成熟階段。2008年以后網(wǎng)站需求開始按照行業(yè)細(xì)分。不同行業(yè)的需求會(huì)具備本行業(yè)的特殊性質(zhì)。例如，政府網(wǎng)站，出現(xiàn)了政府信息公開的需求、公眾參與、在線辦事的需求等；又如制造型企業(yè)網(wǎng)站，逐步開始針對(duì)供應(yīng)商、客戶、合作伙伴和內(nèi)部員工提供各種服務(wù)，開始更加專注數(shù)據(jù)的管理、共享和整合；教育網(wǎng)站，開始加強(qiáng)學(xué)校與家長(zhǎng)的互動(dòng)與交流等?；ヂ?lián)網(wǎng)進(jìn)入中國(guó)20幾年，每一年都發(fā)生巨大的改變，人們對(duì)于網(wǎng)站的認(rèn)識(shí)同樣在不斷的改變。在網(wǎng)站發(fā)展第一二階段，很多人都只把網(wǎng)站當(dāng)成“形象招牌”。大家對(duì)網(wǎng)站重要性的認(rèn)識(shí)都不高，那么對(duì)網(wǎng)站建設(shè)服務(wù)提供商的技術(shù)要求也就不高了，這也是目前各地網(wǎng)站建設(shè)公司還存在的原因之一。但是，從2008年開始，網(wǎng)站逐步向“第三階段”發(fā)展。比如說(shuō)，政府門戶網(wǎng)站一定要實(shí)現(xiàn)在線辦事，公眾參與、信息公開，還有像網(wǎng)上信訪，行政事業(yè)的業(yè)務(wù)審批和監(jiān)察等等這些網(wǎng)站應(yīng)用。相對(duì)來(lái)說(shuō)，就是將原來(lái)線下的服務(wù)，搬到了網(wǎng)上通過(guò)網(wǎng)站的各種技術(shù)去實(shí)現(xiàn)。像學(xué)校也是類似，通過(guò)網(wǎng)站加強(qiáng)學(xué)校與家長(zhǎng)之間的溝通與聯(lián)系。那么校園網(wǎng)站發(fā)展的趨勢(shì)便是通過(guò)網(wǎng)站宣傳學(xué)校特色，發(fā)布校園信息，加強(qiáng)學(xué)校同外界的交流，并領(lǐng)用校園網(wǎng)站公開學(xué)校事務(wù)，管理校園。

1.2校園網(wǎng)站建設(shè)的必要性對(duì)學(xué)校來(lái)說(shuō)，校園網(wǎng)站有四個(gè)方面的典型應(yīng)用：

第一校園網(wǎng)站是為學(xué)生學(xué)習(xí)活動(dòng)服務(wù)的，是一種學(xué)習(xí)工具。它不但是學(xué)生與他人之間的交流工具，同時(shí)也是學(xué)習(xí)資源的提供者，有利于學(xué)生進(jìn)行探索學(xué)習(xí)和協(xié)作學(xué)習(xí)。

第二校園網(wǎng)站是為教師的教學(xué)和科研活動(dòng)服務(wù)的，如提供教學(xué)資源、輔助教師備課，參與課堂教學(xué)活動(dòng)和支持教師再學(xué)習(xí)活動(dòng)等。

第三校園網(wǎng)站是為學(xué)校教育教學(xué)管理服務(wù)的，如輔助學(xué)校的學(xué)生學(xué)籍管理、人事管理、財(cái)務(wù)管理等。

第四校園網(wǎng)站是溝通學(xué)校與外面的窗口，利用它既可以從校外獲取各種信息，也可以向外發(fā)布各種信息。1.3校園網(wǎng)站設(shè)計(jì)思想是通過(guò)網(wǎng)站，全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排與招生政策等信息內(nèi)容，使學(xué)生及家長(zhǎng)曾加對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet網(wǎng)上，讓學(xué)生及家長(zhǎng)及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分事務(wù)，提高辦事效率,給學(xué)生、家長(zhǎng)與學(xué)校最方便的聯(lián)系橋梁。在這里學(xué)生及家長(zhǎng)也可以提出意見及想法，互通教學(xué)之間的意見想法，更加有效的辦好教學(xué)，和學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納，這些都能成為學(xué)校的參考，以便更加的提高學(xué)校的教學(xué)質(zhì)量。1.4開發(fā)工具的選用及介紹1.4.1DreamweaverCS5本網(wǎng)站采用DreamweaverCS5為基本網(wǎng)頁(yè)開發(fā)工具，利用DreamweaverCS5中的可視化編輯功能,達(dá)到快速創(chuàng)建頁(yè)面的效果。DreamweaverCS5是建立WEB站點(diǎn)和應(yīng)用程序的專業(yè)工具，它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建基于標(biāo)準(zhǔn)的界面吸引人的網(wǎng)站和應(yīng)用程序。開發(fā)人員可以使用DreamweaverCS5及所選擇的服務(wù)器技術(shù)來(lái)創(chuàng)建功能強(qiáng)大的Internet應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫(kù)、WEB服務(wù)器和原有系統(tǒng)。1.4.2數(shù)據(jù)庫(kù)系統(tǒng)Access2003是一種簡(jiǎn)易的關(guān)系型數(shù)據(jù)庫(kù)系統(tǒng)。選用Access的優(yōu)點(diǎn)在于它不僅能使用數(shù)據(jù)表示圖或自定義窗體收集信息，且簡(jiǎn)單易學(xué)、易使用。數(shù)據(jù)表示圖提供了一種類似于Excel的電子表格,可以使數(shù)據(jù)庫(kù)一目了然。另外,Access允許創(chuàng)建自定義報(bào)表，能打印或輸出數(shù)據(jù)庫(kù)中的信息，以便分析。Access也提供了數(shù)據(jù)存儲(chǔ)功能,可以使用桌面數(shù)據(jù)庫(kù)文件把數(shù)據(jù)庫(kù)文件置于網(wǎng)絡(luò)文件服務(wù)器,與其他網(wǎng)絡(luò)用戶共享數(shù)據(jù)庫(kù)。1.4.3腳本語(yǔ)言VBScript程序設(shè)計(jì)語(yǔ)言是Microsoft公司將VB(VisualBasic)程序設(shè)計(jì)語(yǔ)言加以簡(jiǎn)化而成的一種腳本制作語(yǔ)言。VBScript是一種事件驅(qū)動(dòng)語(yǔ)言。同VBScript一樣,JavaScript也是事件驅(qū)動(dòng)語(yǔ)言,它是一種描述性的基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本語(yǔ)言(ScriptLanguage),可以非常自由地被嵌入到HTML的文件之中。通過(guò)將腳本嵌入在標(biāo)準(zhǔn)的HTML語(yǔ)言中彌補(bǔ)了HTML語(yǔ)言的部分缺陷，加強(qiáng)了HTML的功能與應(yīng)用。1.4.4開發(fā)ASP的運(yùn)行環(huán)境目前，Microsoft公司推出的支持ASP的服務(wù)器有以下幾個(gè)：MicrosoftInternetInformationServerVersion4.0/5.0(簡(jiǎn)稱IIS)MicrosoftPersonalWebServer(簡(jiǎn)稱PWS)這兩個(gè)主要是為Microsoft公司的WindowsNT/2000/XP系統(tǒng)開發(fā)的，當(dāng)然功能和穩(wěn)定性及安全性都強(qiáng)很多，目前大型的站點(diǎn)大多是用IIS作為服務(wù)器，而PWS是為一般的PC用戶開發(fā)的。ASP的內(nèi)置對(duì)象Request對(duì)象

，包含從用戶端瀏覽器發(fā)送到服務(wù)器端的所有信息，允許訪問(wèn)利用表單提交給服務(wù)器的數(shù)據(jù)。Response對(duì)象，將HTML和其他數(shù)據(jù)返回到用戶端瀏覽器。Response對(duì)象設(shè)置客戶端瀏覽器的狀態(tài)。Server對(duì)象，為ASP的應(yīng)用程序提供服務(wù)器的功能。Session對(duì)象

，在此對(duì)象中維護(hù)每個(gè)用戶的信息，可以使用該對(duì)象存儲(chǔ)特定的用戶會(huì)話所需的信息。Application對(duì)象，對(duì)給定應(yīng)用程序的所有用戶共享信息。ObjectContext

提供在頁(yè)面內(nèi)進(jìn)行事物處理，這是擴(kuò)展ASP能力的一個(gè)對(duì)象，ASP內(nèi)直接發(fā)送EMAIL或其它信息。[3]

第2章網(wǎng)站總體的分析與設(shè)計(jì)2.1產(chǎn)品可行性分析2.1.1技術(shù)可行性HTML作為一種樣式語(yǔ)言，隨著Internet上信息量的增多和交互性的加強(qiáng)使HTML顯得越來(lái)越難以勝任的情況之下，而ASP能夠徹底實(shí)現(xiàn)用戶與管理人員的交互性，在ASP編程語(yǔ)言高度發(fā)展的形式下，ASP能夠很好的解決這些復(fù)雜交互的動(dòng)態(tài)性，于是我們也開始了對(duì)學(xué)院網(wǎng)站的動(dòng)態(tài)開發(fā)，即而讓學(xué)院網(wǎng)站更加的互動(dòng)。網(wǎng)站的數(shù)據(jù)庫(kù)系統(tǒng)采用的是Microsoftaccess。Microsoftaccess的管理和開發(fā)入手都比較方便，性價(jià)比較高并且和ASP集成效果的更好，很合適用于Windows應(yīng)用的后臺(tái)數(shù)據(jù)庫(kù)。網(wǎng)站圖片的處理工具選擇了PhotoshopCS4、FireworksCS4。這些都是當(dāng)前普遍采用，確實(shí)可行的技術(shù)，因此系統(tǒng)的開發(fā)具有很高的技術(shù)可行性。2.1.2經(jīng)濟(jì)可行性1.系統(tǒng)的投入費(fèi)用：大部分電腦及硬件設(shè)備已經(jīng)符合要求，無(wú)需增加新的投入。2.系統(tǒng)的效益分析：校園網(wǎng)站不追求經(jīng)濟(jì)利益，但是帶來(lái)了巨大的工作效率，從另一個(gè)角度看，提升了工作效率也就帶來(lái)了巨大的效益。2.1.3社會(huì)可行性作為學(xué)校最外的窗口，校園網(wǎng)站成為每個(gè)學(xué)校的標(biāo)準(zhǔn)配置，已成為提高學(xué)校品牌形象的重要內(nèi)容。而且，通過(guò)一定的管理員培訓(xùn)，這類網(wǎng)站也是很方便于管理的。2.1.4結(jié)論較之SQLServer2005，Access部署簡(jiǎn)單方便就一個(gè)文件運(yùn)用起來(lái)比較靈活主要是桌面數(shù)據(jù)庫(kù)系統(tǒng),他也可以開發(fā)基于自己的桌面數(shù)據(jù)庫(kù)應(yīng)用(UI),也可以作為前端開發(fā)工具與其它數(shù)據(jù)庫(kù)搭配開發(fā)應(yīng)用程序，熟練的軟件設(shè)計(jì)師和資料分析師利用它來(lái)開發(fā)應(yīng)用軟件，而一些不熟練的程序員和非程序員的初級(jí)用戶則使用它來(lái)開發(fā)簡(jiǎn)單的應(yīng)用軟件[6][7]，網(wǎng)站圖片制作處理工具選擇的是PhotoshopCS4、FireworksCS4這些都是當(dāng)前普遍采用，確實(shí)可行的技術(shù)，因此系統(tǒng)的開發(fā)具有很高的技術(shù)可行性等等，總之，經(jīng)過(guò)以上各項(xiàng)的分析，該項(xiàng)目是可行的。2.2網(wǎng)站可用性分析

2.2.1網(wǎng)頁(yè)布局

實(shí)際內(nèi)容占據(jù)網(wǎng)頁(yè)的大部分空間，為50%～80%，導(dǎo)航部分不超過(guò)20%。顏色的選擇以綠白色為主，沒(méi)有使用太多的顏色來(lái)修飾某個(gè)對(duì)象，此外，正文和背景色的對(duì)比度較大，一般字色為默認(rèn)的黑色，并且用了不同的背景色條區(qū)分正文區(qū)與其他功能區(qū)。為了提高網(wǎng)頁(yè)的可讀性，標(biāo)題區(qū)、標(biāo)題行和正文區(qū)使用了不同大小的字體，正文使用的是靜止的文字，且字體足夠大，以便于閱讀。

為了幫助用戶方便地瀏覽，每個(gè)網(wǎng)頁(yè)都設(shè)有標(biāo)題導(dǎo)航，且網(wǎng)頁(yè)標(biāo)題清楚地表明了網(wǎng)頁(yè)的內(nèi)容。在網(wǎng)頁(yè)的組織上，每個(gè)網(wǎng)頁(yè)都是按照“倒金字塔”原則進(jìn)行編寫，即從一個(gè)簡(jiǎn)單的結(jié)論開始漸次展開。網(wǎng)頁(yè)排版符合用戶的閱讀習(xí)慣，采用橫向排列方式。

一個(gè)網(wǎng)頁(yè)的大小一般不超過(guò)3萬(wàn)字節(jié)，以使用戶在10秒鐘之內(nèi)能打開網(wǎng)頁(yè)。而且要為每一個(gè)鏈接加上描述信息，因?yàn)楫?dāng)一個(gè)鏈接被點(diǎn)擊后，要把所有指向同一目標(biāo)的鏈接都表示成已被訪問(wèn)過(guò)，這樣便于用戶瀏覽。在鏈接旁注明下載文件的大小，幫助用戶預(yù)測(cè)下載時(shí)間。

2.2.2主題鮮明、富有特色

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

要做到主題鮮明突出，力求簡(jiǎn)潔，要點(diǎn)明確，以簡(jiǎn)單明確的語(yǔ)言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無(wú)關(guān)的人員也能留下一定的印象。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性，這樣才能夠辦出網(wǎng)站的特色。

Web站點(diǎn)主頁(yè)的基本成分包括：

頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)站點(diǎn)名稱

加入收藏：用來(lái)方便用戶收藏網(wǎng)頁(yè)；

聯(lián)系信息：如普通郵件地址或電話；

版權(quán)信息：讓用戶了解系統(tǒng)信息。

2.2.3版式編排布局合理性

網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，當(dāng)然要講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。

站點(diǎn)設(shè)計(jì)簡(jiǎn)單有序，主次關(guān)系分明，將零亂頁(yè)面的組織過(guò)程，混雜的內(nèi)容，依整體的布局的需要進(jìn)行分組歸納，經(jīng)過(guò)進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。

2.2.4相關(guān)站點(diǎn)引導(dǎo)鏈接

一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫(kù)，鏈接到其它網(wǎng)站輕而易舉。

在設(shè)計(jì)網(wǎng)頁(yè)的導(dǎo)引組織時(shí)，應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。2.3功能需求分析校園網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁(yè)瀏覽自己喜歡的新聞，并且可以在留言板和學(xué)校交流，登陸網(wǎng)站，在論壇發(fā)帖。在后臺(tái)管理頁(yè)面中，通過(guò)身份認(rèn)證，管理員，可以對(duì)網(wǎng)站信息進(jìn)行管理圖1校園功能流程圖2.3.11、新聞校園新聞提供校園資訊，讓同學(xué)們或老師隨時(shí)了解校園大事，掌握校園資訊，以及最新校園公告。2、留言板是一個(gè)學(xué)校與大家談心交流的地方，在留言板中，可以和學(xué)校進(jìn)行交流。就我們校園內(nèi)的話題展開討論。和大家進(jìn)行溝通。3、后臺(tái)管理頁(yè)面是管理和添加到新內(nèi)容的地方，為了方便實(shí)現(xiàn)信息的經(jīng)常更新，設(shè)計(jì)了這個(gè)管理頁(yè)面，經(jīng)過(guò)身份認(rèn)證后可以進(jìn)入網(wǎng)站對(duì)其中的信息進(jìn)行管理。4、頁(yè)面組織和數(shù)據(jù)庫(kù)設(shè)計(jì)在明確了校園網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁(yè)面設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)。建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來(lái)瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。下面是校園網(wǎng)頁(yè)的主要欄目：圖2校園網(wǎng)站內(nèi)容設(shè)計(jì)圖第三章結(jié)構(gòu)設(shè)計(jì)與具體實(shí)現(xiàn)

3.1數(shù)據(jù)庫(kù)設(shè)計(jì)1、數(shù)據(jù)庫(kù)的搭建使用ACCESS2003實(shí)現(xiàn)關(guān)系數(shù)據(jù)庫(kù)3.1.1用戶注冊(cè)表user存儲(chǔ)了普通用戶的信息，包括：用戶名，密碼，性別，電話，郵箱，注冊(cè)時(shí)間。它的設(shè)計(jì)視圖如圖1：圖3用戶注冊(cè)表設(shè)計(jì)視圖3.1.2論壇基本信息表bbsconfig存儲(chǔ)了論壇的基本信息，它的設(shè)計(jì)視圖如2圖4論壇基本信息表設(shè)計(jì)視圖3.1.3資源信息表soft存儲(chǔ)了管理員上傳的軟件的信息，設(shè)計(jì)視圖如下3圖5資源信息表設(shè)計(jì)視圖3.1.4新聞表news存儲(chǔ)了頁(yè)面新聞信息，設(shè)計(jì)視圖如下4圖6新聞表設(shè)計(jì)視圖3.1.5留言表message存儲(chǔ)了留言者的基本信息圖7留言表設(shè)計(jì)視圖3.1.6論壇用戶信息表bbsuser存儲(chǔ)了校園論壇用戶的信息，設(shè)計(jì)視圖如下圖8論文用戶信息設(shè)計(jì)視圖以上數(shù)據(jù)表為Access類型的庫(kù)文件，將它定名為：“data.mdb”。2、連接數(shù)據(jù)庫(kù)在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個(gè)數(shù)據(jù)庫(kù)，在這里，我們來(lái)用ASP把程序和數(shù)據(jù)庫(kù)連接起來(lái)，以后就可以連接到數(shù)據(jù)庫(kù)、在ASP中顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除。一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫(kù)的代碼：<%'這是ASP程序的起始

setconn=server.createobject("adodb.connection")'在服務(wù)器上創(chuàng)建了一個(gè)連接數(shù)據(jù)庫(kù)的對(duì)象

connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath("data.mdb")'告訴ASP數(shù)據(jù)庫(kù)的接接方法以及路徑

conn.openconnstr'創(chuàng)建了對(duì)象后就用來(lái)打開數(shù)據(jù)庫(kù)進(jìn)行連接

%>'一切OK了!結(jié)束ASP程序3.2功能模塊設(shè)計(jì)3.2.1主頁(yè)設(shè)計(jì)1、功能：顯示校園新聞和校園網(wǎng)站主要頁(yè)面2、組成結(jié)構(gòu)首頁(yè)顯示頁(yè)面default.asp數(shù)據(jù)庫(kù)連接頁(yè)面conn.asp3、瀏覽效果如下;圖8首頁(yè)瀏覽效果圖3.2.2前臺(tái)登陸及注冊(cè)1、功能：提供學(xué)生登陸及注冊(cè)頁(yè)面2、組成結(jié)構(gòu)登陸頁(yè)面login.asp數(shù)據(jù)庫(kù)連接頁(yè)面conn.asp注冊(cè)頁(yè)面register.asp3、登陸和注冊(cè)頁(yè)面效果圖圖9前臺(tái)登陸效果圖圖10注冊(cè)效果圖4、關(guān)鍵代碼注冊(cè)關(guān)鍵代碼<%SubChkReg()DimUser,Pwd,Gender,Tele,EmailUser=Trim(Request.Form("User"))Pwd=Trim(Request.Form("Pwd"))Gender=Trim(Request.Form("Gender"))Tele=Trim(Request.Form("Tele"))Email=Trim(Request.Form("Email"))ifChkUserIsExist(User)=trueThenResponse.write"<script>alertistory.go(-1);</script>"elseDimRs,SqlSetRs=Sever.CreateObject("ADODB.RecordSet")Sql="Slect*From[User]"Rs.OpenSql,conn,2,3Rs. AddNewRs("User")=UserRs("Pwd")=PwdPs("Gender")=GenderRs("Tele")=TeleRs("Email")=EmailRs("RegTime")=Now()Rs.UpdateRs.CloseSetRs=nothingResponse.Write("<palign=center>ahref=login.asp>/a></p>"Response.End()EndifEndSub%><formid="form1"name="form1"method="post"action=""><%ifRequest("action")="reg"ThenCallChkReg()Endif%>登錄驗(yàn)證代碼<%user=trim(request.Form("username"))password=request.Form("pass"))str="select*fromuserwhereusername='"&user&"'andpassword='"&password&"'setrs=server.CreateObject("adodb.recordset")rs.openstr,conn,3,1ifrs.eofthenresponse.Write"<scriptlanguage='javascript'>"response.Write"alert('用戶名或密碼錯(cuò)誤，請(qǐng)重新登陸??！'";response.Write(history.go(-1);"response.Write"</script>"response.End()elseresponse.Write"<scriptlanguage="javascript">alert('你好，你已經(jīng)登陸成功');"response.Write";</script>endif%><%conn.close%>3.2.3資源下載頁(yè)面設(shè)計(jì)1、功能：顯示提供給瀏覽者下載的資源2、組成結(jié)構(gòu)下載頁(yè)面down.asp數(shù)據(jù)庫(kù)連接頁(yè)面conn.asp3、下載頁(yè)面效果圖：圖11下載文件效果圖4、關(guān)鍵代碼<% DimCurrentpage,Maxrecord,Totalrecords,Npage,PageURL TaleSql="Select*fromax_softwherel_post=trueorderbyl_timedesc" Currentpage=Trim(Request("page"))Maxrecord=5IfCurrentpage<>""then Ifisnumeric(Currentpage)=Truethen Currentpage=Currentpage Else Currentpage=1 EndifElseCurrentpage=1Endif PageUrl="down.asp?down=1"SetTalers=Server.Createobject("Adodb.recordset") Talers.openTalesql, IfNotTalers.EofThen Totalrecords=Talers.Recordcount IfTotalrecordsModMaxrecord=0Then Npage=Totalrecords\Maxrecord Else Npage=Totalrecords\Maxrecord+1 Endif i=0 IfCurrentpage=1Then CallListPanel Else If(Current1)*Maxrecord<TotalrecordsThen Talers.Move(Current1)*Maxrecord CallListPanel Else Currentpage=1 CallListPanel Endif EndifElse Response.WriteTableH&Pwidth&"目前還沒(méi)有資源提供下載"&TableFEndIFResponse.WriteTemplates.ListPages("資源",PageUrl,Totalrecords,MaxRecord,Npage,Currentpage)SubListPanel()DoWhileNotTalers.Eof%>3.2.4論壇頁(yè)面設(shè)計(jì)1、功能：學(xué)校論壇，提供學(xué)生與學(xué)生，學(xué)生與教師之間交流平臺(tái)。2、組成結(jié)構(gòu)論壇首頁(yè)default.asp論壇登陸頁(yè)面login.asp數(shù)據(jù)庫(kù)鏈接頁(yè)面conn.asp論壇管理員頁(yè)面admin.asp3、論壇首頁(yè)效果圖圖12校園論壇效果圖3.2.51、功能：供學(xué)生，教師發(fā)帖的頁(yè)面2、組成結(jié)構(gòu)發(fā)布帖子newtopic.asp數(shù)據(jù)庫(kù)連接頁(yè)面conn.asp3.發(fā)帖頁(yè)面效果圖圖13發(fā)帖效果圖4、瀏覽帖子效果圖圖14瀏覽帖子效果圖論壇的設(shè)計(jì)與留言本類似，只是功能比留言本更加的完善一些，在這里就不一一詳細(xì)的說(shuō)明了。3.2.6留言板頁(yè)面設(shè)計(jì)1、功能利用SQL語(yǔ)法過(guò)濾特定的用戶留言意見，讓站長(zhǎng)可以針對(duì)某位特定用戶所發(fā)表的意見作出獨(dú)立的回答，，當(dāng)然，站長(zhǎng)擁有管理的能力，只要以密碼登錄管理模式，就可以進(jìn)行各個(gè)用戶的單獨(dú)意見回復(fù)2、組成構(gòu)造留言板頁(yè)面message.asp查看留言頁(yè)面user.asp數(shù)據(jù)庫(kù)連接頁(yè)面conn.asp3、留言頁(yè)面瀏覽效果圖,如圖13。圖15留言頁(yè)面效果圖4、查看留言效果圖圖16留言成功效果圖4、留言板關(guān)鍵代碼<%'這段代碼的作用是讀取user.asp頁(yè)面表單里的內(nèi)容dimname,sex,img,qq,email,homepage,contentname=request.Form("name")sex=request.Form("sex")img=request.Form("img")qq=request.Form("qq")email=request.Form("email")homepage=request.Form("homepage")content=request.Form("content")%><%ifname=""thenresponse.write"<scriptlanguage=javascript>" response.write"alert('請(qǐng)?zhí)顚懶彰?);" response.write"javascript:history.go(-1);" response.write"</script>" response.End()' else name=name endififcontent=""thenresponse.write"<scriptlanguage=javascript>" response.write"alert('請(qǐng)?zhí)顚懥粞詢?nèi)容');" response.write"javascript:history.go(-1);" response.write"</script>" response.End()'ElseContent=contentEndif%><%'這段代碼是建立記錄集dimrs,sqlsetrs=server.CreateObject("adodb.recordset")sql="select*fromuser"rs.opensql,conn,3,3'用記錄集對(duì)象打開sql(數(shù)據(jù)表user)，打開conn(數(shù)據(jù)庫(kù))%><%rs.addnew'用記錄集方法addnew新增一條記錄rs("name")=namers("sex")=sexrs("img")=imgrs("qq")=qqrs("email")=emailrs("homepage")=homepagers("content")=contentrs("time_us")=now()rs.updaters.closeSetrs=nothingconn.closeSetconn=nothingresponse.Redirect("index.asp")%>3.3管理員登錄功能設(shè)計(jì)管理員登錄頁(yè)面是整個(gè)系統(tǒng)的核心，是管理員進(jìn)行后臺(tái)管理的入口，在此完成管理員的登錄和身份驗(yàn)證，如果是合法的用戶。讀出用戶權(quán)限，然后轉(zhuǎn)如后臺(tái)管理頁(yè)面進(jìn)行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁(yè)面是Admin_Login.asp，下面詳細(xì)的介紹一下登陸頁(yè)面的創(chuàng)建設(shè)計(jì)方法。管理員登錄頁(yè)面如圖示：

圖17管理員登陸效果圖登陸頁(yè)面目的是進(jìn)行驗(yàn)證身份，這就需要和數(shù)據(jù)庫(kù)打交道了，所以首先調(diào)用前面設(shè)計(jì)好的數(shù)據(jù)庫(kù)連接文件，調(diào)用代碼是：<!--#includefile="inc/conn.asp"-->登陸頁(yè)面大部分代碼都為HTML代碼，但是我用了驗(yàn)證碼技術(shù)，因此需要讀取驗(yàn)證碼信息，下面就是從緩存讀取頁(yè)面所產(chǎn)生的驗(yàn)證碼信息的代碼：

<%

optionexplicit

Response.Buffer=True

Response.Expires=-1

Response.ExpiresAbsolute=Now()-1

Response.Expires=0

Response.CacheControl="no-cache"

%>

通過(guò)管理員信息和驗(yàn)證碼信息，使用戶登錄更具安全性。在后臺(tái)的管理頁(yè)面中，由于文件較多，較繁雜，我使用了框架技術(shù)，使管理人員有很好的編輯處理界面。在進(jìn)行編輯處理文件信息的時(shí)候能夠有比較友好的界面提示，在管理菜單中來(lái)選擇需要的管理項(xiàng)目，其中按照需求分析管理項(xiàng)目工分為5大模塊，分別是新增新聞（軟件，圖片），管理類型和欄目分類，和修改管理員信息和查看系統(tǒng)信息。

下面進(jìn)行系統(tǒng)測(cè)試。成功登陸后臺(tái)系統(tǒng)后，它的界面就是下圖所示：圖18后臺(tái)管理圖管理人員在后臺(tái)操作實(shí)現(xiàn)的是所見即所得的效果，能夠很大程度減輕管理員管理系統(tǒng)的負(fù)擔(dān)。如果三項(xiàng)有任何一項(xiàng)出問(wèn)題都不能夠成功登錄，下圖所示是用戶名或密碼錯(cuò)誤時(shí)：

圖19管理員登錄失敗界面管理員進(jìn)入后臺(tái)進(jìn)行信息的添加和修改，刪除等操作，如下圖所示是基礎(chǔ)設(shè)置頁(yè)面，頁(yè)面可以上傳本地軟件和微縮圖，也可以直接連接其他服務(wù)器上的軟件路徑，也可以從已經(jīng)上傳的圖片中選取要添加的圖片信息：

圖20后臺(tái)基礎(chǔ)設(shè)置時(shí)界面第四章校園網(wǎng)站的安全性探討ASP網(wǎng)站最重要的要考慮它的安全性,如果ASP網(wǎng)站存在安全問(wèn)題那將是一件很可怕的事情,更是棘手的問(wèn)題。目前，很多網(wǎng)站上的ASP程序存在安全漏洞，但如果編寫程序的時(shí)候注意一點(diǎn)的話，還是可以避免的。4.1用戶名與密碼被破解攻擊原理：用戶名與密碼，如果被通過(guò)某種方式獲取到，后果是嚴(yán)重的。防范技巧：用戶名和密碼盡量避免用自己的姓名、生日、電話號(hào)碼、編號(hào)、身份證號(hào)；盡量復(fù)雜一點(diǎn)不要直接給予該用戶修改、插入、刪除記錄的權(quán)限。4.2驗(yàn)證被繞過(guò)攻擊原理：現(xiàn)在需要經(jīng)過(guò)驗(yàn)證的ASP程序大多是在頁(yè)面頭部加一個(gè)判斷語(yǔ)句，但這還不夠，有可能被黑客繞過(guò)驗(yàn)證直接進(jìn)入。防范技巧：需要經(jīng)過(guò)驗(yàn)證的ASP頁(yè)面，可跟蹤上一個(gè)頁(yè)面的文件名，只有從上一頁(yè)面轉(zhuǎn)進(jìn)來(lái)的會(huì)話才能讀取這個(gè)頁(yè)面。4.3數(shù)據(jù)庫(kù)下載漏洞攻擊原理：在用Access做后臺(tái)數(shù)據(jù)庫(kù)時(shí)，如果被人通過(guò)各種方法知道或者猜到了服務(wù)器的Access數(shù)據(jù)庫(kù)的路徑和數(shù)據(jù)庫(kù)名稱，那么他也能夠下載這個(gè)Access數(shù)據(jù)庫(kù)文件，這是十分危險(xiǎn)的。防范技巧：a)為你的數(shù)據(jù)庫(kù)文件名稱起個(gè)復(fù)雜的非常規(guī)的名字，并把它放在幾層目錄下。這樣黑客要想通過(guò)猜的方式得到你的Access數(shù)據(jù)庫(kù)文件就難上加難了。b)不要把數(shù)據(jù)庫(kù)名寫在程序中。 如本設(shè)計(jì)的數(shù)據(jù)庫(kù)調(diào)用:db=""&zimudb_All&""'設(shè)定數(shù)據(jù)名稱數(shù)據(jù)庫(kù)文件路徑和名稱(zim