校園資訊網(wǎng)站設(shè)計(jì)

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了校園資訊網(wǎng)站設(shè)計(jì)范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

對(duì)于網(wǎng)站的發(fā)展來說，設(shè)計(jì)是非常重要的，網(wǎng)站的設(shè)計(jì)構(gòu)思，布局和內(nèi)容的有效融合是當(dāng)今網(wǎng)站設(shè)計(jì)必須考慮的問題。在網(wǎng)站設(shè)計(jì)的過程中，網(wǎng)站的主題選擇是非常重要的，鮮明的主題可以讓瀏覽者一目了然，也提升了網(wǎng)站的可欣賞度和美觀度。校園資訊網(wǎng)站應(yīng)該切近學(xué)生，反應(yīng)校園生活，應(yīng)該突出校園氣息，反應(yīng)實(shí)實(shí)在在的校園生活。在校園資訊網(wǎng)站設(shè)計(jì)的過程中，使用DIV＋CSS技術(shù)就可以實(shí)現(xiàn)上述目的，實(shí)現(xiàn)既定的設(shè)計(jì)目標(biāo)。

1DIV＋CSS概述

DIV＋CSS其實(shí)是WEB設(shè)計(jì)標(biāo)準(zhǔn)，是一種當(dāng)前常用的網(wǎng)頁布局方式，對(duì)網(wǎng)站的設(shè)計(jì)有著直接的影響，這種方法和設(shè)計(jì)思路相比傳統(tǒng)的表格（table）布局定位設(shè)計(jì)不同，擁有更有的更明顯的優(yōu)勢(shì)，這種方法可以實(shí)現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離，提高瀏覽者的方便程度，也使得網(wǎng)站更加的美觀和具有觀賞性。一般來說，嚴(yán)格意義上不能說成DIV＋CSS，它的正確叫法是XHT－ML＋CSS。需要說清楚的是DIV與Table都是XHTML語言中的一個(gè)標(biāo)記，而CSS只是一種表現(xiàn)形式。長時(shí)間的網(wǎng)站設(shè)計(jì)中，設(shè)計(jì)者們就習(xí)慣性的稱作為DIV＋CSS，它也就成為了一種專業(yè)術(shù)語。在目前的網(wǎng)站設(shè)計(jì)中，這種方式較為常見，可以粗略的說，DIV主要是起到構(gòu)建待建網(wǎng)站框架的作用，而CSS主要負(fù)責(zé)是是待建網(wǎng)站的樣式和美化，這兩個(gè)方面相互配合，相互作用，各自發(fā)揮自己的功能。針對(duì)這種方式的網(wǎng)站設(shè)計(jì)最終的表現(xiàn)途徑就是采用XHTML對(duì)網(wǎng)站進(jìn)行標(biāo)準(zhǔn)化重構(gòu)，使用CSS將表現(xiàn)與內(nèi)容分離，這樣做的目的很明確，簡(jiǎn)化網(wǎng)站管理和設(shè)計(jì)，有利于網(wǎng)站的及時(shí)維護(hù)和保養(yǎng)，也有利于優(yōu)化網(wǎng)站結(jié)構(gòu)和設(shè)計(jì)，提升瀏覽的便利性。

2校園資訊網(wǎng)站設(shè)計(jì)總體規(guī)劃研究

2．1校園資訊網(wǎng)站設(shè)計(jì)的基本思維：

校園資訊對(duì)學(xué)校的發(fā)展有著一定的影響，通過什么樣的途徑讓學(xué)生及時(shí)的了解校園內(nèi)發(fā)生的事件，了解學(xué)校的相關(guān)動(dòng)態(tài)信息已經(jīng)成為高效管理的有機(jī)組成部分。校園是動(dòng)態(tài)的，每天會(huì)產(chǎn)生大量的信息，但是學(xué)生往往由于各種時(shí)間的限制，都不能及時(shí)的了解和掌握，這就需要構(gòu)建能反映校園生活，透析校園信息的網(wǎng)站，那么校園資訊網(wǎng)站的建設(shè)就顯得非常的有必要。校園資訊網(wǎng)站的建設(shè)主要的受眾目標(biāo)群體就是學(xué)生，所以它的主題就會(huì)非常的明確，必須呈現(xiàn)校園信息，反應(yīng)真真實(shí)的學(xué)校校園生活。校園信息的更新速度是非常過的，那么校園資訊的網(wǎng)站建設(shè)就必須滿足這樣的需求，及時(shí)的更換網(wǎng)站的信息，并且在網(wǎng)站的布局上要呈現(xiàn)瀏覽的便捷性，講究色彩配置，有需要的地方還可以采取特效制作，這就需要網(wǎng)站的設(shè)計(jì)中滲透色彩設(shè)計(jì)、平面設(shè)計(jì)原理。校園生活的資訊是非常豐富的，也是多樣化的，當(dāng)然更多的是平凡和樸實(shí)，無論什么樣的校園資訊都要追求實(shí)事求是的報(bào)道，讓網(wǎng)站建設(shè)真正的做到寫真。

2．2校園資訊網(wǎng)站的功能分析：

對(duì)于校園資訊網(wǎng)站的建設(shè)來說，為了給瀏覽者提供便利性，在設(shè)計(jì)的時(shí)候需要分割板塊，發(fā)揮各個(gè)板塊的功能，這樣才能做出讓學(xué)生喜歡的網(wǎng)站。例如我們現(xiàn)在要做一個(gè)簡(jiǎn)單一些的校園資訊網(wǎng)站，我們可以按照需求把網(wǎng)站切分為三大板塊，其一是新聞?lì)愘Y訊，其二是影像類校園資訊，其三是互動(dòng)討論類校園資訊。校園資訊泛網(wǎng)將信息用這三種板塊形式，使得整個(gè)網(wǎng)站的后臺(tái)管理也變得簡(jiǎn)潔明了。具體板塊劃分如下圖所示，這樣也使得網(wǎng)站看上去非常的簡(jiǎn)潔，瀏覽起來也非常的方便。

2．3網(wǎng)頁設(shè)計(jì)：

在校園資訊網(wǎng)站的設(shè)計(jì)過程中，要力求簡(jiǎn)潔方便。無論是采用banner還是使用系統(tǒng)導(dǎo)航，都要為實(shí)現(xiàn)這樣的目的而努力。在網(wǎng)站色彩的搭配上要依據(jù)學(xué)生的偏好酌情的進(jìn)行選擇，這種沒有固定的模式，但是在顏色組合的過程中要講究色彩的搭配之美，切記為了追求學(xué)生偏好而不講究設(shè)計(jì)風(fēng)格和技術(shù)。例如我們可以在網(wǎng)站設(shè)計(jì)的時(shí)候，選擇灰色為主基調(diào)，點(diǎn)綴一些綠色作為輔助，這樣的樣式和色彩看上去很爽朗，也很清晰，學(xué)生應(yīng)該會(huì)喜歡。學(xué)生擁有極強(qiáng)的思考能力，所以在網(wǎng)站設(shè)計(jì)的時(shí)候最好能激發(fā)瀏覽者的思考空間，讓瀏覽者在瀏覽的過程中興趣勃發(fā)，并且激發(fā)他們的思考意識(shí)。在設(shè)計(jì)校園資訊網(wǎng)站的時(shí)候，要講究互動(dòng)和交流平臺(tái)的建設(shè)，突出體感設(shè)計(jì)，讓學(xué)生參與進(jìn)來，這樣才能提升網(wǎng)站的建設(shè)和發(fā)展。在校園資訊網(wǎng)站的首頁一定要吸人眼球，可以采取巨型的flash，給瀏覽者動(dòng)態(tài)化的瀏覽效果，提升網(wǎng)站建設(shè)的特色和特效。在使用flash時(shí)要注意舍棄小型框架，巨型圖片展示，附上專題式的文字說明，網(wǎng)站首頁的核心構(gòu)成。在網(wǎng)站的導(dǎo)航設(shè)計(jì)中可以使用一定的特效，比如可以采用JS技術(shù)，這種操作簡(jiǎn)單，網(wǎng)站設(shè)計(jì)清晰明朗，簡(jiǎn)潔大方，還節(jié)約了制作成本和網(wǎng)站空間，效果非常好。在網(wǎng)站中也可以有圖片展示區(qū)域，展示網(wǎng)站的特色，DIV＋CSS的美觀性就可以從這里得到最好的體現(xiàn)。后臺(tái)的設(shè)置因?yàn)槠涔δ苄詢?yōu)先性，框架的建設(shè)比較重要。能夠一目了然的設(shè)置信息才是后臺(tái)應(yīng)該有的樣子。并且還要在同一網(wǎng)頁中實(shí)現(xiàn)三信息分區(qū)域的跳轉(zhuǎn)，所以該網(wǎng)頁也不能設(shè)置成單一樣式，必須要有嵌套模式才能使得不同信息管理界面統(tǒng)一在單獨(dú)網(wǎng)頁中。

作者：唐俊林 單位：貴州師范大學(xué)歷史與政治學(xué)院