1 網站開发技術與工具:
(1) 静態(tai)網頁製作技術。静態網頁製作技術是一種通過(guo)HTML標記语言, 按照一定(ding)的格式整合各種媒體, 如圖片、文字、聲音等(deng), 結合Web服務器實現信息網絡发(fa)布的技術。常见的静(jing)態網頁製作工具(ju)有Front Page, Dreamweaver等。该(gai)網站静態網頁的開(kai)发采用Dreamweaver 4.0網頁製作(zuo)工具, 並運用(yong)了CSS技術和(he)DHTML技術(shu)。網站中“專題知识”、“專家講座”、“課題研究”等部分(fen)就是應用静態網(wang)頁製作技術來製作完成的。 (2) 動態網頁发布技術。動態網頁(ye)发布技(ji)術是指客戶端與服務器端的一種交互技術。这種技術使得用戶在網(wang)頁中輸入信息並提(ti)交以后, 可以得到網站的及時反饋信息。常(chang)用的動態(tai)網頁发布技術有:CGI、ASP、JSP、PHP等。中小學網站采用(yong)ASP语言编寫。為保證灵活性和(he)可靠性, 各(ge)應用模块均是(shi)基於MVC框架開发的(de)。網站中(zhong)的“协作學(xue)習”、“專(zhuan)題研討”等(deng)部(bu)分的開发就采用了这種技術。 (3) 数據库(ku)技術。網站開发中, 数據库技術主要來支持實現协作學習平臺、專題(ti)研討等動態網頁部分数據的存(cun)取。该網站采用My SQL数據库。整個網站在windows 2000server下運行。
2 開发過程
(1) 资料(liao)收集。按照網站建設的(de)具(ju)體要求, 搜集網(wang)站(zhan)所需素材和资料。 (2) 系統設計(ji)。系統設計(ji)是對網站的整(zheng)體規劃, 主要包括界面(mian)風格設計(ji)、导(dao)航設計、数據库設(she)計等, 这是(shi)網站開发的基礎(chu)。 (3) 编碼實現。 (1) 按照系統(tong)設計的(de)内容, 運用Dreamweaver開发(fa)網站的静態網(wang)頁; (2) 使(shi)用My SQL数據库系統建立網站所需的数據库(ku); (3) 運用ASP编寫網站的動態網頁发布程(cheng)序; (4) 網站測(ce)試、完善。試運行網站(zhan), 並(bing)請(qing)實驗學校的教師和教學設計领域相關研究人員試用、測評, 提出反饋意见, 再對網站進行修改、完善; (5) 申請主頁(ye)空間和上傳網站通過上面操作, 一(yi)個(ge)簡單的但功能比较齊全的網站就建好了。在局域(yu)網中只要你的電脑打(da)開並连接到網絡, 學生便可浏覽網(wang)站(zhan)了。若要(yao)想使學(xue)生通過Internet網访問網站, 則(ze)必须上傳到一些大型網站(zhan)的服務器上, 这就需要將我們電脑上的(de)網站搬(ban)上Internet網。这時要申請一個免費的主頁空間, 現在任(ren)何一個大型網站都有这一(yi)功能。
3 基本原則
(1) 目的明確(que), 具有本校特色(se); (2) 結(jie)構合理, 風格一致, 能有效表現學(xue)校教學與管理思想(xiang); (3) 為(wei)了交互(hu)的廣泛性, 應有英文版连接處; (4) 網頁設計應盡量適應各種浏覽器, 使之能在大多数環境阅讀; (5) 網頁(ye)文件大小及多媒體嵌(qian)入量適度, 以减少網頁(ye)下载時(shi)間; (6) 提供與(yu)中學教育網站的连接以及反饋用(yong)電子郵件的连接, 並注意精選(xuan)熱连接; (7) 内容豐富, 更(geng)新及時, 具有反映網頁(ye)内容的標題(ti)。重點阐述下頁面的布局原則: (1) 主次分明, 中心突(tu)出(chu)。在一個頁面上, 必须考虑視覺中心, 这個中心一(yi)般在屏幕的中央, 或者在中間偏上的位置的部分。因此(ci), 一些重要的文章和反映中(zhong)小學生或者中小學學校的風貌圖片(pian), 一般可以安排在这個部(bu)位。在視覺中心以外的(de)地方就(jiu)可以安排较次要的内容。做到重(zhong)點突(tu)出、主次有別(bie)。 (2) 大小搭配, 相(xiang)互呼應。较(jiao)长的文章或標題, 不要编排在一起(qi), 要有一定的距离(li)。同樣, 较短的文章, 也不能编排在一(yi)起(qi)。對(dui)待圖(tu)片要互相错開, 或大小之間要有一(yi)定的間(jian)隔。使之(zhi)错落(luo)有致, 但要避(bi)免重心偏(pian)移。 (3) 圖文並茂, 相得益彰。文(wen)字和圖(tu)片具有一種相互补充的視覺關系, 頁面上文字(zi)太多, 就有可能(neng)使之顯得沉闷, 缺乏生(sheng)氣。頁面上(shang)圖片太多(duo), 缺少(shao)文(wen)字, 必然就(jiu)會减少頁面的信(xin)息容量。因此最理想的效果是(shi)文字與圖片(pian)的密切配合, 互(hu)為衬托, 既能活跃頁面, 又使主頁(ye)有豐富的内容(rong)。