【文章內容簡介】 ，象征進取的精神；下半部分為學院的主樓，再加上學院的英文名稱，體現(xiàn)信息學院的特點；右下為“學院內網(wǎng)”與“English”版本入口，十分醒目,可以方便訪問者的點擊進入。 網(wǎng)站首頁效果圖欄目導航放在flash下面，方便瀏覽者快速的訪問相關內容，也是網(wǎng)站最常用的欄目導航方式。主欄目還有子欄目下列菜單，這樣可以在更小的空間在實現(xiàn)更多的導航功能，而且在不需要的時候自動隱藏。頁面主文體內容的左邊為學院相關內容的鏈接，在里面可以快速找到學院的相關內容鏈接，方便訪問者快速了解學院。頁面主體中間上部分為圖片新聞調用，標題靠上，圖片放在靠左邊，簡單內容開頭則置于右，可以簡介的了解圖片新聞內容，以決定是否需要點擊進入閱讀詳細內容。下部分則為“學院新聞”調用，這里為學院最新的非圖片新聞內容。頁面主體右部分上為“最新公告”，也是原來上一版的“最新公告”的位置，在不改變位置的情況下，訪問在瀏覽新版面時也不至于找不到自己經(jīng)?？吹摹白钚鹿妗皟热荨＝酉聛淼氖恰皩W院特色”，簡單而實用。再下為“校區(qū)導航”，可以滿足瀏覽校主頁的快速入口。往下為“校內導航”，起著同樣的功能，且采用下拉菜單形式，可以節(jié)省空間。再往下則為站內的訪問量統(tǒng)計，可以了解到網(wǎng)站的訪問情況。主頁底部則為幫助內容、瀏覽建議與版權信息，是網(wǎng)站必不可少的一部分。幫助內容一是可以提示瀏覽者瀏覽本頁面已經(jīng)到達了底部；二是可以提供給訪問者解決一些瀏覽網(wǎng)站遇到的的常見問題的方法；三是提供管理入口，方便管理人員在不需要輸入網(wǎng)址的情況下快速進入管理頁面；瀏覽建議測提醒訪問者怎樣才可以達到訪問網(wǎng)站的最佳效果；版權信息則作為網(wǎng)站的一種版權及維護聲明。內容安排采用常見的排版方式，這樣可以符合訪問者的習慣，不至于改版后難以找到所需的內容。 內網(wǎng)首頁的設計內網(wǎng)的功能是專門為服務學院內師生而設的。注重內容的豐富程度和實用程度。頁面在首頁設計的基礎上，放上內網(wǎng)的內容。內網(wǎng)的主要欄目導航放在主體內容右邊的上面，起到快速導航的作用。下面則為部分欄目的最新內容調用，可以使訪問者了解到相關的欄目是否有最新更新的內容。 內網(wǎng)首頁效果圖 后臺界面設計后臺的頁面跟前臺頁面則不同，前臺是對外的宣傳與體現(xiàn)，后臺則是管理的平臺，它不像前臺那樣需要做得美觀，它只要求實用、速度與效率，所以后臺盡量不使用影響速度的體積大的圖片及flash等。后臺基本都采用框架的瀏覽方式，左邊比較窄，管理分類鏈接放在左框架，在管理瀏覽過程中保持不變，這樣可以快速在管理頁面之間進行切換，提供管理效率；框架右則為主框架，比較寬，管理頁面在點擊之后會出現(xiàn)在主框架內，在上面可以對不同的管理頁面進行操作。布局上全部采用表格再加上底顏色的布局方式，一來可以整齊的排列管理的內容，又可以盡量做美觀實用。常用的功能都安排在靠上的地方，這樣可以提高整體管理上的效率，以減少管理上的麻煩。一些需要注意的問題則用顯眼的彩色字體注明，放在相關的頁面上，這樣可以幫助管理人員在管理過程快速了解管理的方式與使用方法。不同的頁面會設置適當?shù)姆祷劓溄樱奖阍诠芾磉^程中的頁面轉向。 其它頁面設計其它頁面的設計都是在首頁設計的基礎上，頭部和尾部采用一樣的設計方式，可以達到網(wǎng)站統(tǒng)一風格的作用。導航欄在每一個頁面都存在，這樣可以方便瀏覽別的內容和快速返回首頁。其它地方再根據(jù)不同頁面而采用不同的頁面排版方式，滿足不同功能的需要。 欄目鏈接設計欄目除了在相應導航欄可以進入外，在欄目的內容調用下面，都有“更多內容...”的字樣，可以滿足瀏覽更多相關的內容的作用。符合不同訪問者的瀏覽習慣與需要。鏈接在鼠標懸停時，會變?yōu)榧t色，可以幫助訪問者注意到自己將要訪問的內容，是一種輔助瀏覽形式。3 系統(tǒng)設計 新聞系統(tǒng)設計新聞系統(tǒng)表面上看功能比較簡單，但如果要做出一個好的新聞系統(tǒng)，實現(xiàn)起來也不是一件易事。因為在整個整個系統(tǒng)中真正涉及到的數(shù)據(jù)比較多，所以對數(shù)據(jù)的設計與安排比較重要。 新聞系統(tǒng)數(shù)據(jù)庫設計根據(jù)新聞系統(tǒng)需要，創(chuàng)建一個新聞系統(tǒng)的數(shù)據(jù)庫，并在數(shù)據(jù)庫中創(chuàng)建admin、news、newscate等表。其中admin用來存放管理員的用戶名與密碼，news用來存放文章的相關內容，newscate則是記錄欄目的分類情況。欄目編號欄目名級別根欄目添加時間新聞編號欄目編號新聞標題新聞內容圖片名來源添加時間點擊次數(shù)用戶編號用戶名密碼新聞內容表新聞欄目表用戶表一對多字段數(shù)據(jù)類型字段大小說明id自動編號長整形自動編號user文本50用戶名psd文本50密碼 Admin表結構字段數(shù)據(jù)類型字段大小說明cataid數(shù)字長整形新聞所屬欄目Title文本50新聞標題Content備注不限制新聞正文內容Firstimagename文本50上傳的圖片名稱From文本50記錄文章來源Addtime日期時間不限制新聞添加時間Hits數(shù)字長整型新聞點擊次數(shù)字段數(shù)據(jù)類型字段大小說明Title文本50欄目名稱Level數(shù)字長整型欄目級別Rootid數(shù)字長整型此欄目隸屬欄目Time日期時間不限制欄目創(chuàng)建時間 新聞系統(tǒng)程序設計新聞內容最后是存放在數(shù)據(jù)庫中的，新聞系統(tǒng)大體可以分為兩大部分，一是數(shù)據(jù)錄入，二是數(shù)據(jù)的調用。前者用于對文章的數(shù)據(jù)管理，后者則是新聞內容的調用顯示。管理內容包括：增加新聞、管理新聞、欄目管理和用戶管理等。新聞調用顯示按欄目調用的方法，對文章實行分類，再加上搜索功能，新聞也可按關鍵字搜索分類。流圖如下：數(shù)據(jù)庫添加新聞管理新聞欄目管理用戶管理新聞內容顯示搜索欄目內容列表后臺管理新聞顯示由上可以看到，后臺管理系統(tǒng)與新聞顯示分別進行設計，兩個程序不會互相影響，它們唯一的共同點就是訪問同一個數(shù)據(jù)庫，使用的數(shù)據(jù)庫字段一樣。 圖片新聞調用程序設計由于學院里經(jīng)常有圖片新聞，為了更快和更形象具體的報道圖片新聞，網(wǎng)站首頁顯眼的地方設計成圖片自動調用的方式，具體形式是標題和圖片，加上一小段的新聞開頭內容，主要的讓訪問者了解圖片的大體內容。圖片新聞調用程序的實現(xiàn)，首先建立變量num，并將其初值設為0，然后從news表的中選擇出第一條記錄，判斷字段名為firstImageName的數(shù)據(jù)是否為空，不為空則完成圖片的顯示，并自動的給圖片加上當前新聞的鏈接；firstImageName的數(shù)據(jù)為空則跳到下一條記錄。顯示完一條圖片新聞后對num加1，并將num的值跟設定的允許最大值比較，沒有到達原始設置的最大值則跳到下一條；num到達最大值則退出程序。顯示完畢！Y開始建立變量num=0從news表中讀取第一條記錄FirstImageName為空嗎？N跳到下一條記錄Y完成圖片新聞的顯示對變量num加1跳到下一條記錄NNum是否到達設置的最大值結束Y 新聞欄目列表程序設計傳遞一個變量s_keyword,標記新聞調用哪個欄目。從頭開始搜索數(shù)據(jù)庫中歸屬欄目為s_keyword的新聞記錄跳到下條記錄跳到下條記錄開始將此新聞標題列出。加上對應的鏈接，對num加1結束Y一頁的新聞達到限制數(shù)目了嗎？N是本欄目的新聞嗎？YN 新聞內容顯示程序設計由新聞顯示參數(shù)，在數(shù)據(jù)庫中搜索到相關記錄。將新聞標題顯示將新聞添加時間、來源和點擊次數(shù)等信息顯示顯示新聞正文顯示下一條新聞鏈接開始結束 內網(wǎng)自動引導程序設計訪問者要進入內網(wǎng)，在點擊進入后，服務器運行程序檢測出訪問機器的IP地址，并對所得的IP地址作一定的處理，然后跟數(shù)據(jù)庫中允許的IP段作比較，符合條件的則引導到內網(wǎng)首頁；不符合條件的則不允許進內網(wǎng)，并引導其返回上一頁。其中的取得訪問機器IP的函數(shù)為：(REMOTE_ADDR)(REMOTE_ADDR)函數(shù)取得客戶端的IP地址,. 并將取得的值賦給變量rmip用left函數(shù)將取得的IP數(shù)據(jù)作一定的處理將處理后的數(shù)值跟數(shù)據(jù)庫中的IP地址段作比較用戶合法嗎？Y頁面自動跳轉內網(wǎng)首頁()N頁面返回到客戶端瀏覽的上一頁開始退出 計數(shù)器程序設計計數(shù)器只需要實現(xiàn)簡單的功能，就是對網(wǎng)站的訪問量作累計計數(shù)。訪問計數(shù)在原理上比較簡單，實現(xiàn)起來也不需要很長的代碼。首先在數(shù)據(jù)庫建立存放訪問次數(shù)的字段，訪問一次首頁，則將此數(shù)取出，并顯示在首頁的相應的地方，之后對數(shù)據(jù)實行加1存回，初始訪問量可以自行在數(shù)據(jù)庫中進行設定！計數(shù)器只需要實現(xiàn)簡單的功能，就是對網(wǎng)站的訪問量作累計計數(shù)。訪問計數(shù)在原理上比較簡單，實現(xiàn)起來也不需要很長的代碼。首先在數(shù)據(jù)庫建立存放訪問次數(shù)的字段，訪問一次首頁，則將此數(shù)取出，并顯示在首頁的相應的地方，之后對數(shù)據(jù)實行加1存回，初始訪問量可以自行在數(shù)據(jù)庫中進行設定！從數(shù)據(jù)庫讀出上一次訪問過記錄的數(shù)值將數(shù)值+1將數(shù)值存回數(shù)據(jù)庫開始結束 郵件群發(fā)程序設計開發(fā)設計工具：郵件群發(fā)系統(tǒng)開發(fā)以Dreamweaver作為頁面開發(fā)和腳本編寫的工具，以VBSCRIPT作為主要腳本開發(fā)語言，以Microsoft Office Access作為數(shù)據(jù)庫開發(fā)的主要工具，以JMail作為郵件發(fā)送的主要組件。 郵件群發(fā)數(shù)據(jù)庫設計郵件群發(fā)系統(tǒng)主要包含兩個數(shù)據(jù)表，管理信息數(shù)據(jù)表admin和郵件列表信息數(shù)據(jù)表。郵箱編號老師名郵箱地址系部、單位添加時間發(fā)送標識用戶編號用戶名密碼郵件服務器郵箱登錄名郵箱登錄密碼發(fā)送人發(fā)送組件用戶表郵箱列表字段名稱字段長度數(shù)據(jù)類型說明默認值id長整型自動編號管理員標識name20文本登錄用戶名pw20文本登錄密碼yjlb30文本郵件列表的名稱信息學院郵件列表fwq30文本默認郵件服務器passname20文本郵箱登錄名password20文本郵箱登錄密碼fa20文本發(fā)送人fa30文本發(fā)送人信箱yjzj10文本郵件發(fā)送組件管理信息數(shù)據(jù)表主要用來保存管理員的登陸信息和管理員登陸后發(fā)送郵件時的各項參數(shù)設置。字段名稱字段長度數(shù)據(jù)類型說明默認值id長整型自動編號郵件標識teachername10文本教師姓名50文本電子信箱department50文本所屬系部idate日期/時間更新時間Date()fs字節(jié)數(shù)字判斷是否發(fā)送：0為不發(fā)送，1為發(fā)送0郵件列表信息數(shù)據(jù)表主要是用來保存郵件列表中教師的信息，另外設置fs字段用來判斷是否對該教師發(fā)送郵件。 郵件發(fā)送程序設計開發(fā)設計思想：管理員登錄頁面，作為郵件系統(tǒng)的首頁，只有在管理員登錄后才能瀏覽和使用其它頁面。管理頁面，只用來修改管理員的管理信息。郵件列表數(shù)據(jù)管理頁面，用來對郵件列表成員數(shù)據(jù)進行管理。發(fā)送郵件頁面：進入發(fā)送郵件頁面時設置判斷是否發(fā)送郵件的字段為0表示不對其發(fā)送郵件，然后對要發(fā)送郵件的教師進行選擇或者選擇全部發(fā)送，選擇完成后下一步進入郵件內容填寫頁面這時將已選擇的的教師的判斷是否發(fā)送郵件的字段改為1表示要對其發(fā)送郵件。在這個頁面中進行郵件內容的填寫、附件的上傳，也可以對郵件服務器的選項進行更改，若不更改則使用默認。郵件內容填寫完成后進行郵件的發(fā)送，若發(fā)送成功則再次將判斷是否發(fā)送郵件的字段改為0，然后檢測該字段，對為1的字段重新發(fā)送郵件，如此一直循環(huán)直到全部發(fā)送成功為止?；蛴脩艨梢赃x擇退出發(fā)送程序。附件管理，對于上傳的附件可以在附件管理頁面對其進行刪除操作。管理頁面，在管理頁面中進行管理員的各項操作。流程圖見下頁。開始根據(jù)用戶選擇要發(fā)送郵件的群，對數(shù)據(jù)庫中相應的記錄fs字段值更改為1選擇數(shù)據(jù)庫中字段fs為1的第一條記錄保留數(shù)據(jù)庫中當前記錄的fs字段值為1用戶填寫郵件內容發(fā)送是否成功?對此記錄中的郵箱地址發(fā)送郵件跳到下一條fs字段為1的記錄到了最后一條記錄嗎?是否有發(fā)送失敗的郵箱退出用戶選擇是否重發(fā)失敗郵件?NYNY跳到下一條fs字段為1的記錄NYYN列出顯示發(fā)送失敗的郵箱用戶選擇　郵件發(fā)送流程圖4 系統(tǒng)使用說明一個完美的系統(tǒng)不但包括界面和程序，還應該有詳細的使用與操作說明，以介紹系統(tǒng)的使用方法及注意的地方，還有一些其他問題的解決方法。這方面的內容也要作為設計的一部分，而且必不可少。這樣可以方便日后管理使用上的快速解決問題。 應用環(huán)境 硬件環(huán)境1．服務器端處理器：　　Intel PentiumI