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

宋艷芳

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

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

宋艷芳

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

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

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

1 問題的提出

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

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

2.1 網(wǎng)站的主題

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

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í)，真正實(shí)現(xiàn)因材施教。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.2 網(wǎng)站的布局

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

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

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

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

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

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

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

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

G40-03

B

1671-1246（2012）12-0047-02