大專院校Flash網頁設計課程教學方法淺析
學術論壇
作者:劉立偉 杜美易
【內容摘要】文章針對大專院校Flash網頁設計課程的教學方法進行研究,提出快捷鍵學習、Flash動畫的設計價值、行業設計理念植入等一係列主張,特別針對網頁設計主體教學部分,總結出以“基本結構設計—模塊分解設計—網站整合設計”流程為代表的“總—分—總”教學模式,由此帶動Flash網頁設計課程教學計劃與內容的相應調整和完善。
【關鍵詞】大專院校 Flash 網頁設計 教學方法
Flash網頁設計是大專院校網頁設計係列課程的擴展和提升階段,以非服務器端腳本編程的Flash結構頁麵設計為主,包括Flash軟件學習、Flash動畫設計和Flash網頁設計等幾個方麵。與基礎性的HTML靜態網頁設計課程相比,Flash網頁設計的教學內容整體性較強,教學邊界相對清晰。下麵筆者根據自身的教學經驗,對其教學思路和教學方法做簡要分析。
一、利用軟件的快捷鍵快速上手
Flash軟件與基本動畫設計是網頁設計的基礎部分。如果在專業課程體係中沒有專門的Flash模塊作為先導課程,這一課程就需要引導學生在軟件使用層麵快速上手。為實現這個目的,可以采用“快捷鍵學習法”。這種依靠重點快捷鍵快速學習的方法有助於短時間內準確把握軟件的常用與核心功能,受到越來越多的設計師的青睞。
筆者建議,在教學課件中為每一個常用的菜單與工具附上快捷鍵命令,以便學生第一次接觸時就可以熟悉它們。實際上,軟件在快捷鍵設置方麵也非常注重功能的集合性,有助於集中記憶。如針對幀的操作部分,F5、F6、F7三個功能鍵分別實現了“插入幀”“轉換為關鍵幀”和“轉換為空白關鍵幀”三項內容,既好記又好用。
二、Flash線性動畫的設計相關性
我們知道,Flash MV一度在網絡上非常流行,和Flash MV的線性播放特性相似,Flash廣告已經成為時下網絡廣告的主流。如某知名網站首頁共使用了27幅廣告,其中Flash廣告有18幅,占頁麵廣告總數的66.7%。
Flash網絡廣告的普遍使用促進了Flash技術在藝術設計專業中的廣泛應用。基於這種考慮,筆者建議在軟件基礎學習之後安排適當的學時進行Flash廣告設計學習。這一部分課程的教學還可以與廣告相關課程相銜接,以進一步豐富Flash網頁設計課程的內涵。
在Flash廣告設計教學中,要側重於內容密度、節奏感、視覺衝擊力等與Flash軟件技術直接相關的層麵,其他內容,如廣告語言、傳播理論等可鼓勵學生課外複習或自學,做到把握重點、取舍得當。
三、Flash網頁設計“總分總”的教學模式
在軟件基礎和線性動畫(Flash廣告設計)的基礎上,進入到課程的主體模塊,即Flash網頁設計。與HTML靜態網頁的分頁麵結構不同,Flash網頁設計在集成設計開發環境內(Flash軟件和Action腳本)實現網頁內容與非線性結構的編排,模塊化特性明顯。為此,筆者嚐試采用“基本結構設計—模塊分解設計、網站整合”三步走的教學法,可概括為“總—分—總”教學流程,合理調配教學難點和重點,循序漸進,在實踐中取得了一定的效果。
(一)基本結構設計
首先,從網頁基本結構入手,利用按鈕對時間線上各幀的控製構造網站模型,其中包含了最基本的場景轉換。在學習的後期,可以針對每幀對應的畫布進行深入設計,包括內容擴展和淡入、淡出動畫效果的實現等。
基本結構設計涉及每幀對應的畫布設計、按鈕設計、元件和實例的進一步應用以及補間動畫等內容,還涉及一些基礎的Action腳本內容,如“stop”“gotoAndStop”“gotoAndPlay”命令以及幀標記的參數調用等,適合入門學習。在腳本程序編寫的最初階段,重點要使學生理解腳本語言代替人進行指令操作的特性,如“去哪”“做什麼”等,利用這種指向性的形象思維逐漸強化學生的編程思維。一般來說,靜態網頁設計課程教學不會將Java腳本作為重點,在這種情況下,這一階段的Action腳本學習就更加重要。