Flash俱樂部教學網(wǎng)站的設計實現(xiàn)與維護

宋艷芳

（石河子衛(wèi)生學校，新疆石河子832000）

Flash俱樂部教學網(wǎng)站的設計實現(xiàn)與維護

宋艷芳

（石河子衛(wèi)生學校，新疆石河子832000）

闡述Flash教學網(wǎng)站開發(fā)的必要性及其理論依據(jù)，并就開發(fā)教學網(wǎng)站的總體架構、主要模塊、主要特點以及在制作網(wǎng)站過程中的感想和體會做具體的說明，并陳述具體制作過程和相關問題。

Flash；教學網(wǎng)站；設計；維護

1 問題的提出

隨著計算機技術和通信技術的發(fā)展，互聯(lián)網(wǎng)的觸角已延伸至社會的各個方面。在Internet上建立自己的站點和網(wǎng)頁已不再是少數(shù)人的專利，由于Flash是一個主要用于制作適合于Web的動畫工具，可以制作出流式播放動畫，所以越來越受到網(wǎng)頁設計者和企業(yè)的喜愛。在Internet上設計的Flash學習環(huán)境，對Flash學習者來說無疑是一個自由、隨機的個體學習空間，有助于增強學習者的學習積極性，并且可以邊學邊做，在自己動手制作的過程中尋找Flash技術的樂趣，有利于增強學生學習的成功感，因此Flash教學網(wǎng)站的開發(fā)勢在必行。

2 網(wǎng)站的主題和特色

2.1 網(wǎng)站的主題

網(wǎng)站的主題要鮮明，并且不易太廣泛，要適合瀏覽者的口味，同時網(wǎng)站的名稱要簡單易記，具有代表網(wǎng)站內容的作用，讓瀏覽者一看就知道自己所要查找或瀏覽的是否屬于此內容。因此，設計時就應該有一個明確的主題[1]。由筆者開發(fā)的Flash教學網(wǎng)站是一個主題鮮明、條理清楚、內容精練的可供學生進行專業(yè)學習的網(wǎng)站。根據(jù)筆者的指導教師張勝光的論述，F(xiàn)lash專題學習網(wǎng)站應具有以下性質：（1）能夠提供大量、豐富的教學資源，最終形成一個小的教育資源網(wǎng)，有利于不同程度的學生進行學習。（2）學生能夠詳細學習Flash，并做出自己喜愛的動畫。（3）能夠提供學習所需軟件、常用軟件、教師所用課件和其它學習教程等，供學生隨時瀏覽和下載。（4）以培養(yǎng)學生的創(chuàng)新精神、實踐能力，提高學生的信息素養(yǎng)為目標，建立學生優(yōu)秀作品展示欄目，以表揚、激勵學生。本網(wǎng)站的主題正是基于以上性質進行確立的。

2.2 網(wǎng)站的特色

2.2.1 資源豐富——有利于學生自主學習本網(wǎng)站根據(jù)學習內容的劃分，提供了豐富的學習資源，學生可以根據(jù)教師提出的學習主題，結合自身學習情況，選擇恰當?shù)膶W習內容來自主地展開學習，真正實現(xiàn)因材施教。

2.2.2 發(fā)展評價——更好地促進學生的發(fā)展本網(wǎng)站建立了學生網(wǎng)上交流的場所——留言版，將定期收集瀏覽者對該網(wǎng)站的意見反饋。同時教師可以對學生在學習過程中存在的各方面問題進行解答，例如在Flash動畫制作過程中遇到的困難，可進行隨時講解。

3 網(wǎng)站的架構

3.1 網(wǎng)站的內容架構

本網(wǎng)站是基于網(wǎng)絡環(huán)境下的Flash教學與學習活動平臺[2]。它包括學生、教師和信息資源3個互動的基本要素，3個基本要

素間的相互關系見圖1。

圖1 Flash網(wǎng)站內容架構的基本要素及相互關系

網(wǎng)站設計的主要宗旨是培養(yǎng)學生利用網(wǎng)絡技術的意識和能力，促進信息技術與學科課程的整合，逐步實現(xiàn)教學內容的呈現(xiàn)方式、學生的學習方式、教師的教學方式和師生互動方式的變革，充分發(fā)揮信息技術的優(yōu)勢，為學生的學習和發(fā)展提供豐富多彩的教育環(huán)境和有力的學習工具。在這3個要素中，信息資源是教師和學生所關注的核心，信息資源的容量將直接關系到教師所教和學生所學的內容，也是在教與學的互動過程中對Flash內容的進一步探索和總結。學生可以根據(jù)教師的講述進行學習，并將學習過程中遇到的困難通過留言版反饋給教師，也可以將自己的經(jīng)驗和成果放到信息資源中，以供大家分享，同時還可以進行學生之間的討論合作。

3.2 網(wǎng)站總體架構圖

網(wǎng)站的總體架構是用戶了解和運用網(wǎng)站所必需的基本要素，對其功能的詳細闡述應該緊緊圍繞這一架構。一個網(wǎng)站是否引人注目，是否具有使用價值，頁面是否吸引瀏覽者將直接影響到網(wǎng)站的應用及推廣，也是網(wǎng)站開發(fā)成功與否的關鍵之處。本網(wǎng)站的主模塊及主要頁面簡介見圖2。

圖2 網(wǎng)站總體架構

4 網(wǎng)站的設計與思考

通過Flash教學網(wǎng)站的研究和設計，筆者對Flash網(wǎng)站的建立、設計以及應用有了一個全新的認識，同時對其相關知識尤其是Dreamweaver工具的使用得到了進一步學習，也認識到了理論與實際存在著一定的差距[3]。通過這次設計，筆者認為網(wǎng)站的設計首先要布局合理，能夠解決瀏覽者的實際問題;其次內容要直觀全面、層次清楚，給學習者一種思路清晰、清新自然的感覺;再次要找出漏洞，彌補其存在的缺陷。也就是說網(wǎng)站的設計必須明確以下幾方面的內容。

4.1 開發(fā)網(wǎng)站的工具

當然，構建一個好的網(wǎng)站離不開好的站點開發(fā)工具和語言。就本站而言，主要用到的是Dreamweaver、FrontPage、HTML等。Dreamweaver是Macromedia公司最新推出的主頁編輯工具，是一個所見即所得的主頁編輯器，并帶有站點管理功能，可以方便地設計和管理多個站點，而它最好的地方就是支持最新的DHTML和CSS標準，可以用它設計出生動的DHTML動畫、多層次的頁面（layer）以及CSS樣式表。FrontPage是最簡單的網(wǎng)頁編輯工具，制作界面同Word十分相似，所以學習起來方便、容易。而HTML是最基礎的知識，在瀏覽器中點右鍵（->）查看源文件，看到的即是HTML。

4.2 網(wǎng)站的布局

網(wǎng)站的布局包括版面設計、設計風格、鏈接結構等。設計主頁的第1步是設計版面布局，版面指的是瀏覽器看到的完整的1個頁面（可以包含框架和層）。因為每個人的顯示器分辨率不同，所以同一個頁面的大小可能出現(xiàn)640*480像素，800*600像素，1 024*768像素等不同尺寸。布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。我們在設計主頁時一定要有整體的創(chuàng)意，版面布局也是一個創(chuàng)意的問題，但要比站點整體的創(chuàng)意容易、有規(guī)律。另外，網(wǎng)站用到的版面布局形式是“T”結構布局[4]。以上總結了本網(wǎng)站常用的布局，在實際運用中還有許多別具一格的布局，如對稱對比布局、POP布局等。

4.3 網(wǎng)站的內容

網(wǎng)站的主題和內容是網(wǎng)站的核心和靈魂。網(wǎng)站制作前要進行定位，確定網(wǎng)站要進行什么方面的教學、表現(xiàn)什么主題、包含什么內容。只有一個主題鮮明、內容豐富的站點才能吸引更多的瀏覽者，進行充分的教學設計可以突出教學重點，采用合理的方法和技術展現(xiàn)教學內容。從訪問網(wǎng)站的人來看：內容是重要的，技術是次要的，同樣的內容可以由不同的技術來體現(xiàn)。但從制作者的角度來看：技術是重要的，內容是次要的，同樣的技術可以體現(xiàn)不同的內容，這兩者我們必須兼顧。這樣網(wǎng)站的更新和維護就比較容易。在建立網(wǎng)站之前，必須依據(jù)確定的教學主題和教學內容，開始相關信息和資料的收集，包括文字、圖片、動畫、視頻等信息。本站內容在搜集時查閱了很多相關網(wǎng)站、書籍和資料，進行了詳細的篩選。文字信息的錄入包括鍵盤輸入、上購物語音錄入、掃描識別等方式，本站主要采用了鍵盤錄入。

Flash視頻教程、自學課件是網(wǎng)站的核心和重點，網(wǎng)站是否適用、能否推廣是關鍵。另外，開發(fā)工具的選擇要結合實際，不要盲目追求最高級、最先進的技術，應該以最適合為佳。經(jīng)過一段時間的探索設計，本網(wǎng)站已經(jīng)基本實現(xiàn)了它的主要功能，但還存在一些不足，如網(wǎng)站動態(tài)交互的設想以及再線測試等功能還沒有實現(xiàn)，筆者將在今后的工作中不斷改進和完善[5]。

[1]朱運喜.制作網(wǎng)頁動畫的利器Flash[J].電子與電腦，1999，6（11）：36-37. [2]沈明峰.網(wǎng)站的管理與維護[J].視窗世界，2003（6）：109-110.

[3]張瑩，胡彥，劉延華.一個教學網(wǎng)站的設計與實現(xiàn)[J].福建電腦，2002（12）：29-30.

[4]陳兆.如何做好網(wǎng)站設計的主題網(wǎng)頁布局[J].首都信息化，2004（3）：38-39.

[5]李曉苓.基于校園網(wǎng)的中小型教學網(wǎng)站的動態(tài)編程[J].電氣電子教學學報，2003，25（4）：88-91.蕢

G40-03

B

1671-1246（2012）12-0047-02