中小學(xué)網(wǎng)站建設的策劃方案發(fā)布者：本站     時(shí)間：2020-05-23 13:05:55

一個(gè)學(xué)校網(wǎng)站，將學(xué)校的資源對外開(kāi)放，使自己的信息奔馳在信息高速公路上，并展示自己學(xué)校的風(fēng)采。但是如何建設好學(xué)校網(wǎng)站，如何制作學(xué)校網(wǎng)頁(yè)，讓每位訪(fǎng)問(wèn)者都感到賞心悅目，留戀往返，則是學(xué)校網(wǎng)站設計與建設所要的問(wèn)題。

一、學(xué)校網(wǎng)站的設計

學(xué)校網(wǎng)站的設計主要包括兩個(gè)方面：一是學(xué)校網(wǎng)站的總體設計，包括網(wǎng)站的主題定位、整體形象設計、整體風(fēng)格創(chuàng )意設計等；二是網(wǎng)頁(yè)設計，分為一般網(wǎng)頁(yè)和首頁(yè)設計，主要涉及到版面布局、色彩搭配等問(wèn)題，其中首頁(yè)設計最至關(guān)重要。

(一)、學(xué)校網(wǎng)站的總體設計

1、設計學(xué)校網(wǎng)站的主題

主題也就是網(wǎng)站的題材。學(xué)校教育教學(xué)工作涉及面很廣，可以選擇的題材很多，但要注意主題定位要小，內容要精，不要追求大而全。對于一般中小學(xué)來(lái)說(shuō)，選取精品題材，體現出自己學(xué)校的特色。同時(shí)要考慮到學(xué)校人力、財力、物力的因素，量力而行，做自己最擅長(cháng)、最省時(shí)省力省錢(qián)的題材，不要去盲目攀比優(yōu)秀網(wǎng)站。學(xué)校網(wǎng)站主題應該是校園文化，能夠滲透出校園氣息。 學(xué)校網(wǎng)站主題要鮮明，而且要富有創(chuàng )意。網(wǎng)頁(yè)的創(chuàng )意不僅與主題有內在聯(lián)系，而且它還反映出網(wǎng)頁(yè)的擁有者怎樣表現自己的主題。

2、設計網(wǎng)站形象

(1)、設計網(wǎng)站標志。標志是站點(diǎn)的標題，也是網(wǎng)站內涵的集中體現，能讓用戶(hù)聯(lián)想到網(wǎng)站內容。就像看到了狐貍就想起了搜狐。網(wǎng)站標志可以是符號、圖案，也可以是文字和動(dòng)畫(huà)。

（2）、設計網(wǎng)站的標準色彩。標準色彩是指能體現網(wǎng)站形象和延伸內涵的色彩。網(wǎng)站第一印象來(lái)自視角沖擊，不同的色彩搭配會(huì )產(chǎn)生不同的效果，并可能影響到訪(fǎng)問(wèn)者的情緒。一個(gè)網(wǎng)站的標準色彩最好不要超過(guò)三種，標準色彩主要用于網(wǎng)站的標志、標題、主菜單和主色塊，給人以整體統一的感覺(jué)。其他色彩也可使用，但只作為點(diǎn)綴和襯托，決不能喧賓奪主。

（3）設計網(wǎng)站的標準字體。標準字體和標準色彩一樣，主要用于標志、標題、主菜單的特有字體，體現出站點(diǎn)的特有風(fēng)格。

3、學(xué)校網(wǎng)站欄目和版塊的設計

網(wǎng)站的題材確定之后，就要考慮欄目的設置問(wèn)題。欄目地設置要緊扣網(wǎng)站主題，可以把主題按一定的方法分類(lèi)并將它們作為網(wǎng)站的主欄目，以突出主題。設計欄目的時(shí)候應該注意：盡可能將網(wǎng)站最有價(jià)值的內容列在欄目上；　盡可能方便訪(fǎng)問(wèn)者的瀏覽和查詢(xún)；盡可能不要使用與主題無(wú)關(guān)的欄目。版塊比欄目要大一些，每個(gè)版塊都有自己的欄目。設計版塊時(shí)要注意：各板塊有相對獨立性；版塊的內容要圍繞站點(diǎn)主題。

4、站點(diǎn)整體風(fēng)格創(chuàng )意設計

站點(diǎn)整體形象包括站點(diǎn)的標志、色彩、字體、版面布局、瀏覽方式、交互性能、內容價(jià)值等諸多因素，要統一規劃，協(xié)調一致，能讓瀏覽者感受到站點(diǎn)獨有的風(fēng)格，與眾不同的特色。

（二）、網(wǎng)頁(yè)設計

1、網(wǎng)頁(yè)版面設計

網(wǎng)頁(yè)版面設計要考慮瀏覽者使用不同的分辨率，可能會(huì )出現不同的顯示效果，所以網(wǎng)頁(yè)布局要以合適瀏覽方式安排圖片和文字在頁(yè)面上的位置。版面布局的形式有多種多樣，有“F”字型、“T”字型、“E”字型、“口”字型、“門(mén)”字型等，各有特點(diǎn)，你可以根據自己的愛(ài)好進(jìn)行設計。網(wǎng)頁(yè)版面設計最好使用表格進(jìn)行排版定位。使用表格定位應該注意：?jiǎn)我槐砀竦慕Y構盡量整齊；表格嵌套層次盡量要少，表格嵌套層次越多，網(wǎng)頁(yè)下載速度越慢。你也可以在互聯(lián)網(wǎng)上尋找符合自己要求布局的網(wǎng)頁(yè)保存下來(lái)，借鑒他的版面設計，組織自己的網(wǎng)頁(yè)內容。這樣做省時(shí)省力，對于初學(xué)者，可達到事半功倍的效果。

2、網(wǎng)頁(yè)色彩的搭配

網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一，網(wǎng)頁(yè)的背景、文字、圖標、邊框、超鏈接等都要用到色彩。不同的色彩會(huì )使瀏覽者有不同的心理感受。合理的搭配色彩，會(huì )更好的表現主題，吸引用戶(hù)的注意力。網(wǎng)頁(yè)色彩涉及到藝術(shù)知識，建議讓美術(shù)教師參加網(wǎng)頁(yè)色彩設計，可能會(huì )出現比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯(lián)想性。背景色和前文色對比要大，以突出主要內容。

3、網(wǎng)頁(yè)之間鏈接的設計

網(wǎng)站的網(wǎng)頁(yè)鏈接有兩種基本方式：一種是樹(shù)形鏈接結構，從主頁(yè)鏈接到一級子頁(yè)，從一級子頁(yè)再鏈接到二級子頁(yè)，逐層進(jìn)入，逐層退出；一種是星形鏈接結構，在每個(gè)頁(yè)面之間都建立鏈接。兩種鏈接各有優(yōu)缺點(diǎn)。在網(wǎng)站設計中，最好是二種結構混合使用。以樹(shù)形鏈接結構為主，星形鏈接結構為輔，發(fā)揮二者的優(yōu)點(diǎn)。在主頁(yè)與一級子頁(yè)之間用星形鏈接結構，一級與二級頁(yè)面之間用樹(shù)狀鏈接結構。另外還可以在每個(gè)頁(yè)面里顯示導航條，也可以在每頁(yè)設置返回按鈕，幫助瀏覽者明確自己所處的位置。

二、網(wǎng)站的建設

(一)、網(wǎng)頁(yè)的制作

制作網(wǎng)頁(yè)根據自己的愛(ài)好和技術(shù)選用合適的網(wǎng)頁(yè)制作軟件。一般都采用可視化的網(wǎng)頁(yè)制作工具軟件FrontPage2000 和Dreamweaver4。 對于初學(xué)者最好使用FrontPage2000，它的使用方法與Word 相似，易于初學(xué)者掌握。

1、建立目錄結構

為了便于網(wǎng)頁(yè)發(fā)布和站點(diǎn)維護，在網(wǎng)頁(yè)制作之前，首先要建立科學(xué)合理的目錄結構。一個(gè)中小型學(xué)校網(wǎng)站，一般也由幾十個(gè)網(wǎng)頁(yè)甚至幾百個(gè)網(wǎng)頁(yè)組成，如果將所有的文件都存放在根目錄下，將會(huì )帶來(lái)文件管理混亂、不便于文件的編輯和更新；網(wǎng)頁(yè)上傳速度慢，影響工作效率。因此按照網(wǎng)頁(yè)的欄目和內容來(lái)建立目錄，實(shí)行分層管理。

      　　網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng )建的目錄。根據網(wǎng)站的設計，按照主菜單欄目建立子目錄。如學(xué)校網(wǎng)站由學(xué)生天地、教學(xué)資源、教學(xué)園地、校園風(fēng)光、校辦產(chǎn)業(yè)等欄目，可在根目錄下為每一個(gè)欄目建立一個(gè)子目錄，還可以在子目錄下再建第二級子目錄，但是目錄層次不要太深，最好不要超過(guò)三層。另外還應該注意，在建立目錄、子目錄時(shí)都不要使用中文名，有的服務(wù)器不支持中文名，會(huì )造成網(wǎng)頁(yè)無(wú)法顯示。目錄名稱(chēng)要明確，便于記憶和管理。各級目錄建好后，各自的網(wǎng)頁(yè)及網(wǎng)頁(yè)上圖片、音樂(lè )、動(dòng)畫(huà)等元素都存入該欄目的子目錄中。

2、首頁(yè)制作

網(wǎng)站首頁(yè)，就是用戶(hù)進(jìn)入網(wǎng)站看到的第一個(gè)網(wǎng)頁(yè)。首頁(yè)是網(wǎng)站的門(mén)面，首頁(yè)制作質(zhì)量直接影響到用戶(hù)對網(wǎng)站的整個(gè)印象。一般首頁(yè)制作占整個(gè)制作時(shí)間的30%左右，所以在首頁(yè)制作時(shí)要多花些功夫。按照網(wǎng)頁(yè)設計的版塊、字體和色彩搭配方案對首頁(yè)進(jìn)行“精雕細刻”。使首頁(yè)達到簡(jiǎn)潔明快的風(fēng)格，簡(jiǎn)單的表格，令人愉快的色彩搭配，協(xié)調的文字，瀏覽速度快，易于導航，經(jīng)常保持新鮮感，使訪(fǎng)問(wèn)者賞心悅目。

（1）、首頁(yè)內容模塊。

首頁(yè)分模塊進(jìn)行制作，一般的站點(diǎn)有這樣一些內容模塊：站點(diǎn)名稱(chēng)，廣告條，主菜單，新聞，雙向交流，搜索，友情鏈接，計數器，版權資料等。首頁(yè)選擇哪些模塊，實(shí)現哪些功能，是否需要添加其它模塊，這都根據學(xué)校網(wǎng)站主題和內容來(lái)確定。內容模塊確定后，按照首頁(yè)設計的版面，發(fā)揮網(wǎng)頁(yè)制作人員的創(chuàng )意和想象力，制作出比較滿(mǎn)意的網(wǎng)頁(yè)。

網(wǎng)站名稱(chēng)?？梢允菆D像，可以是文字，也可以是標示徽號。

廣告條。制作對你網(wǎng)站起宣傳作用的文字、圖像、動(dòng)畫(huà)。

主菜單。包括網(wǎng)站的主要欄目，如學(xué)生天地，教學(xué)園地，圖書(shū)閱覽等等。

雙向交流欄目。如論壇、留言簿、郵件列表等。

友情鏈接。對一些常用的網(wǎng)站，在首頁(yè)上建立鏈接。

版權資料?？梢栽谑醉?yè)下面標示一句簡(jiǎn)短的版權聲明和網(wǎng)站開(kāi)辦批準信息。

聯(lián)絡(luò )資料。列出通訊地址、電子郵件地址、聯(lián)系電話(huà)等。

（2）、制作技巧。

網(wǎng)頁(yè)制作要圖文并茂，很多文字性的內容如標題、主菜單欄目名都可以處理成圖像形式，這不但克服了不同平臺上的文字兼容性問(wèn)題，而且頁(yè)面也顯得非常美觀(guān)、精制，引人入勝，對訪(fǎng)問(wèn)者有較強的吸引力。

文字處理方法和Word 相同,在這里就不再多述。圖片可以通過(guò)掃描儀或數碼相機獲得，再復制到網(wǎng)頁(yè)上直接使用，也可以將圖片經(jīng)過(guò)Photoshop 藝術(shù)加工后再使用。動(dòng)畫(huà)可以自己動(dòng)手用Flash 制作，也可以在互聯(lián)網(wǎng)的動(dòng)畫(huà)寶庫中下載。

首頁(yè)制作時(shí)應該注意：為了使首頁(yè)瀏覽下載速度快，就要盡可能地減少首頁(yè)的數據量，減少圖像和動(dòng)畫(huà)的數量，特別是大的圖像和動(dòng)畫(huà)；盡量減少表格嵌套，不要把所有的內容都放在一個(gè)大表格里；首頁(yè)保存必須在根目錄下名稱(chēng)為 “index”，上傳后首頁(yè)方可正常顯示。

3、子頁(yè)面的制作

子頁(yè)的制作，其方法和首頁(yè)制作相同，都要遵循首頁(yè)制作一些規則。在制作一級子頁(yè)時(shí)，首先要考慮子頁(yè)的個(gè)數和每個(gè)子頁(yè)的名稱(chēng)，然后將制作好的首頁(yè)分別另存為每個(gè)一級子頁(yè)的名稱(chēng)，把它們作為新建的一級子頁(yè)面，這樣，一級子頁(yè)面的標題和導航以及版面信息就設置完畢。只需要在相應的子頁(yè)面里修改相應的內容即可，從而大大地提高了子頁(yè)面的制作速度。 一級子頁(yè)頁(yè)面的顯示盡量采用新建窗口的形式，這使用戶(hù)在等待頁(yè)面下載的同時(shí)還可以繼續瀏覽其它內容。

在網(wǎng)頁(yè)制作方面還有許多技術(shù)細節，諸如如何適應不同的瀏覽器，在不同的分辨率下保持網(wǎng)頁(yè)不變形，如何減少垃圾代碼等等。首頁(yè)相比其它頁(yè)面來(lái)說(shuō)，技術(shù)上要求更加嚴格，決不能出錯。

（二）、網(wǎng)頁(yè)測試。

當你的主頁(yè)編制成功后，要以一個(gè)讀者的身份，利用瀏覽器測試文檔資料的正確性、可用性和友善性。

1、瀏覽器兼容性測試。Internet 上存在著(zhù)多種多樣的瀏覽器，要讓網(wǎng)頁(yè)在所有的瀏覽器中都正確瀏覽是一件很不容易的事情，實(shí)際上，目前主要瀏覽器Internet Explorer ，只要照顧好這種瀏覽器就可以了。但是這種瀏覽器版本眾多，所以應該充分考慮各種可能性，是網(wǎng)頁(yè)的兼容性更好。

2、鏈接正確性的測試。對于小型網(wǎng)站，我們可以采用跟蹤訪(fǎng)問(wèn)每個(gè)鏈接，檢查鏈接是否準確。對于大中型網(wǎng)站，我們可以采用專(zhuān)用的測試軟件，或者采用ＦrontPage2000 所提供的功能進(jìn)行測試。用ＦrontPage2000 測試的具體方法是：打開(kāi)網(wǎng)站，選擇“報　表”視圖。單擊“查看”菜單的“工具欄”，使得“報表”工具條可見(jiàn)。單擊“報表”工具條的鏈接檢查按鈕，驗證所有超鏈接。系統將會(huì )給出鏈接的有關(guān)信息。用Dreamweaver 檢查的方法是：打開(kāi)文件菜單，選擇檢查鏈接命令。如果檢查整個(gè)站點(diǎn)，則打開(kāi)站點(diǎn)菜單，選擇檢查鏈接站點(diǎn)范圍命令，會(huì )出現對話(huà)框，提示你選擇要檢查的鏈接方式，并顯示當前鏈接結果。

（三）、網(wǎng)站的發(fā)布和維護

1、站點(diǎn)的發(fā)布。

中小學(xué)校如果沒(méi)有自己的服務(wù)器，可依靠信譽(yù)較高、技術(shù)力量雄厚的大型網(wǎng)站，可免費申請空間和網(wǎng)站域名。

在有資格發(fā)布和擁有自己的主頁(yè)空間后，下來(lái)的工作就是把你所制作網(wǎng)頁(yè)送到（稱(chēng)為上傳）到服務(wù)器指定的位置，這樣，別人就可以瀏覽你的網(wǎng)頁(yè)了。上傳網(wǎng)頁(yè)，可以用ＦrontPage2000、FTP軟件、 或用Windows98的Ｗeb發(fā)布功能上傳。有的服務(wù)器提供網(wǎng)站管理和網(wǎng)頁(yè)上傳功能主頁(yè)，可以不通過(guò)其它軟件直接上傳網(wǎng)頁(yè)。

上傳網(wǎng)頁(yè)時(shí)應該注意：要按照站點(diǎn)建設時(shí)設計的目錄層次在網(wǎng)絡(luò )服務(wù)器中建立相應的目錄，分別將各目錄中的文件分類(lèi)上傳，把原來(lái)目錄和該目錄下的文件原封不動(dòng)地裝在網(wǎng)絡(luò )服務(wù)器里，才能使網(wǎng)頁(yè)正常顯示。

2、站點(diǎn)的宣傳。

網(wǎng)頁(yè)制作的最終目的是被訪(fǎng)問(wèn)，所以要想辦法宣傳自己的主頁(yè)，讓別人知道你的站點(diǎn)地址和內容，提高網(wǎng)站的被點(diǎn)擊率。主要措施有：

（1）、在著(zhù)名的搜索引擎注冊登記，還要在自己主頁(yè)中多加一些方便搜索引擎的　“關(guān)鍵字”。

（2）、通過(guò)Email通知朋友和有關(guān)方面。

（3）、與其他主頁(yè)互建友情鏈接，特別是與那些訪(fǎng)問(wèn)率較高的主頁(yè)建立友情鏈接。

（4）、經(jīng)常留言，引人注意。在網(wǎng)上瀏覽時(shí)，當看到一個(gè)很好的網(wǎng)站，可以考慮在這個(gè)網(wǎng)站的留言簿上留下誠懇贊美的語(yǔ)句，并把自己的網(wǎng)站網(wǎng)址留下來(lái)。之后其他網(wǎng)民瀏覽時(shí)看到你的網(wǎng)址，也許會(huì )有興趣來(lái)訪(fǎng)問(wèn)。

3、網(wǎng)站的維護。

 　　當一個(gè)網(wǎng)站發(fā)布之后，日常的工作就是維護與管理。這里并不涉及什么高深的技 術(shù)，而是要求網(wǎng)絡(luò )管理員有足夠的責任心和耐心以及敬業(yè)精神，還要隨時(shí)隨地根據網(wǎng)站的規劃添加、修改網(wǎng)頁(yè)的內容。要經(jīng)常更新網(wǎng)頁(yè)內容，首頁(yè)的版面要定期更換，前來(lái)瀏覽的網(wǎng)民就會(huì )越來(lái)越多。

經(jīng)常性的維護有：

一是更經(jīng)常更新內容；

二是經(jīng)常檢查網(wǎng)頁(yè)鏈接和友情鏈接；

三是對站點(diǎn)進(jìn)行清理，對垃圾網(wǎng)頁(yè)和網(wǎng)頁(yè)元素進(jìn)行刪除，對文件夾和文件進(jìn)行整理；

四是對個(gè)別不滿(mǎn)意網(wǎng)頁(yè)進(jìn)行優(yōu)化、美化，對一些大網(wǎng)頁(yè)進(jìn)行減肥，提高傳輸速度，對網(wǎng)頁(yè)布局和色彩搭配不當的進(jìn)行調整，對比較呆板的網(wǎng)頁(yè)，可利用  Flash 添加動(dòng)感，以美化網(wǎng)頁(yè)。

學(xué)校網(wǎng)頁(yè)制作需要一定的技術(shù)和技巧，更需要花費大量的時(shí)間。有的學(xué)校，請專(zhuān)業(yè)人員制作網(wǎng)頁(yè)，網(wǎng)頁(yè)盡管很精彩，但是內容實(shí)用性差，日后的維護更是困難；多數學(xué)校都是老師利用業(yè)余時(shí)間自己動(dòng)手制作，網(wǎng)頁(yè)內容非常豐富、實(shí)用，內容更新快，深受用戶(hù)的歡迎。當然，在網(wǎng)頁(yè)的制作上，其方法、技術(shù)在不斷地快速發(fā)展，我們只有不斷學(xué)習、探索和體會(huì )，才能制作出符合標準的好網(wǎng)頁(yè)。愿與各路網(wǎng)頁(yè)制作高手探討、切磋。