校園網(wǎng)站設計使用研究

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

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

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

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

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

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

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

1.1ASP技術(shù)

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

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

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

1.2VBScript介紹

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

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

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

Dreamweavar是一個可視化的網(wǎng)頁設計和網(wǎng)站管理工具,支持最新的Web技術(shù),包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等多媒體格式和動態(tài)HTML、基于團隊的Web創(chuàng)作。目前使用得最多的是DreamweaverMX2004和Dreamweaver8.0兩個版本,前者在功能上比后者強大,能夠?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ù)庫。盡管不是最強大的數(shù)據(jù)庫。

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

1.5其他的技術(shù)

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

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

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

2.1網(wǎng)站的設計

2.1.1網(wǎng)站的定位

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

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

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

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

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

2.1.4頁面的設計與布局

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

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

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

(1)平臺軟件。

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

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

②服務器:InternetInformationServer4.0;

③瀏覽器:Internetexplore7.0。

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

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

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

①DreamweaverMX2004:進行站點的規(guī)劃與設計;

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

③PhotoshopCS的8.3版本:對頁面中的圖像進行處理。

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

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

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

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

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

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

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

3網(wǎng)站的運行與維護

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

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