校園網站設計范文

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

1基礎理論與技術

網站的實現采用了可視化網頁設計軟件DreamweaverMX,使用的版本是DreamweaverMX2004,它能夠實現動態(tài)網頁編程,能夠對ASP進行處理并能夠實現與Access、Mysql、SQLserver或者Oracle等數據庫的連接,功能強大。在此選用標準的SQL語句來調用Access的數據庫。

1.1ASP技術

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

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

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

圖1ASP的工作流程

1.2VBScript介紹

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

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

1.3Dreamweavar網頁設計軟件介紹

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

1.4數據庫管理系統

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

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

1.5其他的技術

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

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

2網站的設計與實現

2.1網站的設計

2.1.1網站的定位

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

2.1.2網站信息的收集

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

2.1.3網站具體分欄目策劃

收集完學院的相關信息以后,對其進行整理,結合網站定位來敲定網站的分欄目,形成網站欄目的樹狀列表用以清晰表達站點結構,如圖2所示。

圖2網站欄目樹狀列表圖

2.1.4頁面的設計與布局

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

2.2網站實現

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

(1)平臺軟件。

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

①操作系統:MicrosoftWindowsXP;

②服務器:InternetInformationServer4.0;

③瀏覽器:Internetexplore7.0。

(2)數據庫系統:MicrosoftAccess2003。

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

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

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

②FlashMX2004:制作網頁動畫;

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

2.2.2WEB數據庫的建立

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

在數據庫的實現方式上,選用了當前普遍推行的三層體系結構,這種結構實現了跨平臺訪問性和統一方便簡單的用戶接口。

圖3采用IIS和Access的Web數據庫系統結構

2.2.3ASP動態(tài)網頁的實現

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

2.2.4網站實現后的主要功能

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

3網站的運行與維護

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

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