前言：本站為你精心整理了校園網(wǎng)站設(shè)計(jì)使用研究范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

編者按：本論文主要從基礎(chǔ)理論與技術(shù)；網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)；網(wǎng)站的運(yùn)行與維護(hù)等進(jìn)行講述，包括了ASP技術(shù)、VBScript介紹、Dreamweavar網(wǎng)頁設(shè)計(jì)軟件介紹、數(shù)據(jù)庫管理系統(tǒng)、網(wǎng)站的設(shè)計(jì)、網(wǎng)站實(shí)現(xiàn)、網(wǎng)站信息的收集、網(wǎng)站信息的收集、網(wǎng)站具體分欄目策劃、頁面的設(shè)計(jì)與布局、網(wǎng)站實(shí)現(xiàn)后的主要功能等，具體資料請(qǐng)見：

摘要:為了更好的宣傳安陽師范學(xué)院資源環(huán)境與旅游學(xué)院,并且更有利地進(jìn)行管理,在分析調(diào)查的基礎(chǔ)上進(jìn)行了網(wǎng)站的全新設(shè)計(jì)與實(shí)現(xiàn)。網(wǎng)站的實(shí)現(xiàn)采用了網(wǎng)頁制作工具DreamweaverMX2004,ASP開發(fā)技術(shù),選用了Access數(shù)據(jù)庫,采用VBScript腳本語言進(jìn)行了開發(fā)。經(jīng)過幾個(gè)月的試運(yùn)行,網(wǎng)站基本滿足了學(xué)院的要求。最后對(duì)其中的不足與存在的問題進(jìn)行了討論,提出了相應(yīng)的解決方法。

關(guān)鍵詞:網(wǎng)站設(shè)計(jì);網(wǎng)站實(shí)現(xiàn);ASP;數(shù)據(jù)庫;Dreamweaver

學(xué)院網(wǎng)站建設(shè)屬于校園數(shù)字化建設(shè)的一個(gè)部分,應(yīng)該充分利用自身現(xiàn)有的信息以及其他資源,把具體性的內(nèi)容放入網(wǎng)站中。作為成長中的資源環(huán)境與旅游學(xué)院,很有必要建立自己的網(wǎng)站。

1基礎(chǔ)理論與技術(shù)

網(wǎng)站的實(shí)現(xiàn)采用了可視化網(wǎng)頁設(shè)計(jì)軟件DreamweaverMX,使用的版本是DreamweaverMX2004,它能夠?qū)崿F(xiàn)動(dòng)態(tài)網(wǎng)頁編程,能夠?qū)SP進(jìn)行處理并能夠?qū)崿F(xiàn)與Access、Mysql、SQLserver或者Oracle等數(shù)據(jù)庫的連接,功能強(qiáng)大。在此選用標(biāo)準(zhǔn)的SQL語句來調(diào)用Access的數(shù)據(jù)庫。

1.1ASP技術(shù)

ASP是一套微軟開發(fā)的服務(wù)器端運(yùn)行的腳本平臺(tái),ASP內(nèi)含于IIS當(dāng)中。通過ASP我們可以結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX元件建立動(dòng)態(tài)、交互且高效的WEB服務(wù)器應(yīng)用程序。同時(shí),ASP也支持VbScript和JavaScript等腳本語言,默認(rèn)為VbScript,在此網(wǎng)站的開發(fā)選用了默認(rèn)的VbScript腳本平臺(tái)。

ASP是經(jīng)過服務(wù)器解析之后再向?yàn)g覽器返回?cái)?shù)據(jù),所以有了ASP就不必?fù)?dān)心用戶的瀏覽器是否能運(yùn)行你所編寫的代碼。因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行,包括所有嵌在普通HTML中的腳本程序。當(dāng)程序執(zhí)行完畢后,服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器,這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān),大大提高了交互的速度。

了解了ASP的工作原理以后,可以用圖來描述它的工作流程,

1.2VBScript介紹

VBScript是一種腳本語言。這意味著這種語言比BASIC語言的成熟版本容易使用又難于使用。編制簡單的程序時(shí),腳本語言是容易使用的。腳本語言的句法比較簡單。但是,簡單的句法也使開發(fā)大的應(yīng)用程序變得很困難。

可以在HTML文件中直接嵌入VBScript腳本,它能夠擴(kuò)展HTML,它不僅僅是一種頁面格式語言。帶有VBScript腳本的網(wǎng)頁在每次下載到瀏覽器時(shí)都可以是不同的,而且可以對(duì)用戶的操作作出反應(yīng)。VBScript既可以作為客戶端編程語言,也可以作為服務(wù)器端編程語言。

1.3Dreamweavar網(wǎng)頁設(shè)計(jì)軟件介紹

Dreamweavar是一個(gè)可視化的網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具,支持最新的Web技術(shù),包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設(shè)計(jì)、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等多媒體格式和動(dòng)態(tài)HTML、基于團(tuán)隊(duì)的Web創(chuàng)作。目前使用得最多的是DreamweaverMX2004和Dreamweaver8.0兩個(gè)版本,前者在功能上比后者強(qiáng)大,能夠?qū)崿F(xiàn)動(dòng)態(tài)網(wǎng)頁編程,在此選用DreamweaverMX2004。

1.4數(shù)據(jù)庫管理系統(tǒng)

目前市場上的數(shù)據(jù)庫管理系統(tǒng)主要有Access,MYSQL,MSSQL,oracl,DB2等。綜合各種數(shù)據(jù)庫管理系統(tǒng)的整體比較,選用鏈接Access數(shù)據(jù)庫。盡管不是最強(qiáng)大的數(shù)據(jù)庫。

Access是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)(RDBMS),是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報(bào)表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對(duì)象;提供了多種向?qū)А⑸善?、模?把數(shù)據(jù)存儲(chǔ)、數(shù)據(jù)查詢、界面設(shè)計(jì)、報(bào)表生成等操作規(guī)范化;為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便,也使得普通用戶不必編寫代碼,就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。

1.5其他的技術(shù)

網(wǎng)頁圖片處理也是網(wǎng)頁制作一個(gè)非常重要的組成部分,圖片是網(wǎng)頁內(nèi)容最有視覺沖擊力的表現(xiàn)方法,因此,圖片在網(wǎng)頁中具有非常重要的作用,不管這些圖片是作為內(nèi)容還是作為修飾而存在。常用的圖片處理軟件有網(wǎng)頁三劍客中的Fireworks和Photoshop,對(duì)于一些簡單的圖片處理工作用Fireworks即可完成,而對(duì)于復(fù)雜和性能要求高的圖片比如jpg格式的圖片往往采用Photoshop去處理。選用Fireworks的MX2004版本和PhotoshopCS的8.3版本。

Flash也是表現(xiàn)網(wǎng)頁內(nèi)容的最有效的方式之一,同視頻一樣,flash可以同時(shí)給人以視覺、聽覺的沖擊,因此,制作簡單的Flash也是網(wǎng)頁制作的一項(xiàng)非常有用的技能。

2網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

2.1網(wǎng)站的設(shè)計(jì)

2.1.1網(wǎng)站的定位

首先在網(wǎng)站建設(shè)之前要對(duì)網(wǎng)站進(jìn)行準(zhǔn)確的定位,作為資源環(huán)境與旅游學(xué)院的網(wǎng)站,應(yīng)該結(jié)合學(xué)院設(shè)置的專業(yè)體現(xiàn)出學(xué)院本身的特點(diǎn)。建站的目的是讓網(wǎng)絡(luò)更好地為學(xué)院服務(wù)。針對(duì)當(dāng)前的兩個(gè)專業(yè),地理教育和旅游管理,網(wǎng)站要起到很好的宣傳作用。另外,網(wǎng)站能提供教學(xué)互動(dòng)的全新方式,實(shí)現(xiàn)資源的共享,包括本學(xué)院工作的安排等。

2.1.2網(wǎng)站信息的收集

在明確建站目的和網(wǎng)站定位以后,開始收集相關(guān)的信息,跟學(xué)院的實(shí)際情況相結(jié)合,這樣可以發(fā)揮網(wǎng)站的最大作用。根據(jù)調(diào)查,網(wǎng)站的訪問人員主要是本學(xué)院的師生,本校的師生,每年的高考報(bào)考學(xué)院的考生與考生家長,與學(xué)院有同樣或相近專業(yè)的學(xué)校的師生、用人單位等。另外,新手或不定期上網(wǎng)的Web用戶與軟件開發(fā)人員相比有非常不同的興趣和站點(diǎn)需要。因此,做好網(wǎng)站的信息收集是前期策劃中最為關(guān)鍵的一步,因?yàn)樽鼍W(wǎng)站一定是為客戶和用戶服務(wù)的。要把網(wǎng)站作為一個(gè)正式的站點(diǎn)來運(yùn)營,所做的每一項(xiàng)欄目的設(shè)置都應(yīng)該合理規(guī)劃,如果考慮不充分,會(huì)導(dǎo)致以后突如其來的新加內(nèi)容破壞網(wǎng)站的整體規(guī)劃和風(fēng)格。是在添加的過程中需要跟網(wǎng)站的情況結(jié)合著來。

2.1.3網(wǎng)站具體分欄目策劃

收集完學(xué)院的相關(guān)信息以后,對(duì)其進(jìn)行整理,結(jié)合網(wǎng)站定位來敲定網(wǎng)站的分欄目,形成網(wǎng)站欄目的樹狀列表用以清晰表達(dá)站點(diǎn)結(jié)構(gòu),

2.1.4頁面的設(shè)計(jì)與布局

采用DreamweaverMX2004對(duì)網(wǎng)頁戰(zhàn)點(diǎn)進(jìn)行設(shè)計(jì)與規(guī)劃。整個(gè)頁面采用湖藍(lán)色的風(fēng)格,簡潔大方,既要全面地傳達(dá)信息,又要突出重點(diǎn)。符合視覺上的最佳效果。頁面布局采用了CSS樣式,左側(cè)主要包括校園風(fēng)光,登錄學(xué)校郵箱,另外設(shè)置了快速通道一欄,主要實(shí)現(xiàn)對(duì)教育網(wǎng),旅游網(wǎng)、學(xué)校機(jī)構(gòu)、學(xué)院、教務(wù)管理系統(tǒng)等的快速鏈接;右側(cè)上部為通知公告,讓瀏覽網(wǎng)頁的用戶能一目了然看到最新的通知,下部為學(xué)院動(dòng)態(tài),包括學(xué)院新聞、院系動(dòng)態(tài)等。

2.2網(wǎng)站實(shí)現(xiàn)

2.2.1開發(fā)環(huán)境

(1)平臺(tái)軟件。

服務(wù)器端平臺(tái)軟件全部采用Microsoft的產(chǎn)品,便于維護(hù)和管理。

①操作系統(tǒng):MicrosoftWindowsXP;

②服務(wù)器:InternetInformationServer4.0;

③瀏覽器:Internetexplore7.0。

(2)數(shù)據(jù)庫系統(tǒng):MicrosoftAccess2003。

(3)開發(fā)語言:MicrosoftASP。

(4)開發(fā)工具。

①DreamweaverMX2004:進(jìn)行站點(diǎn)的規(guī)劃與設(shè)計(jì);

②FlashMX2004:制作網(wǎng)頁動(dòng)畫;

③PhotoshopCS的8.3版本:對(duì)頁面中的圖像進(jìn)行處理。

2.2.2WEB數(shù)據(jù)庫的建立

本系統(tǒng)數(shù)據(jù)庫的主要信息有:用戶登錄數(shù)據(jù)信息表,添加信息的數(shù)據(jù)表,后臺(tái)管理中的菜單的數(shù)據(jù)表,新聞信息模板數(shù)據(jù)表,上傳文件的管理數(shù)據(jù)表等。接下來要對(duì)數(shù)據(jù)庫功能建立模型,即模型化數(shù)據(jù)庫應(yīng)用。完成了數(shù)據(jù)庫的模型化之后,需要考慮數(shù)據(jù)采用的類型,字段長度,將數(shù)據(jù)組織成表的關(guān)系,確定主鍵并為數(shù)據(jù)庫建立索引和設(shè)置有效性規(guī)則。至此,數(shù)據(jù)庫的設(shè)計(jì)工作基本完成。

在數(shù)據(jù)庫的實(shí)現(xiàn)方式上,選用了當(dāng)前普遍推行的三層體系結(jié)構(gòu),這種結(jié)構(gòu)實(shí)現(xiàn)了跨平臺(tái)訪問性和統(tǒng)一方便簡單的用戶接口。

2.2.3ASP動(dòng)態(tài)網(wǎng)頁的實(shí)現(xiàn)

在Web頁面,后臺(tái)數(shù)據(jù)庫管理系統(tǒng)設(shè)計(jì)好以后,重點(diǎn)就是將兩者如何有效地連接起來。選用ASP技術(shù)作為連接二者的橋梁。ASP可通過ADO或ODBC高速訪問Access數(shù)據(jù)庫。

2.2.4網(wǎng)站實(shí)現(xiàn)后的主要功能

針對(duì)資源環(huán)境與旅游學(xué)院的實(shí)際情況,需要把網(wǎng)站掛在學(xué)校的服務(wù)器上。對(duì)網(wǎng)站的實(shí)現(xiàn)功能也有了一定的限制。網(wǎng)站實(shí)現(xiàn)的主要功能是,利用后臺(tái)管理信息系統(tǒng)(如圖5)可以在瀏覽器端對(duì)所有信息進(jìn)行添加、修改與刪除。解決了學(xué)院沒有設(shè)置服務(wù)器的問題?？梢詫?duì)不同的管理人員設(shè)置不同的權(quán)限,例如對(duì)于學(xué)生管理員,設(shè)置為可以對(duì)新聞、旅游信息、團(tuán)學(xué)工作等項(xiàng)目進(jìn)行操作,對(duì)于老師設(shè)置為對(duì)教學(xué)資源、考試資源等項(xiàng)目進(jìn)行操作。

3網(wǎng)站的運(yùn)行與維護(hù)

經(jīng)過幾個(gè)月的運(yùn)行,達(dá)到了預(yù)期的目標(biāo),基本上滿足了學(xué)院的要求。網(wǎng)站運(yùn)行后必須把網(wǎng)站的維護(hù)工作放到議事日程上來。網(wǎng)站的運(yùn)行維護(hù)要有以下三個(gè)方面的操作:域名;服務(wù)器(也可以虛擬主機(jī));網(wǎng)頁設(shè)計(jì)制作和程序數(shù)據(jù)庫開發(fā)。對(duì)于學(xué)院網(wǎng)站的主要維護(hù)工作是對(duì)于數(shù)據(jù)庫的維護(hù),應(yīng)該及時(shí)對(duì)數(shù)據(jù)進(jìn)行更新,在運(yùn)行階段,及時(shí)發(fā)現(xiàn)問題。

但是,安全性方面存在一定的隱患,因?yàn)樗袑?duì)后臺(tái)管理系統(tǒng)的操作都在瀏覽器端進(jìn)行,對(duì)于數(shù)據(jù)庫的安全性還需要進(jìn)一步的測試。