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

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

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

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

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

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

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

2、設(shè)計(jì)網(wǎng)站形象

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1、建立目錄結(jié)構(gòu)

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

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

2、首頁(yè)制作

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

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

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

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

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

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

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

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

版權(quán)資料。可以在首頁(yè)下面標(biāo)示一句簡(jiǎn)短的版權(quán)聲明和網(wǎng)站開(kāi)辦批準(zhǔn)信息。

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

（2）、制作技巧。

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

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

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

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

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

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

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

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

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

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

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

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

中小學(xué)校如果沒(méi)有自己的服務(wù)器，可依靠信譽(yù)較高、技術(shù)力量雄厚的大型網(wǎng)站，可免費(fèi)申請(qǐ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í)應(yīng)該注意：要按照站點(diǎn)建設(shè)時(shí)設(shè)計(jì)的目錄層次在網(wǎng)絡(luò)服務(wù)器中建立相應(yīng)的目錄，分別將各目錄中的文件分類(lèi)上傳，把原來(lái)目錄和該目錄下的文件原封不動(dòng)地裝在網(wǎng)絡(luò)服務(wù)器里，才能使網(wǎng)頁(yè)正常顯示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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