校園資訊網站設計論文

對於網站的發展來說，設計是非常重要的，網站的設計構思，佈局和內容的有效融合是當今網站設計必須考慮的問題。在網站設計的過程中，網站的主題選擇是非常重要的，鮮明的主題可以讓瀏覽者一目瞭然，也提升了網站的可欣賞度和美觀度。校園資訊網站應該切近學生，反應校園生活，應該突出校園氣息，反應實實在在的校園生活。在校園資訊網站設計的過程中，使用ＤＩＶ＋ＣＳＳ技術就可以實現上述目的，實現既定的設計目標。

１ＤＩＶ＋ＣＳＳ概述

ＤＩＶ＋ＣＳＳ其實是ＷＥＢ設計標準，是一種當前常用的網頁佈局方式，對網站的設計有着直接的影響，這種方法和設計思路相比傳統的表格（ｔａｂｌｅ）佈局定位設計不同，擁有更有的更明顯的優勢，這種方法可以實現網頁頁面內容與表現相分離，提高瀏覽者的方便程度，也使得網站更加的美觀和具有觀賞性。一般來說，嚴格意義上不能說成ＤＩＶ＋ＣＳＳ，它的正確叫法是ＸＨＴ－ＭＬ＋ＣＳＳ。需要說清楚的是ＤＩＶ與Ｔａｂｌｅ都是ＸＨＴＭＬ語言中的一個標記，而ＣＳＳ只是一種表現形式。長時間的網站設計中，設計者們就習慣性的稱作爲ＤＩＶ＋ＣＳＳ，它也就成爲了一種專業術語。在目前的網站設計中，這種方式較爲常見，可以粗略的說，ＤＩＶ主要是起到構建待建網站框架的作用，而ＣＳＳ主要負責是是待建網站的樣式和美化，這兩個方面相互配合，相互作用，各自發揮自己的功能。針對這種方式的網站設計最終的表現途徑就是採用ＸＨＴＭＬ對網站進行標準化重構，使用ＣＳＳ將表現與內容分離，這樣做的目的很明確，簡化網站管理和設計，有利於網站的及時維護和保養，也有利於優化網站結構和設計，提升瀏覽的便利性。

２校園資訊網站設計總體規劃研究

２．１校園資訊網站設計的基本思維：

校園資訊對學校的發展有着一定的影響，透過什麼樣的途徑讓學生及時的瞭解校園內發生的事件，瞭解學校的相關動態資訊已經成爲高效管理的有機組成部分。校園是動態的，每天會產生大量的資訊，但是學生往往由於各種時間的限制，都不能及時的瞭解和掌握，這就需要構建能反映校園生活，透析校園資訊的網站，那麼校園資訊網站的建設就顯得非常的有必要。校園資訊網站的建設主要的受衆目標羣體就是學生，所以它的主題就會非常的明確，必須呈現校園資訊，反應真真實的學校校園生活。校園資訊的更新速度是非常過的，那麼校園資訊的網站建設就必須滿足這樣的需求，及時的更換網站的資訊，並且在網站的佈局上要呈現瀏覽的便捷性，講究色彩配置，有需要的地方還可以採取特效製作，這就需要網站的設計中滲透色彩設計、平面設計原理。校園生活的資訊是非常豐富的，也是多樣化的，當然更多的是平凡和樸實，無論什麼樣的校園資訊都要追求實事求是的報道，讓網站建設真正的做到寫真。

２．２校園資訊網站的功能分析：

對於校園資訊網站的建設來說，爲了給瀏覽者提供便利性，在設計的時候需要分割板塊，發揮各個板塊的功能，這樣才能做出讓學生喜歡的網站。例如我們現在要做一個簡單一些的校園資訊網站，我們可以按照需求把網站切分爲三大板塊，其一是新聞類資訊，其二是影像類校園資訊，其三是互動討論類校園資訊。校園資訊泛網將資訊用這三種板塊形式發佈，使得整個網站的後臺管理也變得簡潔明瞭。具體板塊劃分如下圖所示，這樣也使得網站看上去非常的簡潔，瀏覽起來也非常的方便。

２．３網頁設計：

在校園資訊網站的設計過程中，要力求簡潔方便。無論是採用ｂａｎｎｅｒ還是使用系統導航，都要爲實現這樣的目的而努力。在網站色彩的搭配上要依據學生的偏好酌情的進行選擇，這種沒有固定的模式，但是在顏色組合的過程中要講究色彩的`搭配之美，切記爲了追求學生偏好而不講究設計風格和技術。例如我們可以在網站設計的時候，選擇灰色爲主基調，點綴一些綠色作爲輔助，這樣的樣式和色彩看上去很爽朗，也很清晰，學生應該會喜歡。學生擁有極強的思考能力，所以在網站設計的時候最好能激發瀏覽者的思考空間，讓瀏覽者在瀏覽的過程中興趣勃發，並且激發他們的思考意識。在設計校園資訊網站的時候，要講究互動和交流平臺的建設，突出體感設計，讓學生參與進來，這樣才能提升網站的建設和發展。在校園資訊網站的首頁一定要吸人眼球，可以採取巨型的ｆｌａｓｈ，給瀏覽者動態化的瀏覽效果，提升網站建設的特色和特效。在使用ｆｌａｓｈ時要注意捨棄小型框架，巨型圖片展示，附上專題式的文字說明，網站首頁的核心構成。在網站的導航設計中可以使用一定的特效，比如可以採用ＪＳ技術，這種操作簡單，網站設計清晰明朗，簡潔大方，還節約了製作成本和網站空間，效果非常好。在網站中也可以有圖片展示區域，展示網站的特色，ＤＩＶ＋ＣＳＳ的美觀性就可以從這裏得到最好的體現。後臺的設定因爲其功能性優先性，框架的建設比較重要。能夠一目瞭然的設定資訊纔是後臺應該有的樣子。並且還要在同一網頁中實現三資訊分區域的跳轉，所以該網頁也不能設定成單一樣式，必須要有嵌套模式才能使得不同資訊管理介面統一在單獨網頁中。