中小學網站建設的策劃方案發布者：本站     時間：2020-05-23 13:05:55

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

一、學校網站的設計

學校網站的設計主要包括兩個方面：一是學校網站的總體設計，包括網站的主題定位、整體形象設計、整體風格創意設計等；二是網頁設計，分為一般網頁和首頁設計，主要涉及到版面布局、色彩搭配等問題，其中首頁設計最至關重要。

(一)、學校網站的總體設計

1、設計學校網站的主題

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

2、設計網站形象

(1)、設計網站標志。標志是站點的標題，也是網站內涵的集中體現，能讓用戶聯想到網站內容。就像看到了狐貍就想起了搜狐。網站標志可以是符號、圖案，也可以是文字和動畫。

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

（3）設計網站的標準字體。標準字體和標準色彩一樣，主要用于標志、標題、主菜單的特有字體，體現出站點的特有風格。

3、學校網站欄目和版塊的設計

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

4、站點整體風格創意設計

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

（二）、網頁設計

1、網頁版面設計

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

2、網頁色彩的搭配

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

3、網頁之間鏈接的設計

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

二、網站的建設

(一)、網頁的制作

制作網頁根據自己的愛好和技術選用合適的網頁制作軟件。一般都采用可視化的網頁制作工具軟件FrontPage2000 和Dreamweaver4。 對于初學者最好使用FrontPage2000，它的使用方法與Word 相似，易于初學者掌握。

1、建立目錄結構

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

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

2、首頁制作

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

（1）、首頁內容模塊。

首頁分模塊進行制作，一般的站點有這樣一些內容模塊：站點名稱，廣告條，主菜單，新聞，雙向交流，搜索，友情鏈接，計數器，版權資料等。首頁選擇哪些模塊，實現哪些功能，是否需要添加其它模塊，這都根據學校網站主題和內容來確定。內容模塊確定后，按照首頁設計的版面，發揮網頁制作人員的創意和想象力，制作出比較滿意的網頁。

網站名稱。可以是圖像，可以是文字，也可以是標示徽號。

廣告條。制作對你網站起宣傳作用的文字、圖像、動畫。

主菜單。包括網站的主要欄目，如學生天地，教學園地，圖書閱覽等等。

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

友情鏈接。對一些常用的網站，在首頁上建立鏈接。

版權資料。可以在首頁下面標示一句簡短的版權聲明和網站開辦批準信息。

聯絡資料。列出通訊地址、電子郵件地址、聯系電話等。

（2）、制作技巧。

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

文字處理方法和Word 相同,在這里就不再多述。圖片可以通過掃描儀或數碼相機獲得，再復制到網頁上直接使用，也可以將圖片經過Photoshop 藝術加工后再使用。動畫可以自己動手用Flash 制作，也可以在互聯網的動畫寶庫中下載。

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

3、子頁面的制作

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

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

（二）、網頁測試。

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

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

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

（三）、網站的發布和維護

1、站點的發布。

中小學校如果沒有自己的服務器，可依靠信譽較高、技術力量雄厚的大型網站，可免費申請空間和網站域名。

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

上傳網頁時應該注意：要按照站點建設時設計的目錄層次在網絡服務器中建立相應的目錄，分別將各目錄中的文件分類上傳，把原來目錄和該目錄下的文件原封不動地裝在網絡服務器里，才能使網頁正常顯示。

2、站點的宣傳。

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

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

（2）、通過Email通知朋友和有關方面。

（3）、與其他主頁互建友情鏈接，特別是與那些訪問率較高的主頁建立友情鏈接。

（4）、經常留言，引人注意。在網上瀏覽時，當看到一個很好的網站，可以考慮在這個網站的留言簿上留下誠懇贊美的語句，并把自己的網站網址留下來。之后其他網民瀏覽時看到你的網址，也許會有興趣來訪問。

3、網站的維護。

 　　當一個網站發布之后，日常的工作就是維護與管理。這里并不涉及什么高深的技 術，而是要求網絡管理員有足夠的責任心和耐心以及敬業精神，還要隨時隨地根據網站的規劃添加、修改網頁的內容。要經常更新網頁內容，首頁的版面要定期更換，前來瀏覽的網民就會越來越多。

經常性的維護有：

一是更經常更新內容；

二是經常檢查網頁鏈接和友情鏈接；

三是對站點進行清理，對垃圾網頁和網頁元素進行刪除，對文件夾和文件進行整理；

四是對個別不滿意網頁進行優化、美化，對一些大網頁進行減肥，提高傳輸速度，對網頁布局和色彩搭配不當的進行調整，對比較呆板的網頁，可利用  Flash 添加動感，以美化網頁。

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