中小學網(wǎng)站建設(shè)的策劃方案發(fā)布者:本站 時間:2020-05-23 13:05:55
一個學校網(wǎng)站,將學校的資源對外開放,使自己的信息奔馳在信息高速公路上,并展示自己學校的風采。但是如何建設(shè)好學校網(wǎng)站,如何制作學校網(wǎng)頁,讓每位訪問者都感到賞心悅目,留戀往返,則是學校網(wǎng)站設(shè)計與建設(shè)所要的問題。
一、學校網(wǎng)站的設(shè)計
學校網(wǎng)站的設(shè)計主要包括兩個方面:一是學校網(wǎng)站的總體設(shè)計,包括網(wǎng)站的主題定位、整體形象設(shè)計、整體風格創(chuàng)意設(shè)計等;二是網(wǎng)頁設(shè)計,分為一般網(wǎng)頁和首頁設(shè)計,主要涉及到版面布局、色彩搭配等問題,其中首頁設(shè)計最至關(guān)重要。
(一)、學校網(wǎng)站的總體設(shè)計
1、設(shè)計學校網(wǎng)站的主題
主題也就是網(wǎng)站的題材。學校教育教學工作涉及面很廣,可以選擇的題材很多,但要注意主題定位要小,內(nèi)容要精,不要追求大而全。對于一般中小學來說,選取精品題材,體現(xiàn)出自己學校的特色。同時要考慮到學校人力、財力、物力的因素,量力而行,做自己最擅長、最省時省力省錢的題材,不要去盲目攀比優(yōu)秀網(wǎng)站。學校網(wǎng)站主題應(yīng)該是校園文化,能夠滲透出校園氣息。 學校網(wǎng)站主題要鮮明,而且要富有創(chuàng)意。網(wǎng)頁的創(chuàng)意不僅與主題有內(nèi)在聯(lián)系,而且它還反映出網(wǎng)頁的擁有者怎樣表現(xiàn)自己的主題。
2、設(shè)計網(wǎng)站形象
(1)、設(shè)計網(wǎng)站標志。標志是站點的標題,也是網(wǎng)站內(nèi)涵的集中體現(xiàn),能讓用戶聯(lián)想到網(wǎng)站內(nèi)容。就像看到了狐貍就想起了搜狐。網(wǎng)站標志可以是符號、圖案,也可以是文字和動畫。
(2)、設(shè)計網(wǎng)站的標準色彩。標準色彩是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。網(wǎng)站第一印象來自視角沖擊,不同的色彩搭配會產(chǎn)生不同的效果,并可能影響到訪問者的情緒。一個網(wǎng)站的標準色彩最好不要超過三種,標準色彩主要用于網(wǎng)站的標志、標題、主菜單和主色塊,給人以整體統(tǒng)一的感覺。其他色彩也可使用,但只作為點綴和襯托,決不能喧賓奪主。
(3)設(shè)計網(wǎng)站的標準字體。標準字體和標準色彩一樣,主要用于標志、標題、主菜單的特有字體,體現(xiàn)出站點的特有風格。
3、學校網(wǎng)站欄目和版塊的設(shè)計
網(wǎng)站的題材確定之后,就要考慮欄目的設(shè)置問題。欄目地設(shè)置要緊扣網(wǎng)站主題,可以把主題按一定的方法分類并將它們作為網(wǎng)站的主欄目,以突出主題。設(shè)計欄目的時候應(yīng)該注意:盡可能將網(wǎng)站最有價值的內(nèi)容列在欄目上; 盡可能方便訪問者的瀏覽和查詢;盡可能不要使用與主題無關(guān)的欄目。版塊比欄目要大一些,每個版塊都有自己的欄目。設(shè)計版塊時要注意:各板塊有相對獨立性;版塊的內(nèi)容要圍繞站點主題。
4、站點整體風格創(chuàng)意設(shè)計
站點整體形象包括站點的標志、色彩、字體、版面布局、瀏覽方式、交互性能、內(nèi)容價值等諸多因素,要統(tǒng)一規(guī)劃,協(xié)調(diào)一致,能讓瀏覽者感受到站點獨有的風格,與眾不同的特色。
(二)、網(wǎng)頁設(shè)計
1、網(wǎng)頁版面設(shè)計
網(wǎng)頁版面設(shè)計要考慮瀏覽者使用不同的分辨率,可能會出現(xiàn)不同的顯示效果,所以網(wǎng)頁布局要以合適瀏覽方式安排圖片和文字在頁面上的位置。版面布局的形式有多種多樣,有“F”字型、“T”字型、“E”字型、“口”字型、“門”字型等,各有特點,你可以根據(jù)自己的愛好進行設(shè)計。網(wǎng)頁版面設(shè)計最好使用表格進行排版定位。使用表格定位應(yīng)該注意:單一表格的結(jié)構(gòu)盡量整齊;表格嵌套層次盡量要少,表格嵌套層次越多,網(wǎng)頁下載速度越慢。你也可以在互聯(lián)網(wǎng)上尋找符合自己要求布局的網(wǎng)頁保存下來,借鑒他的版面設(shè)計,組織自己的網(wǎng)頁內(nèi)容。這樣做省時省力,對于初學者,可達到事半功倍的效果。
2、網(wǎng)頁色彩的搭配
網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一,網(wǎng)頁的背景、文字、圖標、邊框、超鏈接等都要用到色彩。不同的色彩會使瀏覽者有不同的心理感受。合理的搭配色彩,會更好的表現(xiàn)主題,吸引用戶的注意力。網(wǎng)頁色彩涉及到藝術(shù)知識,建議讓美術(shù)教師參加網(wǎng)頁色彩設(shè)計,可能會出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯(lián)想性。背景色和前文色對比要大,以突出主要內(nèi)容。
3、網(wǎng)頁之間鏈接的設(shè)計
網(wǎng)站的網(wǎng)頁鏈接有兩種基本方式:一種是樹形鏈接結(jié)構(gòu),從主頁鏈接到一級子頁,從一級子頁再鏈接到二級子頁,逐層進入,逐層退出;一種是星形鏈接結(jié)構(gòu),在每個頁面之間都建立鏈接。兩種鏈接各有優(yōu)缺點。在網(wǎng)站設(shè)計中,最好是二種結(jié)構(gòu)混合使用。以樹形鏈接結(jié)構(gòu)為主,星形鏈接結(jié)構(gòu)為輔,發(fā)揮二者的優(yōu)點。在主頁與一級子頁之間用星形鏈接結(jié)構(gòu),一級與二級頁面之間用樹狀鏈接結(jié)構(gòu)。另外還可以在每個頁面里顯示導(dǎo)航條,也可以在每頁設(shè)置返回按鈕,幫助瀏覽者明確自己所處的位置。
二、網(wǎng)站的建設(shè)
(一)、網(wǎng)頁的制作
制作網(wǎng)頁根據(jù)自己的愛好和技術(shù)選用合適的網(wǎng)頁制作軟件。一般都采用可視化的網(wǎng)頁制作工具軟件FrontPage2000 和Dreamweaver4。 對于初學者最好使用FrontPage2000,它的使用方法與Word 相似,易于初學者掌握。
1、建立目錄結(jié)構(gòu)
為了便于網(wǎng)頁發(fā)布和站點維護,在網(wǎng)頁制作之前,首先要建立科學合理的目錄結(jié)構(gòu)。一個中小型學校網(wǎng)站,一般也由幾十個網(wǎng)頁甚至幾百個網(wǎng)頁組成,如果將所有的文件都存放在根目錄下,將會帶來文件管理混亂、不便于文件的編輯和更新;網(wǎng)頁上傳速度慢,影響工作效率。因此按照網(wǎng)頁的欄目和內(nèi)容來建立目錄,實行分層管理。
網(wǎng)站的目錄是指你建立網(wǎng)站時創(chuàng)建的目錄。根據(jù)網(wǎng)站的設(shè)計,按照主菜單欄目建立子目錄。如學校網(wǎng)站由學生天地、教學資源、教學園地、校園風光、校辦產(chǎn)業(yè)等欄目,可在根目錄下為每一個欄目建立一個子目錄,還可以在子目錄下再建第二級子目錄,但是目錄層次不要太深,最好不要超過三層。另外還應(yīng)該注意,在建立目錄、子目錄時都不要使用中文名,有的服務(wù)器不支持中文名,會造成網(wǎng)頁無法顯示。目錄名稱要明確,便于記憶和管理。各級目錄建好后,各自的網(wǎng)頁及網(wǎng)頁上圖片、音樂、動畫等元素都存入該欄目的子目錄中。
2、首頁制作
網(wǎng)站首頁,就是用戶進入網(wǎng)站看到的第一個網(wǎng)頁。首頁是網(wǎng)站的門面,首頁制作質(zhì)量直接影響到用戶對網(wǎng)站的整個印象。一般首頁制作占整個制作時間的30%左右,所以在首頁制作時要多花些功夫。按照網(wǎng)頁設(shè)計的版塊、字體和色彩搭配方案對首頁進行“精雕細刻”。使首頁達到簡潔明快的風格,簡單的表格,令人愉快的色彩搭配,協(xié)調(diào)的文字,瀏覽速度快,易于導(dǎo)航,經(jīng)常保持新鮮感,使訪問者賞心悅目。
(1)、首頁內(nèi)容模塊。
首頁分模塊進行制作,一般的站點有這樣一些內(nèi)容模塊:站點名稱,廣告條,主菜單,新聞,雙向交流,搜索,友情鏈接,計數(shù)器,版權(quán)資料等。首頁選擇哪些模塊,實現(xiàn)哪些功能,是否需要添加其它模塊,這都根據(jù)學校網(wǎng)站主題和內(nèi)容來確定。內(nèi)容模塊確定后,按照首頁設(shè)計的版面,發(fā)揮網(wǎng)頁制作人員的創(chuàng)意和想象力,制作出比較滿意的網(wǎng)頁。
網(wǎng)站名稱??梢允菆D像,可以是文字,也可以是標示徽號。
廣告條。制作對你網(wǎng)站起宣傳作用的文字、圖像、動畫。
主菜單。包括網(wǎng)站的主要欄目,如學生天地,教學園地,圖書閱覽等等。
雙向交流欄目。如論壇、留言簿、郵件列表等。
友情鏈接。對一些常用的網(wǎng)站,在首頁上建立鏈接。
版權(quán)資料??梢栽谑醉撓旅鏄耸疽痪浜喍痰陌鏅?quán)聲明和網(wǎng)站開辦批準信息。
聯(lián)絡(luò)資料。列出通訊地址、電子郵件地址、聯(lián)系電話等。
(2)、制作技巧。
網(wǎng)頁制作要圖文并茂,很多文字性的內(nèi)容如標題、主菜單欄目名都可以處理成圖像形式,這不但克服了不同平臺上的文字兼容性問題,而且頁面也顯得非常美觀、精制,引人入勝,對訪問者有較強的吸引力。
文字處理方法和Word 相同,在這里就不再多述。圖片可以通過掃描儀或數(shù)碼相機獲得,再復(fù)制到網(wǎng)頁上直接使用,也可以將圖片經(jīng)過Photoshop 藝術(shù)加工后再使用。動畫可以自己動手用Flash 制作,也可以在互聯(lián)網(wǎng)的動畫寶庫中下載。
首頁制作時應(yīng)該注意:為了使首頁瀏覽下載速度快,就要盡可能地減少首頁的數(shù)據(jù)量,減少圖像和動畫的數(shù)量,特別是大的圖像和動畫;盡量減少表格嵌套,不要把所有的內(nèi)容都放在一個大表格里;首頁保存必須在根目錄下名稱為 “index”,上傳后首頁方可正常顯示。
3、子頁面的制作
子頁的制作,其方法和首頁制作相同,都要遵循首頁制作一些規(guī)則。在制作一級子頁時,首先要考慮子頁的個數(shù)和每個子頁的名稱,然后將制作好的首頁分別另存為每個一級子頁的名稱,把它們作為新建的一級子頁面,這樣,一級子頁面的標題和導(dǎo)航以及版面信息就設(shè)置完畢。只需要在相應(yīng)的子頁面里修改相應(yīng)的內(nèi)容即可,從而大大地提高了子頁面的制作速度。 一級子頁頁面的顯示盡量采用新建窗口的形式,這使用戶在等待頁面下載的同時還可以繼續(xù)瀏覽其它內(nèi)容。
在網(wǎng)頁制作方面還有許多技術(shù)細節(jié),諸如如何適應(yīng)不同的瀏覽器,在不同的分辨率下保持網(wǎng)頁不變形,如何減少垃圾代碼等等。首頁相比其它頁面來說,技術(shù)上要求更加嚴格,決不能出錯。
(二)、網(wǎng)頁測試。
當你的主頁編制成功后,要以一個讀者的身份,利用瀏覽器測試文檔資料的正確性、可用性和友善性。
1、瀏覽器兼容性測試。Internet 上存在著多種多樣的瀏覽器,要讓網(wǎng)頁在所有的瀏覽器中都正確瀏覽是一件很不容易的事情,實際上,目前主要瀏覽器Internet Explorer ,只要照顧好這種瀏覽器就可以了。但是這種瀏覽器版本眾多,所以應(yīng)該充分考慮各種可能性,是網(wǎng)頁的兼容性更好。
2、鏈接正確性的測試。對于小型網(wǎng)站,我們可以采用跟蹤訪問每個鏈接,檢查鏈接是否準確。對于大中型網(wǎng)站,我們可以采用專用的測試軟件,或者采用FrontPage2000 所提供的功能進行測試。用FrontPage2000 測試的具體方法是:打開網(wǎng)站,選擇“報 表”視圖。單擊“查看”菜單的“工具欄”,使得“報表”工具條可見。單擊“報表”工具條的鏈接檢查按鈕,驗證所有超鏈接。系統(tǒng)將會給出鏈接的有關(guān)信息。用Dreamweaver 檢查的方法是:打開文件菜單,選擇檢查鏈接命令。如果檢查整個站點,則打開站點菜單,選擇檢查鏈接站點范圍命令,會出現(xiàn)對話框,提示你選擇要檢查的鏈接方式,并顯示當前鏈接結(jié)果。
(三)、網(wǎng)站的發(fā)布和維護
1、站點的發(fā)布。
中小學校如果沒有自己的服務(wù)器,可依靠信譽較高、技術(shù)力量雄厚的大型網(wǎng)站,可免費申請空間和網(wǎng)站域名。
在有資格發(fā)布和擁有自己的主頁空間后,下來的工作就是把你所制作網(wǎng)頁送到(稱為上傳)到服務(wù)器指定的位置,這樣,別人就可以瀏覽你的網(wǎng)頁了。上傳網(wǎng)頁,可以用FrontPage2000、FTP軟件、 或用Windows98的Web發(fā)布功能上傳。有的服務(wù)器提供網(wǎng)站管理和網(wǎng)頁上傳功能主頁,可以不通過其它軟件直接上傳網(wǎng)頁。
上傳網(wǎng)頁時應(yīng)該注意:要按照站點建設(shè)時設(shè)計的目錄層次在網(wǎng)絡(luò)服務(wù)器中建立相應(yīng)的目錄,分別將各目錄中的文件分類上傳,把原來目錄和該目錄下的文件原封不動地裝在網(wǎng)絡(luò)服務(wù)器里,才能使網(wǎng)頁正常顯示。
2、站點的宣傳。
網(wǎng)頁制作的最終目的是被訪問,所以要想辦法宣傳自己的主頁,讓別人知道你的站點地址和內(nèi)容,提高網(wǎng)站的被點擊率。主要措施有:
(1)、在著名的搜索引擎注冊登記,還要在自己主頁中多加一些方便搜索引擎的 “關(guān)鍵字”。
(2)、通過Email通知朋友和有關(guān)方面。
(3)、與其他主頁互建友情鏈接,特別是與那些訪問率較高的主頁建立友情鏈接。
(4)、經(jīng)常留言,引人注意。在網(wǎng)上瀏覽時,當看到一個很好的網(wǎng)站,可以考慮在這個網(wǎng)站的留言簿上留下誠懇贊美的語句,并把自己的網(wǎng)站網(wǎng)址留下來。之后其他網(wǎng)民瀏覽時看到你的網(wǎng)址,也許會有興趣來訪問。
3、網(wǎng)站的維護。
當一個網(wǎng)站發(fā)布之后,日常的工作就是維護與管理。這里并不涉及什么高深的技 術(shù),而是要求網(wǎng)絡(luò)管理員有足夠的責任心和耐心以及敬業(yè)精神,還要隨時隨地根據(jù)網(wǎng)站的規(guī)劃添加、修改網(wǎng)頁的內(nèi)容。要經(jīng)常更新網(wǎng)頁內(nèi)容,首頁的版面要定期更換,前來瀏覽的網(wǎng)民就會越來越多。
經(jīng)常性的維護有:
一是更經(jīng)常更新內(nèi)容;
二是經(jīng)常檢查網(wǎng)頁鏈接和友情鏈接;
三是對站點進行清理,對垃圾網(wǎng)頁和網(wǎng)頁元素進行刪除,對文件夾和文件進行整理;
四是對個別不滿意網(wǎng)頁進行優(yōu)化、美化,對一些大網(wǎng)頁進行減肥,提高傳輸速度,對網(wǎng)頁布局和色彩搭配不當?shù)倪M行調(diào)整,對比較呆板的網(wǎng)頁,可利用 Flash 添加動感,以美化網(wǎng)頁。
學校網(wǎng)頁制作需要一定的技術(shù)和技巧,更需要花費大量的時間。有的學校,請專業(yè)人員制作網(wǎng)頁,網(wǎng)頁盡管很精彩,但是內(nèi)容實用性差,日后的維護更是困難;多數(shù)學校都是老師利用業(yè)余時間自己動手制作,網(wǎng)頁內(nèi)容非常豐富、實用,內(nèi)容更新快,深受用戶的歡迎。當然,在網(wǎng)頁的制作上,其方法、技術(shù)在不斷地快速發(fā)展,我們只有不斷學習、探索和體會,才能制作出符合標準的好網(wǎng)頁。愿與各路網(wǎng)頁制作高手探討、切磋。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務(wù),不必擔心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關(guān)鍵詞標簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)