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

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

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

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

1.1ASP技術(shù)

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

ASP是經(jīng)過(guò)服務(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的工作原理以后,可以用圖來(lái)描述它的工作流程,如圖1所示。

圖1ASP的工作流程

1.2VBScript介紹

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

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

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

Dreamweavar是一個(gè)可視化的網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理工具,支持最新的Web技術(shù),包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、HomeSite/BBEdit捆綁、可視化網(wǎng)頁(yè)設(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)頁(yè)編程,在此選用DreamweaverMX2004。

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

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

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

1.5其他的技術(shù)

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

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

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

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

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

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

采用DreamweaverMX2004對(duì)網(wǎng)頁(yè)戰(zhàn)點(diǎn)進(jìn)行設(shè)計(jì)與規(guī)劃。整個(gè)頁(yè)面采用湖藍(lán)色的風(fēng)格,簡(jiǎn)潔大方,既要全面地傳達(dá)信息,又要突出重點(diǎn)。符合視覺(jué)上的最佳效果。頁(yè)面布局采用了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)頁(yè)的用戶能一目了然看到最新的通知,下部為學(xué)院動(dòng)態(tài),包括學(xué)院新聞、院系動(dòng)態(tài)等。

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

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

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

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

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

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

③瀏覽器:Internetexplore7.0。

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

(3)開(kāi)發(fā)語(yǔ)言:MicrosoftASP。

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

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

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

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

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

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

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

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

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

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

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

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