宋艷芳

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

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

宋艷芳

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

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

Flash；教學(xué)網(wǎng)站；設(shè)計；維護

1 問題的提出

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

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

2.1 網(wǎng)站的主題

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

2.2 網(wǎng)站的特色

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

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

3 網(wǎng)站的架構(gòu)

3.1 網(wǎng)站的內(nèi)容架構(gòu)

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

素間的相互關(guān)系見圖1。

圖1 Flash網(wǎng)站內(nèi)容架構(gòu)的基本要素及相互關(guān)系

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

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

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

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

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

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

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

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

4.2 網(wǎng)站的布局

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

4.3 網(wǎng)站的內(nèi)容

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

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

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

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

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

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

G40-03

B

1671-1246（2012）12-0047-02