校園網站設計精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的校園網站設計主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：校園網站設計范文
第一章：諸論………………………………………………………………..1
1．1 設計思想……………………………………………………………………………………1
1．2 開發工具的選用及介紹……………………………………………………………………….1
第二章：網站總體分析與設計 2
2．1網站系統分析………………………………………………………………………………………….2
2．2、主頁設計 3
2．3、數據庫設計 4
第三章：詳細設計 4
3．1 家長學校聯絡簿………………………………………………4
3．2 網上圖書館 11
3.3 網上評優投票系統 20
3．4達級考試在線查分系統與計數器的制作………………………22.
第四部分：系統的使用說明與安裝 25
第五部分：參考文獻： 26
附錄：源文件代碼 27
第一章 諸論
在Internet飛速發展的今天，互聯網成為人們快速獲取、和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。Internet上信息主要是通過網站來實現的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網站上下載下來。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。為了更好的辦學，提高學校知名度，特構建長沙市工商職業中專學校網站。
1． 1 設計思想
通過網站，全面宣傳，展示學校風采、優點與特色，學校的重大活動安排與招生政策，增強家長與學校之間的聯系，在Internet上實現完成部分校務，提高辦事效率。
1.2 開發工具的選用及介紹
ASP的優勢：
Active Server Pages：“動態服務器網頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產生的執行結果都是標準的HTML格式，而且這些程序是在網絡服務端中執行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執行”結果，并且將這ASP執行的結果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執行，若使用VBScript來設計程序，客戶端（Client）在IE瀏覽器中可以顯示程序執行的結果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執行結果。
ASP的特點：
任何開發工具皆可發展ASP
只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發展工具，例如，FrontPage Express、 FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯來寫ASP，可能會發生一些意想不到的離奇狀態。
通吃各家瀏覽由于ASP程序是在網絡服務器端中執行，執行結果所產生的HTML文件適用于不同的瀏覽器。
語言相容性高
ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java Script、Active X服務器組件來設計外，并可經由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。
隱密安全性高
如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因杰ASP程序先于網站服務（Web Server）端執行后，將結果轉換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。
易于操控數據庫
ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數據庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel” 文件當成數據庫用。
面向對象學習容易
ASP具備有面向對象（Object-Oriented）功能，學習容易，ASP提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ASP內建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網頁之間暫時保存必要的信息。
ASP的六大內部對象
對象名稱 功能描述
RequestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內的用戶信息，該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務器進行分布式事務處理
所以我選擇了ASP結合Frontpage架構長沙市工商職業中專學校網站
第二章 網站總體分析與設計
2．1網站系統分析
根據前面的設計思想進行分析，按照系統開發的基本觀點對網站進行分解，從內容上可對網站作如下劃分：
l 學校風采 通過學校概括、教師風采、校園之星及部分圖片等內容來展現。
l 優點特色 通過新聞、生動活潑的教育教學欄目來展現。
l 信息 通過公告欄、信息查詢等欄目來實現，內容有招生政策、
活動安排等。
l 部分校務 根據校務的公開程度與參與人數的多少，特選擇圖書管
理、評優、考試查分、家校聯系四大校務在網上實現。
2.2主頁設計
網站主頁采用靜、動相結合的方式，即靜態的主畫面和動態的圖片相結合，體現學校的勃勃生氣，靜態主頁方式介紹學校風采、優點特色、信息，對于四大校務，就得利用ASP與數據庫結合的技術建立數據庫查詢管理系統，采用交互式的動態的web畫面來實現。
主頁結構圖
注：帶下劃線的表示是鏈接方式
2．3數據庫設計
采用的數據庫是Microsoft Access ，擬建立teach.mdb庫文件，包含如下幾個表文件：
allmessage 留言信息表
Libbooks 圖書信息表
Libcategories 圖書類別信息表
Libemps 圖書館用戶信息表；
stud 學生信息表
第三章 詳細設計
3．1 家長學校聯絡簿
3．1．1功能：
利用SQL語法過濾特定的家長留言意見，讓老師可以針對某位特定學生家長所發表的意見作出獨立的回答，同時，家長在發表個人意見時，若認為意見內容涉及敏感的話題或是意見內容涉及私人隱私，都可用“悄悄話”的方式發言，這些“悄悄話”將不會被顯示出來讓大家看到，當然，老師擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個學生家長的單獨意見回復，而且還能看到家長們所留下的“悄悄話”。
3．1．2組成構造
共分成六大部分：
1， 意見留言結果網頁guest.asp：用來顯示家長發言與老師回復內容，同時還具備一般模式與管理模式兩種顯示方法。
2， 家長發言表單網頁addmsg.asp：讓學生家長填寫發言內容并選擇發言性質。
3， 家長發言數據處理ASP程序add.asp：處理家長發表的意見數據，同時將這些意見數據記錄起來并將網頁顯示轉向至意見留言結果網頁。
4， 老師回復表單網頁teachans.asp：讓老師針對某位特定學生家長所發表的意見作出獨立的回答。
5， 老師回復數據處理ASP程序anssave.asp：處理老師回復的數據內容，同時將這些意見數據起來并將網頁顯示轉向至意見留言結果網頁。
6， 數據表文件allmessage：用來儲存家長發言數據與老師回復數據的Access類型數據庫文件。
“數據表文件”負責存放家長發言數據與老師回復內容的數據記錄，為Access類型的庫文件，將它定名為：“message.mdb”。
下圖為家庭聯絡簿的組成與流程圖：
老師回復
家長留言
讀入 寫入
寫入
3．1．3數據庫結構設計
數據庫文件”teach.mdb“中的數據表” allmessage“的欄目設置，如下圖：
字段名 字段類型
3．1．4界面設計與重點、難點代碼的設計
數據庫與留言顯示程序網頁
家長發言與老師回復的內容數據全部儲存在數據庫中，要在網頁中顯示目前的家長發言與老師回復數據，必須先進行數據庫的鏈接與打開，要鏈接數據庫我們必須使用ADO對象群的Connection對象；而要打開數據庫則必須使用ADO對象群的Recordset對象，程序：
set cn=server.createobject("adodb.connection")
cn.open "filedsn=c:\program files\common files\odbc\data sources\ms access database.dsn"
set rs=server.createobject("adodb.recordset")
sql="select * from allmessage order by 留言時間 desc"
rs.open sql,cn,1,1
Recordset對象是負責瀏覽與操作從數據庫取出來的數據，Connection對象只負責與數據庫進行鏈接的動作，并不能使用數據庫內的數據，因此必須建立一個可以存取數據庫數據的Recordset對象，
使用RS.Open方法存取”teach.mdb”數據庫
RS.Open SQL,CN,1,1
使用open方法來打開數據表或執行Select指令參數設置如下：
1， 參數一（SOURCE）:為欲打開的數據表或SQL指令。
2， 參數二（ActionConnection）:指定一個已打開的數據庫對象，將此參數設為鏈接我們已經建立好的Connection對象“CN”。
3， 參數三（ CursorType）：指定Recordset的打開類型，1為可讀寫且可自由移動。
4， 參數四（LockType）:指定鎖定類型，1為只讀。
數據排序與SQL指令
1． Select 指令的篩選語句：
格式： Select…From
在SQL語言中：“Select”數據表“中選取某些“欄位”的數據.
2.如果要選取的數據表數據包含了一個以上的欄位，則我們可以利用“，”逗號來欄位名稱隔開。
3． 如果要選取的數據表數據包含了全部的欄位，則可以利用萬用字符“*”來代表全部的欄位。
可排序數據的Select指令
1． 當我們希望被選取出來的數據記錄數據能夠依據某個或某幾個欄位的內容來排序時，只要將這些排序依據的欄位擺放在“Order By“保留字之后，然后將這處排序的語句連接在”Select…From“后面就行了。
2． “Order By“默認的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，則我們可在欄位名稱后再加上“Desc“保留字！將排序方式改為”由大排到小“。
在“顯示留言意見”網頁中的打開數據庫ASP程序中的語句：
SELECT*From allmessage order by 留言日期 Desc
功能為：從數據表“allmessage“中取出所有欄位的數據，并將取出的數據記錄內容依照”留言日期“欄位使用的”由大排到小“排序方式進行排序。
留言顯示網頁的管理模式
“顯示留言意見”的網頁就必須具備顯示模式選擇的功能，當顯示模式在一般情況時要能顯示家長們的一般性發言，同時還得將“悄悄話“的發言隱藏起來。當老師以密碼登錄成為管理模式時，則必須將一般性發言與悄悄話發言的數據全部顯示出來，同時還得讓老師們可以針對某位特定學生家長所發表的意見作出獨立的回答。
這兩個情況是通過密碼登錄管理模式的ASP程序實現的：
<form method="post">
<%if session("checkedit")="yes" then%>
<input type="hidden" value="yes" name="goexit">
<input type="submit" value="離開管理模式">
<%else%>
密碼：<input type="password" name="password" size="4" maxlength="4">  <input type="submit" value="教師管理">
<%end if%>
</form>
在這段網頁語句中，利用Session對象來記錄目前的工作模式。當我們第一次進入“顯示留言意見”網頁的時候，我們所見的網頁畫面一定是一般！因為Session尚未被建立，因此它的“變量”值一定不會是“yes”，所以網頁中會出現一個輸入密碼進入“教師管理”模式的欄位，只有當我們輸入密碼按下“教師管理”的按鈕組織上發ASP程序中的進入管理模式語句后，Session對象才會被建立，同時，“checkedit“Session對象變量值被設置為“yes“，所以我們就進入了能將一般性發言與悄悄話發言的數據全部顯示出來，同時還讓教師們可以針對某位特定學生家長所發表的意見作出獨立回答的管理模式頁面。
留言顯示網頁的分頁
當家長的發言與老師回復的數據筆數太多時，一次要將全部的數據內容顯示在網頁中，等待網頁下載的時間太長了，因此采用固定筆數分頁瀏覽方式來顯示網頁。
要進行分頁顯示，得先知道目前有多少筆的留言數據，而留言數據筆數可以通過Recordset對象的“Recordcount“（記錄個數）屬性得知，我們將每10筆數據為一單位分頁顯示：
count=rs.recordcount
if count/10>(count) then
totalpage=(count)+1
else totalpage=(count)
end if
“/”為浮點數除法，“\”為整數除法。
第2篇：校園網站設計范文
關鍵詞：虛擬展示 互動設計 風格特點
中圖分類號:TP393.092 文獻標識碼：A 文章編號：1007-9416(2012)05-0159-01
校園虛擬展示是以真實校園為設計對象，通過計算機、網絡等信息技術，在網絡環境中，數字化、藝術化、全方位構建校園，將場景還原給視覺本身，展示校園風貌。近年來，校園虛擬展示網站已成為數字化展示設計的一個重要方面。
1、校園虛擬展示網站設計原則
校園虛擬展示網站不同與傳統的校園展示形式，其特點主要體現在設計過程和展示效果等方面，要想做出比較理想的校園虛擬展示網站作品，應遵循以下幾點設計原則：
(1)以人為本原則。在信息時代的今天，展示設計已經是融科技和藝術于一體的虛擬展示設計的形式了。虛擬展示呈現了人性化的特點，這要求在設計師在設計時要更加注重人在展示活動中的地位。
(2)互動參與性原則。在虛擬展示的過程中，優良的互動設計可以充分調動參觀者的積極性，增加參觀者的參與性，使參觀者由原來的被動地瀏覽轉變成主動控制展示，切實的提升人們的生活品質，實現真正人文關懷。
(3)藝術性原則。虛擬展示設計的藝術性是設計網站時應該關注的重要方面，倘若虛擬展示的設計缺乏藝術性，那么就意味著該設計的視覺形象比較牽強和乏味，很難給人帶來藝術上的享受和視覺上的美感，缺乏設計藝術所能承擔的美化功能。
2、校園虛擬展示網站的構思
進行實現校園虛擬展示網站互動設計之前，按照校園虛擬展示網站的設計原則，我對校園虛擬展示網站互動設計所需要的重要元素色彩、文字、圖形和互動元素進行分析和構思，以求能找尋到一定的規律。
(1)網站色彩搭配的思考。色彩的象征性與文脈具有緊密聯系，在全面了解校園虛擬展示網站欲傳達的內容后，結合學院既有的印象，確立網站訴求的重點為科技與時尚，同時要體現出的是自然、環保，經過反復考慮，決定采用藍色系為網站主色調，以白色系為網站的輔助色。藍色非常純凈，具有理智、準確的意象，在和其它色彩進行比較后，作者覺得藍色冷靜、理智的意象比較符合學院的既有印象和感性訴求。白色是光明的象征色，具有高級、科技的意象，白色是永遠流行的主要色，可以和任何顏色作搭配。二者有機的結合，較好的體現了科技與時尚的象征。
(2)網站文字編排的考慮。校園虛擬展示網站中主要的展示對象是校園建筑，而美麗的建筑又有“凝固的音樂”之稱，作者就從此中獲得了對文字編排的靈感。在校園虛擬展示網站主頁面的導航設計中，作者用線與文字結合的形式來表現這種感受。通過對線條動力、彈力、重力效果的表現，表現物象的各種情緒和質感，以不同的形態傳達不同的信息。設計中，作者用光滑曲線模擬五線譜的形式，表達舒緩、流暢的情感。對字體及字體的分布上，作者對字體做了類似音樂符號的編排設計，表達出跳躍、靈動的情感。
(3)網站圖形設計的思索。圖形設計語言異常豐富，在對校園虛擬展示網站進行圖形設計時，作者研究了許多國外建筑大師的建筑設計效果圖，從中汲取了靈感，對校園建筑采用實際模型和線型建筑效果圖相結合的方式來表現。根據形式和內容的需要，以具象、抽象或象征的圖形體現網站的主題，達到感人的藝術效果。
(4)網站互動元素的構思?；釉O計的人性化體現在合理放置互動元素，簡潔明確地設計其交互效果，才能保證用戶在瀏覽過程中不會迷失方向。在校園虛擬展示網站中，作者對進度條頁面互動設計的構思是：在線型的建筑上，采用蓋房子的形式，表示當前網站加載到什么進度，當建筑完全蓋好，網站也就加載成功了。建筑邊上配以百分比文字，標示當前進度值，讓網站使用者不至于產生等待太久的感覺；作者對主頁面的構思是：采用校園建筑群作為網站的超鏈接，當使用者將鼠標放在校園某個建筑上，從該建筑中飛出五線譜形式的文字指示，告知該建筑是什么建筑，當點擊時跳轉到該建筑的子頁面；當該頁面瀏覽完畢，使用者可通過頁面中眨眼睛的太陽花跳轉回主頁面，當使用者離開時，太陽花還會表現出沮喪的表情，這個設計靈感來自于作者女兒的一個太陽花玩具。
3、校園虛擬展示網站互動設計的實現
校園虛擬展示網站主要通過校園建筑的立體圖形和線性圖形的形式，結合音樂的表現元素，動態地全方位地展示校園物理環境、校園部門位置和功能、教學資源分布等情況，給觀者呈現一個趣味性的、人性化的網絡交互環境。
在校園虛擬展示網站設計進度條頁面互動設計中，作者將FLASH技術作為核心技術貫穿始終，網站進度條，以建筑的虛實變化，展現了網站的虛擬展示的主題，充滿了趣味性。
校園虛擬展示網站主頁面互動設計中，作者將動畫作為局部的視覺元素出現在頁面的視覺中心，圖形、文字等平面視覺元素和聲音和動畫結合，創造出全新的視覺效果，整個頁面動感十足，當瀏覽者鼠標點擊白色的建筑群時，可以觸發有交互功能的動畫，達到動靜結合、人機互動。背景音樂與動畫、交互元素和其他視覺元素相結合，營造氛圍感染觀者，讓頁面具有情節感，使受眾在瀏覽的同時，被音樂喚起某種特殊的情感，從而加深對該網站的印象。
校園虛擬展示網站創新樓子頁面互動設計中，作者對各棟建筑360度視角的全方位展示，更是立體化的，多層次地展現了校園物理環境、部門位置功能、教學資源分布等情況，使受眾在瀏覽中，不知不覺地接受到虛擬展示的信息，宛若置身其中一樣。
校園虛擬展示網站主要通過校園建筑的立體圖形和線性圖形的形式，結合音樂的表現元素，動態的全方位的展示校園環境及資源的分布情況。在網站設計過程中，緊密結合學院的風格訴求，通過對互動要素的研究和使用，使網站的整體形象呈現出科技性和時尚性的風格。期望能為其他校園虛擬展示網站的設計者提供一些參考方法，更好地調動網站使用者的參與性，達到良好的互動效果。
第3篇：校園網站設計范文
校園網二級網站系統是一套用于展示和管理新聞類的網站系統，具有簡介展示模塊、新聞模塊、文件下載模塊、圖片展示模塊、管理員模塊、數據庫管理模塊、網站備份模塊、模板管理模塊、欄目管理模塊、內容管理模塊、數據塊管理模塊、鏈接管理模塊、設置管理模塊、網站靜態化模塊。在建設過程中，數據庫的概念結構設計完畢后，可以將數據庫概念結構轉化為某種數據庫所支持的實際數據模型，也就是數據庫的邏輯結構。
1 數據表設計要點
校園網二級網站設計開發中，考慮到系統的規模，以及系統的功能、穩定性、性能和效率等方面，特別是對系統可移植性的考慮，設計中使用MYSQL數據庫系統。依照二級網站數據庫需求分析設計各數據庫表，各個表中必須設置主鍵，否則編碼過程會受到諸多限制，也會造成數據庫的不嚴謹。在是否允許空方面，對于數據庫設置不能為空的屬性列，在編碼過程中一定要給予相應的判斷語句，否則嚴重影響到程序的健壯性塊。
在設計數據表時務必要注意，varchar(M)與char(M)雖然都是存儲字符串的，但是意義和用處卻大不一樣。char(M)表示用M個字符的空間來存儲字符串，只在處理定長字符串時操作會簡單一些，效率會高點；varchar(M)表示動態存儲M的字符以內的字符串，具體花費的存儲空間根據被存儲的信息大小而定，雖然處理上會麻煩些，但節省了內存空間。所以，必須根據被存儲信息的大小來選擇。若信息大小基本一致，則使用char(M)；若信息大小差異較大，則使用varchar(M)。還應注意的是選擇varchar(M)時，當對該屬性值進行操作時，最好應做Trim()處理。
2 各個數據表設計
2.1 欄目表
包括ID，欄目名稱、欄目內容、欄目內容關鍵字、欄目內容描述、欄目語言類型、欄目排序值等屬性列，數據類型均設置為可變長度的字符串。ID是管理員的唯一標識，故作為數據表的主鍵。具體設計如表1所示。
2.2 管理員表
包括ID，管理員用戶名、管理員密碼、管理員昵稱、管理員性別類型、管理員手機號、管理員郵箱、管理員QQ號、管理員登錄IP、管理員描述標簽、管理員最近一次注銷時間等屬性列。ID是數據表的主鍵。
2.3 數據塊表
包括ID，數據塊標題、數據塊語言類型、數據塊內容等屬性列。ID是數據表的主鍵。
2.4 下載條目表
包括ID，下載條目標題、下載條目關鍵字、下載條目文件描述、下載條目語言類型、下載條目文件地址、下載條目文件大小、下載條目添加時間、下載條目更新時間、下載條目點擊值、下載條目排序值等屬性列。ID是數據表的主鍵。
2.5 友情鏈接表
包括ID，友情鏈接標題、友情鏈接地址、友情鏈接狀態、友情鏈接關鍵字、友情鏈接添加時間、友情鏈接更新時間、友情鏈接排序值等屬性列。ID是數據表的主鍵。
2.6 新聞條目表
包括ID，新聞條目標題、新聞條目內容、新聞條目狀態、新聞條目二級欄目、新聞條目三級欄目、新聞條目關鍵字、新聞條目添加時間、新聞條目更新時間、新聞條目點擊值、新聞條目排序值等屬性列。ID是數據表的主鍵。
2.7 客服表
包括ID，服務名稱、客服語言類型、客服QQ號、客服狀態、客服排序值等屬性列。ID是數據表的主鍵。
2.8 皮膚模板表
包括ID，皮膚模板名稱、皮膚模板文件夾名、皮膚模板描述等屬性列。ID是數據表的主鍵。
3 結束語
二級網站建設中，數據表設計是制作的首要一步，也是重要一步。數據表設計合理、完整，可以有效開發網站，提高網站性能。通過調研，分析，本文對二級網站數據表做出了全面設計，完成了校園網二級網站的設計與實現的重要部分。
參考文獻
第4篇：校園網站設計范文
〔中圖分類號〕 G434 〔文獻標識碼〕 C
〔文章編號〕 1004—0463（2012）14—0019—01
建設基于校本資源庫的專題學習網站能充分發揮網絡的開放性、共享性等優勢，不僅能給學生搭建學習平臺，讓他們獲得知識，而且能夠使學生進行知識創新，成為學習的主體、參與者和探究者。
一、建設思路
1.圍繞規范原則突出校本資源庫的統一特色。蘭州理工中專的資源網站建設遵從嚴格的規范性，整體建設架構通過對各模塊的相關技術進行統一要求，對網絡標準和格式作出了統一規定。例如，網絡資源庫中網頁資源模塊的瀏覽要求分辨率統一為1440*900，網頁中的素材要分類存放等。
2.圍繞實用原則突出校本資源庫的本土特色。共享資源網站建設的目標和最終意義在于應用，沒有實用性的資源共享，會使校園網出現空耗的狀況。此次資源網站建設并不單純追求資源的數量，更注重資源的實用性，在編排上，為師生的使用提供了諸多方便，如網絡課件的推陳出新，校本資源的不斷開發，本土文化的滲透。為了滿足教育教學和教師專業技能提高的需要，通過資源網站這一平臺將網絡資源歸類存放到資源庫中，以便師生們使用。
3.圍繞開放性原則突出校本資源庫的共享特色。校本資源庫的結構是開放的，靈活的。每個模塊都是根據需要而逐步建立起來的，先建設了基于我校旅游專業課程《絲綢之路隴上行》素材資源，然后，慢慢地開發了主題知識網站、視頻點播系統及應用交流模塊等，也根據需要不斷調整改變模塊及相應內容的建設，并圍繞該方向建設學校校本資源主題網站集群。越來越多的學生作業通過電子作品集的形式出現，同學們還制作出了大量具有特色的網頁，學生們的經驗體會和學習成果成了資源建設中不可缺少的一部分，學生是資源建設的重要參與者。
4.圍繞實踐性原則突出校本資源庫的專業特色。針對中專學校專業實踐性強的特點，在內容資源的選擇上，要充分考慮本土教育教學特色，實用性與本地市場經濟相結合，貼近中專學生的生活需求，強調專業實踐性。資源選出來后要經過教學實踐檢驗。利用自建的校本資源，鼓勵師生利用網絡進行學習、教育教學及管理工作，通過教育教學活動，真正達到利用校本資源提高教育質量的目的。
二、平臺開發
為了體現校本資源庫的建設思路，可采用“網絡架構模板＋資源共建共享”的方式進行設計。這兩個部分相輔相承，在提供教學資源的同時，又支持教學資源的更新建設，從而提高資源共享的效率和效果。
1.整體資源架構?；贐／S結構的Web應用系統，可用在不同的網絡環境中，適合我校目前“一校三區”的教學應用需求，各個校區的教師只要在電腦上打開瀏覽器即可免費瀏覽校本資源庫。
2.共建共享架構。校本資源庫的建設過程就是教師通過平臺進行資源上傳及修改的過程，教師不斷地把手頭已有的優秀教學資源通過管理平臺上傳，從而進行共享使用，最終達到共享的目的。
3.檢索服務架構。按教材章節進行分類檢索、關鍵字及全文檢索，初期試驗表明，按教材章節分類檢索更適合中專學校教育教學應用，因此，校本資源庫中的目錄一定要根據現行中專教材配合架構制作。
三、資源建設
1.我校利用中央電教館與World Links組織合作項目“信息技術與課程整合”的機會設計的《絲綢之路隴上行》專題教學網站投入正常的導游專業教學過程中。在此基礎上，圍繞學校專業課程建設，學校專題網站集群，已完成以《甘肅旅游》專題網站、《計算機硬件組裝技術》專題網站為依托的蘭州理工中專校本資源庫網站的建設。
第5篇：校園網站設計范文
隨著互聯網技術的發展，其對教育的沖擊不斷擴大。為適應社會需求，各高校也不斷推出自己的數字教學資源，如精品課程、網絡課程等。隨著高校數字資源的不斷發展，造成系統缺乏整體規劃，資源多而雜，資源信息不一致，技術手段不統一等現象。如何高效地構建高校教學資源平臺，是許多高校面臨的難題之一。筆者所在學院為更好地解決教學資源雜亂無章，利用率低等問題，著力研究基于內容管理的高校教學資源網站的設計與開發。
1CMS
CMS（ContentManagementSystem）即內容管理系統，是一種運用現在流行的ASP、JSP、PHP等服務器端腳本語言對站點進行智能管理與維護的系統。內容管理系統利用模板統一站點外觀風格，通過腳本語句提取顯示的內容，從而優化站點的管理與維護工作，降低人工管理的復雜度。一般管理員通過后臺輸入信息、上傳文件、導入數據并對信息進行簡單處理，CMS自動將內容整理并存儲到數據文件中；系統通過腳本語句生成頁面供前臺用戶瀏覽。CMS的核心功能是把網站的內容管理和頁面設計分開，用模板存儲頁面設計的相關內容，而顯示內容存儲在數據庫或獨立的數據文件中。衡量內容管理系統的另一重要指標是其包容性，即對內容格式、傳輸標準、范圍等的限制或要求。創建網站內容要依賴于其包容性；CMS對創建的內容進行再加工，以提供有用的新資源；過程中，內容管理系統按照人為設定的程序，自動將內容信息出去。
2高校教學資源網站解決方案
在充分調查分析兄弟院校需求的情況下，根據自身所在院校對教學網站的實際需求，設計了系統功能架構，給出了教學資源網站解決方案。
2.1系統的功能架構
該內容管理系統采用三層體系結構：數據層、業務邏輯層和表示層。三層體系結構降低了層之間的依賴程度，結構明確，復用度高；能縮短系統開發周期，并可大大降低后期維護的成本。本內容管理系統仍采用管理員（及教師用戶）后臺登陸的方式進行內容的管理和，脫離與固定網站的綁定，具有可擴展性。
2.2系統功能模塊設計
根據高校教學資源管理系統的自身特點，該CMS系統可通過四個功能模塊來實現。
⑴系統管理：該模塊是網站全局設置模塊。在系統設置里可以設置網站的服務器、根目錄、標題及系統參數等；在生成設置里可以設置網站的目標位置；在上傳設置中可以設置上傳目錄、文件類型、大小限制、水印圖片等；賬戶管理里可以添加、刪除、修改管理員賬戶及教師用戶，并設置相應權限。在此處所做設置將對整個站點起作用。
⑵內容管理：該模塊是系統的核心模板，主要實現教學資源的管理。內容管理包括課程分類和課程管理兩部分。在課程分類中，可以自由地設置課程類型信息，如文學、理工、經濟、哲學等，每個分類下還可以添加子分類（最大分層數可在“系統設置”模塊的參數設置中設置，一般不超過三層）。課程管理模塊：可以瀏覽、添加、刪除、修改、檢索、統計課程信息。瀏覽：顯示系統內所有課程信息，包括課程名稱、類型、主講教師、更新日期、訪問量等；單擊課程名稱，跳轉到相應的頁面進行信息瀏覽。檢索：輸入需查找的課程名稱或主講人或其他指定關鍵字查找符合條件的信息列表，通過課程名稱可鏈接至課程資源模塊。資源管理模塊：對課程資源進行管理。主要管理課程簡介、主講教師介紹、課程進度、課程章節目錄、教案、課件、教學視頻、試題庫、教材、參考書、文獻資料、學術活動等內容。如增加某課程的課件、刪除某課程的教案、修改某課程的簡介等。上傳資料時需指明資料的詳細內容：如課程名稱、關鍵字、類別、上傳者等，系統生成上傳日期。
⑶模板管理：主要管理模板的有關信息。創建及使用模板是CMS核心之一；好的內容管理系統應支持欄目的分級模板管理。如系統基本模板、課程資源模板、信息檢索系統模板等的添加及配置。
⑷其他管理：該模塊主要實現對站點留言、問題、答案與評論等互動式信息進行管理，另實現信息搜索、信息采集等內容進行管理。系統設定一般用戶可通過互動平臺提意見、建議或問題、答案，以實現教學的互動與反饋；管理員可以對該模塊內容回復、修改、刪除。一般用戶亦可上傳各類文件，管理員可以根據需要，給予回復、修改、刪除。
2.3數據庫設計
高校教學資源管理系統的核心模塊是課程資源管理。根據其模塊化分，按照面向對象的思想，在數據庫中設計四個數據表：課程列表、課程類別表、教師表、課程資源表。
2.4系統地圖設計
系統內站點地圖的作用是為了方便用戶對當前瀏覽的網站頁面在站點中位置的認識和了解。后臺也能方便的使用TreeView控件，生成后臺的內容管理樹狀結構圖，以及使用SiteMapPath控件生成頁面在站點的邏輯位置導航。
3系統實現
本系統開發采用技術，開發平臺選擇VisualStudio2008，基于.NETFramework3.5版本，編程語言采用C#，數據庫采用SQLServer2005。在系統設計中涉及的主要技術有以下。
⑴全站連接：數據庫的定義和連接采用全站連接方式以提高系統運行的效率。
⑵驗證碼：對于交互式頁面，為防止被軟件惡意提交數據（如留言、問題等），在交互式頁面加入驗證碼機制。
⑶KindEditor插件：KindEditor是開源的HTML可視化編輯器，可以在網站上獲得所見即所得編輯效果，這是目前較流行的編輯器。為方便用戶添加、編輯課程教學資源信息，優化用戶體驗，系統在教學資料添加和編輯頁面中嵌入了KindEditor插件，從而實現類似桌面編輯軟件的可視化編輯功能，簡化頁面編輯的復雜度。
⑷模板引擎技術：模板技術將信息內容和頁面表現進行分離，對信息內容的管理不會影響到具體的樣式展現，同時對樣式的更改也不會造成信息內容的變化。
4結束語
第6篇：校園網站設計范文
【關鍵詞】網站群 建設 信息交流
隨著互聯網技術的普及和不斷發展，網站的概念已經被越來越多的人認識和熟悉，它是一種以信息和提供服務為主要方式的通信手段，是互聯網時代信息共享和交流的有效平臺。網站群，從字面上來講，就是一群相互關聯的網站的集合，校園網站群就是校園門戶網站及其所有子網站的集合，其涵蓋的范圍廣泛，涉及到學校教學、管理、科研、后勤的方方面面，包含的信息繁雜而且形式各異，是信息化時代高等院校對外宣傳和對內服務的主要途徑。
高校校園網站群建設的現狀和存在問題
對于國內大多數高校來說，其網站群建設處于起步或是比較低的發展階段，影響和制約著信息化的發展，存在著普遍而又形式各異的問題，主要如下所述：
1.學校各個部門、各個院系根據自身情況建立的子網站，部署在不同的服務器上，與學校門戶網站無法統一，且不利于維護。
2.部署在不同服務器上的網站，或是同一服務器上不同系統的網站，其信息資源無法實現全校內的共享，在一定程度上形成信息孤島。
3.自建子網站由于部署和系統的問題，無法實現功能上的相互調用，整個網站群系統缺乏有效集成。
4.對于學校各二級部門自建的若干個子網站來說，由于開發和維護的人員各不相同，在成本和資源上造成了大量浪費。
5.“重建設、輕管理”是高校網站群建設中普遍存在的問題。有的院校建立的院系子網站內容的更新量每天平均不到1條，網站實則成為應付檢查的工具。
解決方案
要解決高校校園網站群目前所面臨的問題，將網站群的作用最大限度地發揮出來，對于大多數高校來說，需要從以下幾個方面進行改善和加強：
首先，需要管理者提高重視程度，增強對IT技術的了解，明確信息化在高校發展過程中所起的巨大作用。高校校園網站群的發展雖然受各學校實際情況的制約，但管理上的重視與否更加能左右其建設的程度和使用的狀況。如果管理者不夠重視，缺乏對先進技術和對同等院校網站群發展狀況的了解，不能清醒認識網站群在學校信息化發展中所起到的重要作用，就不能從實際上將網站群建設和應用作為學校的大事來抓，不能在即有條件下充分發展網站群，這樣，即便是有好的硬件和軟件投入，校園網站群的應用也很難與實際相結合。
其次，要根據各院校實際情況，加大技術投入和支持。目前，大部分院校的校園網站群內部都是相互獨立、各自為站的，要從根本上解決這個問題，必須耗費一定的資本，投入相當的技術，實現系統和資源的有效集成和共享。對于學校網站群已經有一定規模，風格相對統一，投入資金有限的院校，可以選擇在應用現有網站群的基礎上利用第三方軟件將現有資源進行有效整合，既可以解決存在的問題，又能最大限度地利用現有資源，節約開支；對于網站群建設剛剛起步，有充足投入的院校則可以購買或自建有效的網站群系統平臺，這樣可以最大程度地解決和避免自然網站群存在的問題和不足。相對前者，后者所需一次性投入的費用多，但可以更有效地實現高校校園網站群的系統化和集成化，實現各級網站的統一規劃部署，不同級別權限的劃分，既實現了資源的有效共享和維護開支的節約，又統一了網站風格，加大了管理的精細程度，體現出子網站的特色。
再次，要加強校園網站群的技術指導和維護人員的培養。軟件的升級和維護是其能夠長期使用的基礎保障。對于一所高校來說，網站群的用戶數目較大，水平各不相同，培養自己的技術人員可以根據實際情況進行應用人員的技術培訓，完成軟件的日常維護，在一定程度上節省了資源和軟件維護的成本。
最后，還應提高工作人員的應用意識。對于有著較高的知識技術基礎的高等院校來說，有了良好的軟硬件建設和管理體系，校園網站群的應用就只是一個時間和習慣的問題。但是，高等院校中也有許多年紀大的或者較為頑固的人員不愿意主動接受新鮮事物，任其自由發展只會延緩和阻礙校園網站群發展的步伐，所以，提高工作人員的應用意識，將網站作為一個信息資源庫，培養優質、高效的辦公習慣，是高校網站群發展的加速劑和落腳點。
小結
高校校園網站群是學生、教師、學校工作人員以及社會各界獲得學校動態信息的基礎平臺，校園網站群建設和使用的狀況直接影響到學校信息化程度的高低。隨著計算機網絡技術的不斷發展和信息化程度的不斷提高，未來的高校校園網站群應該是一個統一管理、分級操作、資源共享的集成平臺，能夠實現數據的快速檢索和功能的相互調用，并且有著標準統一的接口，能夠和學校其他應用系統無縫鏈接，很好地融合于高校數字化校園之中，成為信息化不可或缺的重要組成部分。
參考文獻：
[1]李艷霞.高校網站建設中若干問題的探討[J].信息與電腦，2011，4.
[2]余小艷.高校校園網站的建設與管理[J].科技信息，2008，（15）.
第7篇：校園網站設計范文
關鍵詞：高職院校；網站；界面設計；理念；技巧
在當今這個數據化信息需求日益增長的時代，大部分人獲得信息的主要來源是互聯網。無論個人或是企事業單位、組織的發展，信息的交流等，同樣大部分是通過互聯網來實現的?；ヂ摼W的普及應用，也讓高職院校門戶網站日漸成為高職院校日常信息管理和信息交換最重要的平臺之一。高職院校門戶網站是高職院校信息化建設的窗口，它由多媒體元素組成，以網絡傳播的方式展示高職院校的信息資源，它帶動了高職院校的信息化建設持續深入推進。而內容豐富、條理清晰、使用便捷、賞心悅目的門戶網站界面設計則迅速擴大學院的影響力，提升學院的品牌價值。因此，在這個信息化時代，高職院校樹立良好的社會形象，加強門戶網站界面的設計與規劃顯得非常重要。南通航運職業技術學院（以下簡稱“學院”）是一所立通，圍繞水上運輸產業鏈設置專業，辦學特色鮮明的全日制高等職業院校，下面筆者就自己在學院門戶網站界面設計中的實際操作體會，來談談高職院校門戶網站界面設計時應考慮的理念與技巧，以期能給其他院校帶來一定的借鑒作用。
1 高職院校門戶網站設計的必要性
在這個高度信息化社會，高職院校門戶網站是最能宣傳學院文化、塑造良好學院形象的一種手段，讓外界深入了解學院，傳播具有鮮明特色、個性突出的學院品牌。高職院校門戶網站可以營造一個共同討論、共同分享的環境，加強教師與學生之間的交流。豐富的網絡資源，提供給學生一個先進的學習平臺，增添學生對學習資源獲取的濃厚興趣，充分發揮自己的內在潛力。高職院校門戶網站成就最佳的教學研究室，學院網站與教育類專門網站的有效鏈接，給學院教學研究帶來一片新天地，各種優秀教案、專家論壇、網絡觀摩課、各科素材、多媒體課件制作等內容為教師教研提供了極佳的平臺，有效地降低教研成本、提高效率。綜上所述，高職院校門戶網站的建設與設計是十分必要的。
2 前期網站功能策劃與設計定位
網頁良好的視覺展示，能向瀏覽者充分展示個人或企事業單位、組織自身的個性特征和企業文化。進行個性化的網頁設計，首先必須了解自己要做網站的內容，只有抓住網站內容的個性化特征并且視覺化，然后從網頁的界面、導航條、交互方式、文字、圖片、色彩、聲音、視頻等元素入手，才能設計出精彩且個性化的網頁。高職院校門戶網站的前期網站功能策劃與設計定位，需要根據高職院校的辦學特色與理念、網頁的服務對象、提供人性化的服務（便捷性）等方面進行綜合分析，在目標明確的基礎上，完成網站的構思創意即總體設計方案，對網站的整體風格和特色做出定位，規劃網站的組織結構，制作出欄目結構關系圖等。門戶網站的整體設計風格要符合學院的整體對外形象，結合我院實際情況，學院網站首頁設計的重點將突出功能性和使用便捷性，重新設置了網站結構，完備相關使用功能。在設計過程中，嚴格遵循四個網頁排版原則，即：對比、對齊、重復和親密性進行設計。
3 網頁的個性化設計
高職院校門戶網站界面設計思路要遵循簡潔實用、使用便捷、整體性強、網站形象突出等方面進行。在網絡的特殊環境下，盡量以高效方式將用戶所想要得到的信息傳送，去掉所有冗余的信息。在滿足使用者的要求下，網頁做得越適合使用，就越能顯示出其功能美。網站設計最終強調的是一個整體，只有圍繞一個統一目標所做的設計才是成功的。[1]當然，網頁藝術設計絕不僅僅是對網站中界面各構成要素的簡單疊加，它還需要設計師從藝術構成和欣賞角度把各個要素有機結合起來，這其中包含了文字、圖形圖像、色彩、版式等等，協調好形、聲、色、動畫以及音頻等諸多元素之間的微妙組合關系，使之達到渾然一體的結合。高職院校門戶網站界面以頁面精美化設計為目標，使用PS、AI等設計軟件進行設計深化。
3.1 統一的界面風格
目前，網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟件用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。根據設計網頁的目的不同，應選擇不同的網頁界面設計。高職院校門戶網站屬于信息型網站設計，需要采用瀏覽導向清晰的網頁界面，使得電腦終端的瀏覽者看到一個完整的頁面。網頁界面設計作為一種視覺語言，首先講究的是頁面布局，布局是以最適合瀏覽的方式將圖片和文字排放在網頁的不同位置，以求最佳視域。網頁布局大致可分為“國”字形、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型等多種布局方法。選擇哪種布局類型需要具體問題具體分析，要從網站內容、頁面結構和表現形式等多方面進行綜合考慮。
根據我院的綜合情況，門戶網站首頁總體結構布局采用的是采用上、下、左、右結合的綜合型框架，再結合F1ash、GIF動畫，使頁面形式更加多樣，視覺沖擊力更強。上部是學院基本信息區，主要包括學院名稱及標志、校訓（中英文）、搜索欄、設為首頁欄等。中部是學院展示區，主要包括大幅面的學院形象圖片（校園風景/各類重大活動圖片等進行動態切換）、導航欄、臨時公告信息欄。下部則為主要功能區，采用左、中、右的布局，其中左邊是新聞圖片展示（動態切換）和校內導航，中間為學院新聞、公告瀏覽，右邊則是快速登錄、專題網站（動態切換）、友情鏈接等功能欄目。整齊劃一的界面風格，圖文結合的疏密位置關系所產生的空間層次富有彈性，給人以簡潔大氣的視覺效果。
網絡資源的優勢之一是多媒體功能，要吸引瀏覽者注意力，網頁的內容可以充分調動Gif、FLASH等動態圖像來表現。在我院網站首頁界面設計中，中部學院展示區、新聞圖片展示區等局部區域采用大幅面的學院風景、新聞圖片進行動態循環切換，這樣既可以多角度呈現豐富的學院信息，也可以吸引瀏覽者注意力。
3.2 合理的色彩搭配
色彩是藝術設計中重要的視覺元素之一，好的色彩搭配能夠給人以強烈的藝術感染力和視覺沖擊力，會給用戶留下深刻的印象。[2]在網頁色彩設計中，要充分利用色相、純度、明度、遠近、冷暖等對比關系豐富網頁的視覺效果，設計中首先要確定該網頁的主色調及輔助色，以及文字、配圖的色彩效果。為了做到主題鮮明突出、要點明確，應該使配色和圖片應圍繞預定的主題，調動一切手段充分表現門戶網站的個性和情趣，辦出門戶網站的特點。
南通航運職業技術學院是一所立通，圍繞水上運輸產業鏈設置專業，辦學特色鮮明的全日制高等職業院校，在其門戶網站的色彩搭配設計中充分考慮學院的辦學特色、形象定位、網站訪問用戶的文化背景、視覺顯示終端對網站界面色彩呈現的影響等方面因素，最終網站界面主體色采用大面積的海洋藍與點綴其中的高雅灰進行穿插搭配。藍色象征著大海，也象征著知識、邏輯、一切的客觀存在的精神，象征了理想、夢想、未來這些令人憧憬的事物，與學院的辦學理念及特色不謀而合?；疑?，在色彩學上屬于中間色，意即是既非暖色又非冷色，而是介于二者之間的色調。灰色象征著理性、智慧、誠懇、沉穩，是一種穩重而高雅的色彩，對于中間色來說，在色彩搭配上可以跟任何一種顏色進行搭配。在學院門戶網站界面設計中，大面積海洋藍與高雅灰的色彩搭配，穿插大小不一的彩色動態新聞圖片，整體界面在視覺顯示終端能呈現出穩重而不單一的色調。
3.3 便捷的操作瀏覽
高職院校門戶網站界面的設計，應盡量將更多豐富的學院信息資源及相關內容展現給瀏覽者，方便瀏覽者使用。因此，瀏覽者進入界面之后，應保證界面導向清晰明確、交互式強、快速下載時間等設計因素，使其過程操作簡單，方便易讀。
網站的界面設計發揮網絡的優勢，讓每個使用者都參與到其中來，體現其強大的交互性，這樣的設計才能算成功的設計。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。在互聯網上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，建議在高職院校門戶網站界面的設計中盡量避免使用過多的圖片及體積過大的圖片，主要頁面的容量應確保普通瀏覽者頁面等待時間不超過10秒以保證其快速地下載時間。非圖形的內容在必要時適當使用動態“Gif”圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。
4 網頁的后期推廣、更新、安全與維護
高職院校門戶網站界面的設計制作好啟用后，需及時跟蹤所有使用者，收集其使用反饋意見，及時進行頁面設計調整，以達到最優效果。因為網頁制作需要時時更新，而維護更新的工作更需要專人專做，要及時更新信息，并把網頁上已經作廢的鏈接及時刪除。
5 結語
優質的高職院校門戶網站界面設計，是各高校的一張無聲名片，更是提高教學管理、網絡化服務，院內外各系部適應教育信息化發展趨勢的必然途徑。緊緊抓住各高職院校的辦學特色與理念、網頁的服務對象等方面因素，設計出符合當代瀏覽者審美和實用功能需求的優質界面，為使用者提供便利服務，以此提升學院品牌形象，實現信息服務的可持續發展。
參考文獻：
第8篇：校園網站設計范文
關鍵詞： 特點 網站建設 測試 推廣
現在，互聯網是人們快速獲取、和傳遞信息的重要渠道之一，它在人們政治、經濟、生活等各個方面發揮重要作用。因此網站的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部分，而學校網站建設也深受人們重視。
1.網站建設的必要性
學校網站的主要功能是為教學服務，學校網站正促進教學內容與方式方法的變革，促進學校教育與社會教育的發展，蘊含巨大的教育資源庫。學校網站作為各種應用系統的集成交互平臺的作用更顯著，是社會了解學校的重要載體，也是對內對外交流、樹立形象的重要窗口。因此，我認為高校有必要建設網站。
2.學校網站的建設
學校網站建設分為網站規劃、確定技術方案和具體設計實施等階段。
2.1制訂網站規劃。網站建設的首要問題是制訂網站建設規劃。學校應根據教育部和省教育廳等主管部門對高校網站建設的要求，對校內師生員工和校外各界人士與普通瀏覽者的不同需求進行認真分析、調研，結合本校的特點特色確定網站主體和功能定位，做好各種需求的鏈接，并努力將校園文化建設的思想貫穿于網站建設的各個階段。
按照可實現的功能確定網站的主體框架，設計出層次分明的網站欄目結構，進而初步確定相應的目錄結構，繪出合理的網站地圖。建立一級導航欄目、功能模塊和快速通道等，據此設定相應的二級欄目和三級欄目。接著確定網絡域名，一般可采用英文縮寫或者漢語拼音首字母縮寫。
2.2確定技術方案。當我們著手一個網站的建設時，一定要在具備周密的規劃和相當的準備工作之后才可以進行。確定技術方案時，要做出財務預算、確定設計人員和確定網站開發進度表。要先組織人員進行前期工作和項目預開發。在確定網站建設的技術方案，進行系統硬件和軟件的選擇時，要遵循既能滿足師生網絡各項功能需求，又能充分利用預算資金，綜合分析，兼顧網站使用者的主要群體，充分體現最優的原則。網站的建設有一定的章法可循，但也應有獨到的見解和創意，才能設計出新穎的網站，吸引瀏覽者訪問和回訪。
2.2.1定位好網站的主題和名稱。主題定位要有學校特色，內容要精簡。學校的網站就一定表現學校特有的東西，這樣的網站會使學校凸顯出自身魅力。同時，題材要與學校的重點和特色密切相關。
2.2.2首頁要體現出整體網站的風格。人們看到首頁就會對整個網站有大致的感覺，所以首頁一定要吸引人的注意，引導瀏覽者繼續點擊進入。首頁設計方面該注意的事項主要有版面的布局、色彩的搭配、字體的設置和表格的嵌套、綜合考慮不同的瀏覽者和分辨率。
首頁從根本上來說，就是全站內容的目錄，是索引。設計好首頁的一般步驟是：
2.2.2.1確定首頁的功能模塊。首頁的內容模塊是指需要在首頁上實現的主要內容和功能。一般的站點都有這樣一些模塊：網站名稱、頁面信息、新聞公告、搜索、用戶登錄、友情鏈接、資源下載、信息服務、應用列表、網站地圖、計數器、版權設計。選擇哪些模塊，實現哪些功能，是否需要添加其他模塊，都是首頁設計之前需要確定的。在設計功能模塊過程中，一定要預留相關的功能模塊，在特定時期內，上級教育主管部門可能會要求增設相應的欄目，便于日后的擴充。
2.2.2.2設計首頁的版面。在功能模塊確定后，開始設計首頁的版面。實行模塊化設計，每個模塊是一個單位組件。欄目的設計要盡可能將網站最有價值的內容列在欄目上，剔除與主題無關的欄目，方便訪問者的瀏覽和查詢。板塊的設置要比欄目的概念大一些，每個版塊都有自己的欄目。設計者要根據需要來設置，應該注意各版塊之間要有獨立性，各版塊也要相互關聯，各版塊的內容要圍繞站點主題。設計版面的最好方法是先將理想中的草圖勾勒出來，然后用網頁制作軟件實現。
2.2.2.3處理技術上的細節。網站設計所要考慮的因素眾多，一般來說要講究對稱性、對比性、協調一致性、設置字體和鏈接顏色等。首先必須考慮分辨率的問題，頁面尺寸一般設為800×600或1024×768，同時頁面設計應該40%左右留白[1]，既給人回味又達到良好的視覺效果。
2.2.2.4設計好輔助內容。輔助內容設計的恰當可以為主頁增色，這就要看設計者的實踐水平，輔助功能可以找到一些大眾化的主題。
2.2.3支撐頁面要統一。網站的子頁面是學校主網站的延伸，也是網站的支撐頁面。所以各個子頁面要有統一的風格，因為能夠進入子頁面的訪客，一定是對網站感興趣的，所以這部分訪客中，有相當一部分是忠實訪客，統一的風格能讓瀏覽者訪問時感覺自然、親切。
3.網站的測試和推廣
測試網站需要用戶構建自己的Web測試環境，主要有利用PWS構建、利用IIS構建、在線和測試。除了讓計算機專業人員進行測試外，還要讓對計算機不是很熟悉的人參加網站工作效果的測試，他們可能會提出許多專業人員沒有考慮到的問題，從而得到一些好的建議。
積極地推廣學校網站。網站建設好并經過測試和上傳后，接下來的工作就是讓更多的用戶訪問瀏覽網站，這就是宣傳網站。宣傳網站的方法很多，主要有兩種：一是傳統媒介，學校通過校內宣傳展板和VI視覺識別系統[2]等方式，將學校網站主頁的網址印刷在上面，可收到很好的宣傳效果。二是網絡媒體，最常用的方法是和當地政府機構、社區、教育主管部門和兄弟學校建立友情鏈接。此外，還可參加搜索引擎上的注冊、競價排名等方式推廣學校的網站，達到更好的宣傳效果。
總的來說，學校網站有其特殊性，要想設計一個好的學校網站就一定要用心調研師生、家長和社會對學校網站的需求，用心設計、布局和規劃，用心美化網站上的每一處細節，做好相關的安全防護措施，及時網站最新信息，提高上傳信息的質量。同時，如果要想設計的網站從表面到實際應用都具有較強的功能，就一定要花大工夫突出重點、深化內涵、亮化特色、強化管理。
參考文獻：
[1]胡飛，淺談網站建設——以“比翼”網站建設為例[J].科技信息（學術研究），2008.
第9篇：校園網站設計范文
關鍵詞：畢業生；信息化；就業網站；就業指導；建設方案
中圖分類號：G641 文獻標志碼：A 文章編號：1002-2589（2013）36-0312-03
當前，大學畢業生人數逐年增多，國內外經濟形勢不穩定，大學畢業生的就業壓力日益增大，對高校就業工作的科學、規范、有效化管理提出了更高的要求。以高效、便捷、快速為主要特征的互聯網在高校畢業生就業工作中發揮著重要的作用。當前各高校普遍建立了比較完善的就業信息網站，但作為直接管理學生的二級學院在畢業生就業信息網站建設方面還比較滯后，處于被忽視的狀態。如何建立并優化高校二級學院就業信息網站，充分借助學院的優勢利用互聯網指導畢業生就業，成了一個重要的課題并成為學校二級學院不可回避并亟待落實的任務。
一、二級學院就業網站建設的重要性
人人網的2013屆應屆畢業生求職意向調研報告中指出：隨著互聯網在我國的高速發展，企業越來越重視線上招聘。調研數據顯示，互聯網已經成為2013應屆生獲取招聘信息最多的渠道。80.5%的應屆生選擇使用互聯網獲取招聘信息，46%的應屆生認為互聯網是獲取招聘信息最有效的渠道。因此，高校畢業生就業網站已逐漸成為畢業生就業信息的主要來源，同時也是就業指導工作開展的重要部分和就業工作信息化建設的主要陣地?；ヂ摼W在高校開展畢業生就業指導與服務工作中發揮著重要作用。
（一）及時傳遞就業信息
就業信息獲取和捕捉的及時性對畢業生求職擇業至關重要。目前，網站已經成為信息傳播數量最大，速度最快的渠道。對于高校學生群體來說，網絡已經成為學生快速了解各種信息最主要的渠道，求職信息的獲取亦是如此。因此，就業網站可將大量的就業信息以最便捷、快速的方式及時傳遞給畢業生。
（二）廣泛開展就業指導
高校二級學院作為畢業生的直接管理和培養單位可以通過建立學院自己的畢業生就業服務信息網與本學院的每一位畢業生建立動態、持久地聯系，可以在線了解每一位畢業生的就業意向和狀態，對畢業生做時時在線的就業指導，通過網絡及時解決畢業生在求職過程的問題和疑惑。不僅提高了就業指導的效率和覆蓋面，也使就業指導真正應用于畢業生求職擇業實踐。
（三）規范辦事流程，提高辦事效率
高校二級學院傳統的畢業生就業工作模式往往是信息的傳達和收集靠口頭和書面通知，學生在了解求職信息和辦事流程方面不充分，遇到問題找不到規范系統的解決途徑，只能到處咨詢，這導致正常的事務性工作的處理占用了學院畢業生就業工作負責人員的太多時間和精力。通過建立自己的就業指導與服務信息網站，可以將學院畢業生就業指導工作中規范性和政策性的資料上傳至該平臺，使畢業生能夠在遇到問題的時候方便快捷地找到解決的途徑和方法。同時，通過網絡也能夠時時了解畢業生就業情況，及時掌握畢業生就業動態和數據，便于畢業生就業方面的統計，提高了工作效率，節省了就業工作的人力、物力和財力。
（四）節約學生的求職成本
高校二級學院的就業指導服務信息網能夠結合本學院和專業的特點，突出學生求職擇業的針對性，在一定程度上能夠避免學校就業服務信息網大而全，廣泛而不深入的弊端。學院通過開發完善的畢業生就業信息網，建立快捷方便的雙向服務就業信息網絡，為學生和符合學生需求的用人單位架設溝通的橋梁，能夠大大提高畢業生就業工作的效率，解決了學生擇業奔波之苦，同時還排除了學?，F場招聘因人數眾多帶來的安全隱患等問題。通過就業信息網實現了畢業生就業工作現代化和信息化，節約學生的資金成本和時間成本，成為性價比最高的求職工具。
（五）便于信息的存儲和查詢
高校二級學院可以將自己學院的用人單位信息庫、歷年畢業生畢業去向信息庫實現網上存儲、管理和查詢的功能，既有利于信息的長期存儲和維護，也能夠實現資源最大限度地共享和查詢，學生可以隨時從網上檢索和查詢自己想知道的單位、往屆畢業生的信息。不僅有利于學院對用人信息和畢業生畢業去向的存儲，也有利于畢業生依靠這些信息順利實現自身擇業。
二、二級學院畢業生就業指導網站建設的基本原則
高校二級學院建設畢業生就業信息網站必須要把握以下基本原則：
（一）內容的實用性
作為校級的就業信息網，信息量往往很大，“有些網站（頁）提供的就業指導和就業信息羅列得倒是較全面，但大多華而不實，甚至虛假信息也大量混入其中，即使確切的職業信息也是針對性不強，這主要是信息沒有分門別類和有效鑒別，或者有類而檢索功能不強”[1]。作為院級的就業信息網站，必須要突出對本院、專業培養學生需求信息的針對性和實用性，以本院學生的實際需求為出發點設計網站內容。
（二）信息傳播的及時性
學院的就業信息網站必須由專人進行維護和管理，及時就業相關信息，切實發揮網絡的信息傳播作用，否則就業信息網站變成了就業信息“往站”，不能保證所信息的及時性、有效性。對于經常不更新信息的網站，瀏覽量肯定會降低，時間長了便失去了網絡存在的意義和價值。
（三）功能的全面性
高校二級學院的就業網站應突出就業指導的功能，“以網絡平臺為宣傳服務的基礎，充分體現出就業網站的功能性。通過網站介紹就業形勢，宣傳就業政策和法規，就業信息，建立電子簡歷，進行就業指導和心理輔導等，為畢業生就業提供有效服務；同時通過交互式論壇、強大的后臺管理系統，及時了解畢業生就業情況、思想狀況，掌握畢業生工作的第一手資料”[2]。
（四）網頁的獨特性和操作的便捷性
就業信息網站的欄目內容在滿足學生需求的基礎上，網頁設計要有特色，欄目的設置應結構清晰、便于訪問和瀏覽。必須做好網站首頁設計，使其獨具特色；標題與菜單可選用特別字體使之醒目；在版面設計上要注重欄目整體的合理布局；網頁要動靜結合，層次分明；文字、圖像和空間相互協調，信息要全面但又不能擁塞。另外，要注意頁面間的鏈接，使瀏覽者能用最少的點擊，最快地定位到感興趣的頁面上；頁面中顯示位置標題，讓瀏覽者明確所處位置；頁頭顯示導航塊，便于快捷地進入界面；下載專區提供的資料要集中，以節約時間、提高效率；應選擇簡單易記的域名，以便于記憶[3]。
（五）網絡的安全性
就業信息網站對于所的信息必須嚴格把關，對單位的資質和聯系人的身份進行認真審核，確保無誤后方可在網上。面對嚴峻的就業形勢，許多不法分子利用學生求職迫切的心理進行詐騙行為，這樣的事件在大學校園不斷發生，因此，確保就業網站信息的真實、可靠極為重要。同時，對于畢業生的個人隱私，尤其是身份證號，電話號碼等信息要嚴格保密，加強網絡的安全性。
三、燕山大學機械工程學院就業網站建設與完善方案
燕山大學機械工程學院就業網站建設以突出實用性和指導性為基本原則，其主要功能是及時快捷地傳遞就業情況及信息，讓學生了解學院、學校、省以及國家的各項就業形式與政策、法律法規等；指導學生熟知有關就業流程，解決疑難問題，幫助學生樹立正確的擇業觀；建立畢業生擇業平臺，幫助畢業生順利就業等，使該網站成為一個多角度傳遞信息、全面指導學生就業的信息化平臺。該網站的建設能拓寬學生就業途徑，幫助培養學生就業意識和能力，提高學院就業工作效率和學生就業率。
主要版塊設置及實現功能包括：
通知公告：通知，減少口頭及書面通知的不便；招聘信息：招聘信息及專場招聘會信息；合作單位：整理匯總招聘學院學生的主要用人單位及基本信息，方便學生查詢、了解就業流向、選擇就業單位；政策法規：相關就業政策、法律、規定等，使學生正確、合理就業；辦事指南：總結學生就業過程中經常遇到的疑難問題，相關辦事流程，使學生通過網絡及時找到解決辦法，提高學生、老師的辦事效率；職場導航：對學生有指導性的就業形勢、擇業技能技巧、擇業心理、職業生涯規劃、考研指導等內容，發揮就業指導功能；畢業生去向：公布往屆畢業生就業去向，使學生了解學院各專業學生的就業流向，以對學生當前就業有指導和借鑒意義；畢業生推薦：通過口令設置等方式，使應屆及往屆需要就業的畢業生在此上傳自己的個人簡歷，方便老師與用人單位及時了解學生的就業意向，也使學生通過此平臺主動推薦自己。
為了提高該網站信息的統計分析，每個版塊除了能上傳文字、表格及圖片信息外，還要有關鍵指標的信息檢索功能。同時，該網站應與應屆生求職網、中國高校畢業生就業服務信息網等專門針對高校畢業求職網站實現鏈接功能，拓寬學生了解就業信息的渠道，增加其就業機會。
此外，還應進一步改善和發揮以下功能。1）心理輔導。主要進行畢業生就業心態調查，以及對畢業生就業心理的輔導。通過畢業生就業心態在線調查，了解到畢業生最新的思想動態；同時開通網上答疑、預約談話等功能對畢業生進行就業心理輔導，引導畢業生樹立正確的擇業觀，正確面對就業過程中遇到的各種問題。2）互動交流。提供畢業生和院系互動交流的場所，增加在線咨詢、就業論壇等互動功能，及時了解和解決學生最關注的就業問題。3）加強宣傳?！案咝５漠厴I生就業網在學生中影響力不大，如何加大宣傳力度，提高就業網知名度，讓畢業生重視學校的就業指導資源，是一個值得思考的問題”[4]。一個就業網站建設得再好，如果沒人訪問將是沒有任何用處的。宣傳自己的網站是就業網站建成后的一項不可缺少的工作。對外，可以通過一些媒體或搜索引擎的鏈接等途徑擴大網站的影響，作為主要對學生進行就業指導和信息傳播的網站更主要的是讓自己學院的所有畢業生熟悉和利用好該網站。
參考文獻：
[1]黃國軍，陶國喜.高校畢業生就業信息網網站的現狀及問題初探[J].科技信息，2007（27）：73.
[2]李旭，邱偉澤.高校二級院系就業網站的設計與開發[J].中國大學生就業，2005（15）：99
