校園網(wǎng)站設(shè)計范文

本站小編為你精心準(zhǔn)備了校園網(wǎng)站設(shè)計參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

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

網(wǎng)站的實(shí)現(xiàn)采用了可視化網(wǎng)頁設(shè)計軟件DreamweaverMX,使用的版本是DreamweaverMX2004,它能夠?qū)崿F(xiàn)動態(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)行的腳本平臺,ASP內(nèi)含于IIS當(dāng)中。通過ASP我們可以結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX元件建立動態(tài)、交互且高效的WEB服務(wù)器應(yīng)用程序。同時,ASP也支持VbScript和JavaScript等腳本語言,默認(rèn)為VbScript,在此網(wǎng)站的開發(fā)選用了默認(rèn)的VbScript腳本平臺。

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

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

圖1ASP的工作流程

1.2VBScript介紹

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

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

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

Dreamweavar是一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具,支持最新的Web技術(shù),包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設(shè)計、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等多媒體格式和動態(tài)HTML、基于團(tuán)隊的Web創(chuàng)作。目前使用得最多的是DreamweaverMX2004和Dreamweaver8.0兩個版本,前者在功能上比后者強(qiáng)大,能夠?qū)崿F(xiàn)動態(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)用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象;提供了多種向?qū)?、生成器、模?把數(shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化;為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便,也使得普通用戶不必編寫代碼,就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。

1.5其他的技術(shù)

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

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

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

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

2.1.1網(wǎng)站的定位

首先在網(wǎng)站建設(shè)之前要對網(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ù)。針對當(dāng)前的兩個專業(yè),地理教育和旅游管理,網(wǎng)站要起到很好的宣傳作用。另外,網(wǎng)站能提供教學(xué)互動的全新方式,實(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é)院的師生,本校的師生,每年的高考報考學(xué)院的考生與考生家長,與學(xué)院有同樣或相近專業(yè)的學(xué)校的師生、用人單位等。另外,新手或不定期上網(wǎng)的Web用戶與軟件開發(fā)人員相比有非常不同的興趣和站點(diǎn)需要。因此,做好網(wǎng)站的信息收集是前期策劃中最為關(guān)鍵的一步,因為做網(wǎng)站一定是為客戶和用戶服務(wù)的。要把網(wǎng)站作為一個正式的站點(diǎn)來運(yùn)營,所做的每一項欄目的設(shè)置都應(yīng)該合理規(guī)劃,如果考慮不充分,會導(dǎo)致以后突如其來的新加內(nèi)容破壞網(wǎng)站的整體規(guī)劃和風(fēng)格。是在添加的過程中需要跟網(wǎng)站的情況結(jié)合著來。

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

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

圖2網(wǎng)站欄目樹狀列表圖

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

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

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

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

(1)平臺軟件。

服務(wù)器端平臺軟件全部采用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è)計;

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

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

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

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

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

圖3采用IIS和Access的Web數(shù)據(jù)庫系統(tǒng)結(jié)構(gòu)

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

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

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

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

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

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

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