學(xué)校網(wǎng)站的欄目規(guī)劃_0

1、學(xué)校網(wǎng)站的欄目規(guī)劃 摘要。做好一個(gè)網(wǎng)站，可以全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排等信息內(nèi)容，使學(xué)生及家長增加對學(xué)校的了解，增強(qiáng)學(xué)生、家長與學(xué)校之間的聯(lián)系，在internet網(wǎng)上，讓學(xué)生及家長及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分教學(xué)事務(wù)，提高辦事效率，給學(xué)生、家長與學(xué)校最方便的聯(lián)系橋梁。在這里學(xué)生及家長也可以提出意見及想法，互通教學(xué)之間的意見想法，更加有效的提高教學(xué)質(zhì)量，學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納。這些都能成為學(xué)校的參考，以便更加的提高學(xué)校的辦學(xué)及教學(xué)水平。 關(guān)鍵字：internet校園網(wǎng)asp技術(shù) dreamweaver 一、校園網(wǎng)發(fā)展現(xiàn)狀 i

2、nternet的迅速發(fā)展，極大地推動(dòng)了我國的網(wǎng)絡(luò)建設(shè)。我國先后建立了中科院互聯(lián)網(wǎng)（ncfc）、中國教育科研網(wǎng)（cernet）、中國公用計(jì)算機(jī)互聯(lián)網(wǎng)（chinanet）、中國金橋信息網(wǎng)（ch工nagbn）等四大網(wǎng)絡(luò)。特別是中國教育科研網(wǎng)（cernet）的發(fā)展，極大地促進(jìn)了學(xué)校校園網(wǎng)的建設(shè)。社會(huì)網(wǎng)絡(luò)大環(huán)境的影響、有關(guān)教育部門的支持、校領(lǐng)導(dǎo)的重視以及教師和學(xué)生的積極要求，使得校園網(wǎng)的建設(shè)如魚得水，非常順利。據(jù)統(tǒng)計(jì)己經(jīng)建成的校園網(wǎng)，其布點(diǎn)范圍從幾百個(gè)到幾千個(gè)不等，在技術(shù)上是跟得上國際發(fā)展潮流的。校園網(wǎng)的開通，不僅改變了傳統(tǒng)的教學(xué)模式、教學(xué)方法和教學(xué)手段，促進(jìn)了教育觀念和教學(xué)思想的轉(zhuǎn)變，而且拓寬了教師和

3、學(xué)生的視野，有利于培養(yǎng)學(xué)生的創(chuàng)造性思維，提高學(xué)生獲取信息、分析信息、處理信息的能力和適應(yīng)現(xiàn)代社會(huì)的能力。校園網(wǎng)的開通，從根本上促進(jìn)了教學(xué)、科研人員之間的信息交流、資源共享、科學(xué)計(jì)算和科研合作，成為學(xué)校教育和科研工作最重要的基礎(chǔ)設(shè)施。 中國教育和科研計(jì)算機(jī)網(wǎng)的建設(shè)直接引導(dǎo)和推動(dòng)了校園網(wǎng)。截至目前，這一網(wǎng)絡(luò)已經(jīng)通達(dá)內(nèi)地的160個(gè)城市，聯(lián)網(wǎng)的教育機(jī)構(gòu)和科研單位達(dá)900多個(gè)，聯(lián)網(wǎng)主機(jī)120萬臺(tái)，網(wǎng)絡(luò)用戶800多萬，成為國內(nèi)僅次于中國電信的第二大互聯(lián)網(wǎng)絡(luò)。中國教育和科研計(jì)算機(jī)網(wǎng)己經(jīng)成為世界上最龐大的校園網(wǎng)。 在這樣的一個(gè)背景下，我校本著從實(shí)際出發(fā)、節(jié)省的原則，在條件具備的前提下，決定組建校園網(wǎng)絡(luò)，與in

4、ternet互連，并自行建立自己的校園網(wǎng)站（http：/）為滿足我校日益增長的辦學(xué)、科研、培訓(xùn)的需要。 二、規(guī)劃原則 經(jīng)過一學(xué)期的準(zhǔn)備，本著以學(xué)校教育教學(xué)需求為前提，講究方便、實(shí)用和易管的原則，現(xiàn)初步將學(xué)校網(wǎng)站欄目做如下規(guī)劃和設(shè)置： （一）首頁規(guī)劃 網(wǎng)站首頁，就是用戶進(jìn)入網(wǎng)站看到的第一個(gè)網(wǎng)頁。首頁是網(wǎng)站的門面，首頁制作質(zhì)量直接影響到用戶對網(wǎng)站的整個(gè)印象。一般首頁制作占整個(gè)制作時(shí)間的30%左右，所以在首頁制作時(shí)要多花些功夫。按照網(wǎng)頁設(shè)計(jì)的版塊、字體和色彩搭配方案對首頁進(jìn)行“精雕細(xì)刻”。使首頁達(dá)到簡潔明快的風(fēng)格，簡單的表格，令人愉快的色彩搭配，協(xié)調(diào)的文字，瀏覽速度快，易于導(dǎo)航，經(jīng)常保持新鮮感，使訪

5、問者賞心悅目。網(wǎng)站主頁采用靜、動(dòng)互相結(jié)合的方式，即靜態(tài)的主畫面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁方式介紹學(xué)校風(fēng)采、優(yōu)點(diǎn)特色、信息發(fā)布，對于新聞留言等，就得利用與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動(dòng)態(tài)的web畫面來實(shí)現(xiàn)。 （1）、首頁內(nèi)容模塊。 首頁分模塊進(jìn)行制作，一般的站點(diǎn)有這樣一些內(nèi)容模塊。站點(diǎn)名稱、動(dòng)態(tài)廣告條、主菜單、新聞、校長寄語、網(wǎng)站導(dǎo)航、校園公告、友情鏈接等。首頁選擇哪些模塊，實(shí)現(xiàn)哪些功能，是否需要添加其它模塊，這都根據(jù)學(xué)校網(wǎng)站主題和內(nèi)容來確定。內(nèi)容模塊確定后，按照首頁設(shè)計(jì)的版面，發(fā)揮網(wǎng)頁制作人員的創(chuàng)意和想象力，制作出比較滿意的網(wǎng)頁。 （2）根據(jù)上面的

6、設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對網(wǎng)站進(jìn)行分解，從內(nèi)容上可對網(wǎng)站作如下劃分： 學(xué)校概況：包括學(xué)校概況、學(xué)校榮譽(yù)、領(lǐng)導(dǎo)風(fēng)采、校園快訊以及部分圖片 等內(nèi)容。 教學(xué)動(dòng)態(tài)：包括學(xué)期計(jì)劃、考試信息、教研動(dòng)態(tài)、實(shí)驗(yàn)安排、教學(xué)總結(jié)等 子項(xiàng)欄目。 教學(xué)資源。包括教學(xué)研究、教學(xué)論文、教學(xué)課件、經(jīng)驗(yàn)交流等子項(xiàng)欄目。 教師之窗：包括教工生活、教師主頁、教師風(fēng)采、教育信息、教研組信息 等子項(xiàng)。 學(xué)校天地：包括校園生活、校園之星、學(xué)生風(fēng)采、學(xué)生作品、學(xué)習(xí)交流等 子項(xiàng)。網(wǎng)絡(luò)德育。包括規(guī)章制度、德育科研、心理輔導(dǎo)、社會(huì)活動(dòng)、教育法規(guī)、學(xué)生評語、住校生管理、國旗下講話等子項(xiàng)。 衛(wèi)生保健。包括送你健康、生活保健、生活急

7、救、健康課程、心理茶室等欄目。 電腦學(xué)堂：包括新手學(xué)堂、軟件應(yīng)用、硬件知識、網(wǎng)頁制作、軟件下載等 欄目。 校園留言。通過留言板與學(xué)生家長聯(lián)系，有利于家校溝通，意見互換。 三、開發(fā)工具的選用及介紹 activeserverpages?！皠?dòng)態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“asp”，asp之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的html格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如ie或netscape）都可以正確地獲得asp的“執(zhí)行”結(jié)果，并且將這asp執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像vbscript或javascript是在客戶端（client）的瀏

8、覽器上執(zhí)行，若使用vbscript來設(shè)計(jì)程序，客戶端（lient）在瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（lient）若使用netscape瀏覽器就無法顯示vbscript的執(zhí)行結(jié)果。 常用的一般代碼編輯程序，如windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，frontpageexpress、rontpage、dreamweaver等也都可以；不過還是建議你用記事本來編寫，既省時(shí)又方便，調(diào)試可選用dreamweaver等可視編輯軟件。當(dāng)然你若全是靜態(tài)頁面?？刹挥胊sp動(dòng)態(tài)服務(wù)器技術(shù)。而我校編寫的網(wǎng)頁功能較多，所以我選擇了asp結(jié)合dreamweaver組建了本網(wǎng)站。 四

9、、制作技巧 （一）版面設(shè)計(jì) 版面設(shè)計(jì)是整個(gè)網(wǎng)站構(gòu)思過程中最重要的一部分，因?yàn)楹玫陌婷娌季纸o瀏覽者不但會(huì)留下好的第一印象，而且還會(huì)帶來一個(gè)好的心情。學(xué)校站點(diǎn)的版面設(shè)計(jì)可以是明快、亮麗型；可以是古樸、大方型；可以是凝重、整齊型等。 就像傳統(tǒng)的報(bào)刊雜志編輯一樣，可以將網(wǎng)頁看作一張報(bào)紙、一本雜志來進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁技術(shù)飛速發(fā)展，但是靜態(tài)的網(wǎng)頁版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理是共通的，領(lǐng)會(huì)要點(diǎn)，便可舉一反三，觸類旁通。 （1）創(chuàng)意草案 草案的形成決定著將來網(wǎng)頁的基本面貌，類似一個(gè)設(shè)計(jì)創(chuàng)意。它往往來自于一些現(xiàn)有設(shè)計(jì)作品、圖形圖像素材的組合、改造、加工。其思維方式有兩種：借鑒模仿和

10、逆向重組。 構(gòu)思伊始，設(shè)計(jì)者可能會(huì)受現(xiàn)存的一些網(wǎng)頁設(shè)計(jì)的影響，借鑒現(xiàn)有的設(shè)計(jì)樣式是很自然的事，但不能照抄照搬。吸取成功作品中的一些視覺元素及其組合方式，加入自己的新元素，形成新的組合，這種借鑒模仿可以比較順利地產(chǎn)生網(wǎng)頁方案的雛形。逆向重組是利用反向思維來完成設(shè)計(jì)和創(chuàng)作，把現(xiàn)有作品的視覺元素的性質(zhì)加以改變、重組，與自己的素材結(jié)合而產(chǎn)生新的設(shè)計(jì)作品。比如，原有作品的背景色是黑色的，你把它改成白色，就會(huì)變成另外一個(gè)樣子。也就是說將某一視覺元素中的某一描述參數(shù)加以改變，從而實(shí)現(xiàn)新的設(shè)計(jì)作品。 由此可見，設(shè)計(jì)者的工作很像作曲家創(chuàng)作音樂作品，需要從民間音樂中尋找素材，把一首歌謠創(chuàng)作成一首樂曲，把單獨(dú)的樂曲

11、發(fā)展成一個(gè)樂章。應(yīng)該說明的是，借鑒模仿和逆向重組都是對視覺元素的量的改變，至于變化到什么程度，需要有專業(yè)的眼光、素養(yǎng)才能把握住。你可以用一張白紙和一支鉛筆，把你最初的創(chuàng)意畫出來。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)，只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡你的可能多畫幾張，最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的腳本。 （2）粗略布局 在草案的基礎(chǔ)上，將你確定需要放置的功能模塊安排到頁面上。功能模塊我們在前面已提過，主要包含學(xué)校標(biāo)志、主菜單、新聞、校長寄語、網(wǎng)站導(dǎo)航、校園公告、友情鏈接等。注意，這里我們必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則，將學(xué)校標(biāo)志、主菜單等最重要的模塊放在最顯眼、最突出的位置，然

12、后再考慮次要模塊的排放。 （3）最后定案 將粗略布局精細(xì)化、具體化。在布局過程中，我們可以遵循的原則有：平衡：指畫面的圖像文字的視覺效果在左右、上下幾個(gè)方位基本相等，分布勻稱。 呼應(yīng)。在不平衡的布局中的補(bǔ)救措施，使一種元素同時(shí)出現(xiàn)在不同的地方，形成相互的聯(lián)系。 對比。利用不同的色彩、線條等視覺元素相互映襯，造成畫面的多種變化，達(dá)到豐富視覺的效果。 疏密。疏，是指畫面中元素稀少（甚至空白）的部分；密，是指畫面中元素繁多的部分，在網(wǎng)頁設(shè)計(jì)中就是空白的處理運(yùn)用，太滿、太密、太平均是任何版式設(shè)計(jì)的大忌，適當(dāng)?shù)氖杳艽钆淇梢允巩嬅娈a(chǎn)生節(jié)奏感，體現(xiàn)出網(wǎng)站的格調(diào)與品位。 以上的設(shè)計(jì)原則，雖然枯燥，但是如果能運(yùn)

13、用到頁面布局里，效果就大不一樣了。比如，網(wǎng)頁的白色背景太虛，則可以加些色塊；版面零散，可以用線條和符號串聯(lián)；左面文字過多，右面則可以插一張圖片保持平衡；經(jīng)過不斷的嘗試和推敲，一個(gè)嶄新的設(shè)計(jì)方案便完成了。若你的美學(xué)差一點(diǎn)，也可請個(gè)美學(xué)好點(diǎn)的老師幫助你。 （二）圖文及頁面的制作 網(wǎng)頁制作要圖文并茂，很多文字性的內(nèi)容如標(biāo)題、主菜單欄目名都可以處理成圖像形式，這不但克服了不同平臺(tái)上的文字兼容性問題，而且頁面也顯得非常美觀、精制，引人入勝，對訪問者有較強(qiáng)的吸引力。 文字處理方法和word相同，在這里就不再多述。圖片可以通過掃描儀或數(shù)碼相機(jī)獲得，再復(fù)制到網(wǎng)頁上直接使用，也可以將圖片經(jīng)過photoshop或

14、fireworks藝術(shù)加工后再使用。動(dòng)畫可以自己動(dòng)手用flash制作，也可以在互聯(lián)網(wǎng)的動(dòng)畫寶庫中下載。當(dāng)然使用的前提是要和自己做的色調(diào)一樣。 制作時(shí)應(yīng)該注意： 為了使頁面瀏覽下載速度快，就要盡可能地減少頁面的數(shù)據(jù)量，減少圖像和動(dòng)畫的數(shù)量，特別是大的圖像和動(dòng)畫；盡量減少表格嵌套，不要把所有的內(nèi)容都放在一個(gè)大表格里；頁面保存必須在根目錄下各建和頁面名稱相同的文件夾，以存放每一頁的圖片等網(wǎng)頁素材，這也方便了我們以后的管理和維護(hù)。 子頁的制作，其方法和首頁制作相同，都要遵循首頁制作一些規(guī)則。在制作一級子頁時(shí)，首先要考慮子頁的個(gè)數(shù)和每個(gè)子頁的名稱，然后將制作好的首頁分別另存為每個(gè)一級子頁的名稱，把它們作

15、為新建的一級子頁面，這樣，一級子頁面的標(biāo)題和導(dǎo)航以及版面信息就設(shè)置完畢。只需要在相應(yīng)的子頁面里修改相應(yīng)的內(nèi)容即可，從而大大地提高了子頁面的制作速度。一級子頁頁面的顯示盡量采用新建窗口的形式，這使用戶在等待頁面下載的同時(shí)還可以繼續(xù)瀏覽其它內(nèi)容。 在網(wǎng)頁制作方面還有許多技術(shù)細(xì)節(jié)，諸如如何適應(yīng)不同的瀏覽器，在不同的分辨率下保持網(wǎng)頁不變形，如何減少垃圾代碼等等。首頁相比其它頁面來說，技術(shù)上要求更加嚴(yán)格，決不能出錯(cuò)?，F(xiàn)在有不少網(wǎng)站教學(xué)類的網(wǎng)站，如：網(wǎng)頁教學(xué)網(wǎng)（http：/）可多多參考，不斷提升自己的制作水平。 五、網(wǎng)頁（站）的調(diào)試一切前期工作做好后，我們要做的事就是要調(diào)試網(wǎng)頁，看看有沒有做的不理想，不成

16、功的地方，網(wǎng)頁的調(diào)試，我們經(jīng)常使用的方法有多種，如直接本機(jī)預(yù)覽、在網(wǎng)絡(luò)上應(yīng)用網(wǎng)頁代碼調(diào)試器在線預(yù)覽（http：/www.tool.la/webdebugger）、安裝iis服務(wù)器組件調(diào)試?，F(xiàn)為大家介紹其中兩種我們經(jīng)常用的方法。 （一）本機(jī)直接預(yù)覽 本機(jī)直接預(yù)覽就是在制作時(shí)直接按預(yù)覽按扭。如在dreamweaver中，選擇“文件”“在瀏覽器中預(yù)覽”“iexplore”即可。或直接按快捷鍵“f12”亦可。還可在根目錄中找到想要預(yù)覽的htm文件，雙擊就可預(yù)覽。 （二）安裝iis服務(wù)器組件調(diào)試 iis（internetinformationserver，互聯(lián)網(wǎng)信息服務(wù)）是一種web（網(wǎng)頁）服務(wù)組件，其

17、中包括web服務(wù)器、ftp服務(wù)器、nntp服務(wù)器和smtp服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。 iis組件的添加我們在此不再贅述，安裝好iis后，點(diǎn)擊“開始”“程序”“管理工具”“internet信息服務(wù)”，選擇“默認(rèn)網(wǎng)站”右擊，選擇“屬性”修改主目錄。轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁所在的“d：wyweb”目錄。若是動(dòng)態(tài)首頁要自行添加首頁文件名：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”后添加自己網(wǎng)頁的首頁文件名“index.asp”。否則無法預(yù)覽。 安裝好后，我們打開ie瀏覽器，在地址欄輸入http：/或http：/localhost之后再按回車鍵，此時(shí)就能夠調(diào)出你自己網(wǎng)頁的首頁，則說明設(shè)置成功。這時(shí)便可像在internet上一樣訪問自己的頁面。若有想要修改的地方，找到相應(yīng)的htm文件名重新修改即可，直到滿意為至。 總之，做好一個(gè)網(wǎng)站，可以全面宣傳，展示