時間：2023-07-31 17:25:23
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網站制作方法，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
關鍵詞：信息技術課；課程整合；信息技術
中圖分類號：G434 文獻標識碼：A 文章編號：1673－8454(2012)06－0056－03
許多信息技術教師反映，在倡導信息技術與學科整合中，信息技術學科沒有出頭之日，許多信息技術學科教師甚至產生轉行念頭。實際上，信息技術與其他學科整合，是把信息技術作為促進自主學習的認知工具和情感激勵工具，調動學生學習主動性、積極性，使學生創新思維與實踐能力在整合過程中得到有效鍛煉與提高，實現信息技術與課程整合的最高目標。我們必須加強信息技術課研究性學習，主動與其他學科進行整合。首先，在教學過程中，必須創設學生可以參與的教學環境，引起學生的濃厚興趣。其次，在教學方法上，通過設置不同層次任務，引導學生在完成任務中學習相應信息技術知識和方法，培養學生分析問題和解決問題的能力。再次，教學內容上，密切結合學生學習和生活經驗，安排一些探究性問題，引導學生利用已有知識和經驗，進行主動探索。還有，教學內容要有延伸性，可以與社會、自然、語文、美術等學科整合，提高學生綜合實踐的能力。
下面，筆者就以“說不盡的橋――橋之美”網頁制作綜合實踐為例，來談談信息技術課如何與其他學科進行有機、有效整合。
一、教學內容分析
《初中信息技術》(山東教育出版社1第四冊網頁制作綜合實踐部分，內容是對以前所學網絡知識及網頁制作的綜合運用及延伸。通過學習，學生已經掌握網上信息的收集、處理和FrontPage 2003網站制作方法、技巧，但內容、方法還是比較零散的，沒有形成一個整體的使用和實用意識。因此。以知識整合來強化知識系統性很有必要。筆者決定將這部分內容和《初中語文》第三冊《說不盡的橋》做一次嘗試整合。
二、教學對象分析
學生在學完制作一個簡單網頁、文本、圖片、表格、多媒體信息加工、鏈接后，已初步掌握了加工素材的方法和能力。網站制作側重培養學生信息集成能力：網站設計也給學生提供了展示個性的機會：網站自評、小組互評使學生領會網站的編排原則、頁面布局方法、色彩搭配形式，提高他們審美能力。以語文中主題單元為內容制作網站，學生感覺新鮮，有新意，從而產生濃厚的興趣。
三、教學重點與難點
1.建立起系統分析問題的概念，站在全局角度規劃信息、集成作品。
2.完整經歷網站布局的設計、網站制作、網站調試、網站評價的過程。
3.對《說不盡的橋》的素材進行集成、篩選、加工、處理。
4.網站制作中各種技巧的綜合運用。
四、教與學策略設計
1.教學策略
(1)以徐志摩的《再別康橋》詩歌引入，展示濟南正在建設的小清河上的橋的圖片，引領大家通過制作網站來完整介紹橋的有關知識。問題引領促進學生積極思考，問題調查培養學生的觀察、發現及思考的能力。
(2)以任務為驅動，制定總課題《說不盡的橋――橋之美》，把橋梁的知識、橋的歷史、形形的橋、濟南橋的調查作為必選主題，其他小課題自選，用文字、圖片、音頻、視頻、動畫表現形式來體現主題思想，將教學重點、難點逐個攻破，開發學生潛能、發展個性，全面提高學生的信息素養。
2.學法指導
(1)指導學生采用實踐調查、網絡搜索、課堂討論的方式，充分發揮他們的主體能動性，進行自我探究。
(2)指導學生分組合作，通過實地調研找到解決問題的辦法，提高學生動手能力、協作能力及運用知識解決實際問題的能力。
五、先期準備工作
設計和制作網站，不僅是讓學生對以前所學知識、多媒體信息進行加工，更重要的是提高學生網站設計能力和動手實踐能力，培養學生的情感態度、價值觀以及溝通能力，提升學生信息素養。因此，在主題選擇定位上，筆者進行了如下設置：
介紹橋相關知識：①介紹橋的作用、特點、分類。②從古到今、從結構到造型，介紹形形的橋。③介紹橋之最。④介紹黃河大橋、燕山立交橋等等濟南特色橋。
介紹橋文化藝術：①橋與山水。②橋與園林。③橋與文藝，有關橋的古詩、對聯、俗語、諺語、成語、橋的傳說、關于影視和繪畫中的橋。
描繪心目中的橋：①人們用橋造出的新詞，橋在其中的含義。②設計我心中的橋――我是橋梁設計師來設想未來的橋。
開展實踐活動：①為“濟南燕山立交橋”寫一份“司機指南”。②目前，過街天橋形同虛設，原因在哪里?做調查尋找解決問題的辦法。
建議訪問的素材網站：
；。
六、教學過程設計
一是創設情境、引入主題
以徐志摩的《再別康橋》朗誦作為背景音樂，展示中國最高的石拱橋――趙州橋，目前濟南正在建設的立交橋、小清河上漂亮的橋的圖片等引入主題。發問：如果你是一位網站制作人。用怎樣的圖片、視頻、聲音來展示“橋之美”?用怎樣的文字來介紹渲染“橋之美”?用怎樣的網絡布局來體現“橋之美”?
二是小組協作、主動探討
針對城市中立交橋、過街天橋現狀，組織一次社會實踐調查。
項目教學理論在“網頁制作”教學中的實踐研究
在“網頁制作”課程教學中，筆者嘗試應用項目教學理論，以“將在淘寶上開花店而需要制作一個花店網站‘芯依花店’”為總項目，根據項目教學的四要素進行教學設計，將此教學理論貫穿整個教學過程。
教學設計與分析
1.教學情境的設計
（1）多媒體網絡平臺。學生可通過教室網、校園網及因特網提供的網絡資源、QQ、Email及論壇等網絡通訊工具，實現資源的搜集，同類網站的調查，生生間、師生間的對話、交流、協商和討論等活動。
（2）教師提供數字化學習資源。資源包括：a.教學項目的目標和要求；b.網頁制作教學的課件和教案；c.網站制作素材資源庫；d.網頁制作學習資源庫。資源庫為學生的自主學習提供了有效的依據、方法和資源，有助于學生形成完整的知識體系。
（3）虛擬實驗環境。由于本“網頁制作”需實現瀏覽商品庫及提交訂單等動態數據庫功能，筆者設計了局域網內的動態數據庫鏈接及提交功能等虛擬網絡實驗環境。
2．教學過程的設計
筆者根據項目教學理論中的內容要素以建立“芯依花店”網站項目為中心進行內容設計。項目分為四個子項目：①站點規劃及素材準備；②網頁制作；③站點的測試（IIS的安裝和站點的管理及測試）與；④網站的評價。具體的學習內容、活動與評價如下：（1）子項目一：站點規劃及素材準備（4課時）。
工作任務：a.分組（全班分成8個組）、分派任務書；b.小組討論規劃站點；c.建立站點；d.準備素材。學習活動：a.以小組為單位對此網站進行需求分析，查閱資料并綜合同類網站的結構及內容等分析，確定本網站的結構，確定不同欄目，建立站點，并初步進行規劃；b.收集網站所需展示的素材，能使用相應的軟件對所需的素材進行分類整理及編輯。（2）子項目二：網頁制作（8課時）。
工作任務：小組合作完成網站，要求網頁風格一致，小組各人分別承擔一個以上欄目的網站制作，包括：“公司簡介”、“產品展示”和“在線訂單”。
學習活動：a.學生通過自主學習與探究、討論、互助，學習數字化資源庫中的網頁制作知識，最終完成頁面站點制作，掌握網頁制作方法與技巧；b.學生進行網頁制作，并完成各網頁間的鏈接。（3）子項目三：站點的測試與（4課時）工作任務：各組對本組的站點進行測試及。
學習活動：a.完成IIS安裝；b.嘗試站點的；c.測試網站內各鏈接是否有效，提交功能等能否實現；d.對未實現的功能繼續調試至成功。（4）子項目四：網站的評價（2課時）工作任務：通過學生自評，生生互評，小組互評及教師評價等形式對“網頁制作”的學習內容及過程進行評價。
學習活動：a.學生個人對本人所制作的部分進行展示，并談談主要學習收獲；b.小組內對各成員的學習態度及各自完成的頁面內容等進行評價；c.小組間進行網站的展示與評價；d.教師對學生的學習過程及作品進行評價。
教學實踐
1．教學內容、活動及情境的實施
（1）創設情境
教師演示一般購物網站為學習情境，通過觀摩學習，并結合本“芯依花店”網站建立的實際需求，指導學生在學習中應掌握的知識點：a網站風格的一致性；b.網站中各網頁的鏈接；c.“在線訂單”頁中提交功能的實現。通過對多個網站進行觀摩學習，提高學生學習的積極性。
（2）自主探究、合作學習、完成項目
首先，在規劃站點階段，小組學生通過對資源庫中的網站結構進行分析，由小組的每位學生制作一個站點規劃圖，最后在小組內相互討論并在教師的指導下將制作最完整的站點規劃圖作為小組的站點規劃圖。接著，在網站制作階段，要求小組學生進行明確分工，有負責查資料的，有負責處理圖片的，有負責處理文字的，也有負責進行網站布局的。在學習過程中，自然會碰到疑難問題，如：如何在網頁中插入視頻、添加“彈出信息”、“打開瀏覽器窗口”等，對于這些問題，教師不是直接去告訴學生答案，而是引導學生到數字化資源庫或因特網中尋找答案，通過多次讓學生嘗試去解決問題，小組學生最后形成自主探究學習的習慣。有些小組的學生在解決問題后，針對相應的問題寫出了小組的學習筆記，通過班級QQ群與其它小組的學生進行分享。然后，在站點測試階段，各小組的每個學生對本小組網站通過“鏈接檢查器”對整個站點的鏈接進行檢查，有些小組的學生為了使本組的網站不出現錯誤，通過教室網請求其他小組學生進行鏈接檢查，指出錯誤再進行討論、修改，直到不出任何差錯為止。
最后，在站點階段，學生不理解FTP服務器的設置，教師通過“多媒體廣播教學系統”的轉播功能，統一解答。在“芯依花店”項目制作過程中，實行分組比賽，組內進行明確分工，責任到人，更好地促使個人自主探究，小組合作交流，共同解決問題，極大地提高學生的學習主動性和合作能力。
2．教學評價與結果
教學評價采取自我評價、同學互評、過程評價和教師評價。教師制訂學生作品評價標準：A.作品是否與計劃的目標相一致（40%）；B.網站的基本要素是否完整，網站是否能被大多數學生認同，意味著點擊率的高低（10%）；C.作品匯報的展示手段是否有利于交流（10%）。D.小組各成員隨機回答問題的質量及次數（10%）；E.各小組的學習筆記，學習筆記中應體現在學習過程中通過什么方法解決了網頁制作中哪些疑難問題（10%）；F過程評價（20%）。
（1）自我評價：各組成員根據評價標準進行組內討論，進行自我評價，提出需要改進意見并進行改進。
（2）同學互評：各組成員根據評價標準進行組內討論、組間討論，對其它組的項目進行評價，提出需要改進意見。
（3）過程評價：主要反映小組成員是否積極參與項目，成員之間是否具有良好的溝通、交流；小組成員之間是否互相幫助，具有較好的集體榮譽感；在學習過程中，小組成員是否嚴格遵守上課和機房紀律。
（4）教師評價：教師根據評價標準對作品進行評價，最后由教師對每組的作品進行點評，結合其它評價成績完成教學評價。通過項目教學，學生完成了功能完備、界面友好的“芯依花店”網站，學生的自主學習能力和合作能力得到提升。
教學反思筆者在實踐中發現以下問題，需在組織教學過程中重點關注：
（1）小組學習者相互依賴關系的形成
正相互依賴關系是指在小組成員之間形成一種積極的相互關系，使每個成員意識到自己是小組的一員，要與其他同伴榮辱與共，要對其他同伴的學習負責。在創建“芯依花店網站”的教學中通過兩個方面確定學習者之間的相互依賴。一是正目標相互依賴，每小組要求每個學習者必須要負責項目的一個子項目；二是學習項目之間的相互依賴，各個項目之間相互依賴，只有發揮各小組成員的特長，各小組員共同出謀劃策才能制作出具有本組特色的網站。
（2）明確各小組成員的責任
小組成員的責任是指小組中的每一個成員必須承擔一定的任務，主要是為了避免能力強的學生代替其他學生完成學習任務所采取的必要措施。在教學中，采用三種方法來確定個人責任：（1）每個成員必須負責一個子項目，小組完成總項目的質量由小組中的每一個子項目的完成質量來決定；（2）隨機提問。即隨機提問小組中的每一個成員，根據成員的表現來評價小組活動的質量；（3）查閱各組的學習筆記。學習筆記是記錄學生之間通過討論、尋求網絡幫助及教師的疑難解答解決了什么疑難問題，得出了什么結論，掌握了哪些知識等。如果小組成員不積極參與就會影響到全組成績，這種由小組成員之間相互影響而產生的壓力可以促使每個組員認真地參與小組活動。
關鍵詞:網頁制作項目教學法 主觀能動性創新精神
在網絡技術迅速發展的今天,上網已成為一種潮流。因此網頁制作成為當今社會上一種熱門的技術技能,隨之也成為技工學校計算機專業學生的一門必修課。
《網頁制作》這門課程與其他課程的教學相比,它是一門有較強的工具性和實用性的實踐課,而且涉及計算機圖像處理、文字版面處理和動畫制作等相關知識。所以只有在實際教學中突破以往的教學模式,才能培養學生自我探索、獨立研究能力與自主創新精神。
一、打破傳統教學模式,培養“理論聯系實踐”思維方式
網頁制作課程傳統的教學方式是先由教師對網頁制作的各個知識點進行講解,然后安排學生在機房驗證教師講課的內容。在這種方式下,學生雖然能掌握一定的實踐技能,但是真正走上工作崗位之后很難承擔實際項目的開發,與市場需要的網頁制作應用型人才存在較大的差距。為此,我深入網站公司,將企業網站建設的項目引入課堂教學,教學中先向學生展示這些網頁,然后分析其結構布局及制作方法,讓學生既學到真正的理論知識,又真正地學以致用,并為以后的工作積累項目開發的經驗。
二、激發學生學習興趣,提高課堂教學效率
著名教育學家陶行知先生說過:治學以興趣為主,興趣愈多,則從事賣力,從事賣力,則成效顯著。如何調動學生的興趣至關重要。在課堂教學中,我們遵循由易到難、循序漸進的原則,采用任務驅動法組織教學。在項目教學的基礎上,針對項目的教學任務,引導學生運用已學知識進行同步練習。在教學過程中巡回指導,及時糾正問題,引導學生思維遷移,產生良性循環,以此喚起學生學習情緒,達到預期的教學效果。
三、注重知識點的遷移,提高學生自主學習能力,發揮學生主觀創意
創意是優秀作品的源泉,填鴨式教學只能抹殺學生的學習興趣。充分發揮學生的主觀創意,制作出多姿多彩的個性網頁,這才是我們教學所追求的目標。
四、在網頁制作課程教學中應用項目教學法,提高學生自學能力
一般而言,人學習的動力有兩種,一種為興趣,一種為目的。為興趣而學習乃學習的至高境界,問題在于培養學習興趣是項復雜的工程,不可能一蹴而就。為目的學習是目前絕大多數學生學習的動力來源。他們學習的目的并不是老師們想象中的畢業分配、工作就業,因為這些都是遙遠的事,眼下學習真正的目的只有一個:應付考試。項目教學法正是構建一個與考試一樣甚至比考試更近期的目標強迫學生完成,通過刺激學生學習的動力,從而提高學生學習的主動性。
五、加強實踐,注重培養創新意識
網頁制作是一門實踐性很強的課程。實踐是教學中不可或缺的重要環節。加強實踐,一方面要培養學生分析問題的能力,另一方面更應該注意培養學生的主動性。創新是發展的靈魂,所以在驅動任務的安排上要特別注意把握好教師講授與學生實踐的尺度,留給學生一定的創新空間。
六、重視評價,促進學生個性發展
在傳統的教學中,考評都是以筆試為主,這顯然與網頁制作課程的實踐性要求不相適應。明確考評標準,確立實踐的突出地位顯得非常重要和必要。
評價的標準注意應包括如下幾點:一是網站制作技術不能過于簡單。二是網站的具體內容要豐富完整,切合主題。三要有創造性,在制作方法、內容設計中力求創新評價的過程,既是學生展示自己的本領、展示自己知識面的最佳時機,又是學生反思自己的學習過程。通過評價,可以使學生明確下一階段自主學習的方向,充分體現教學目標的個性化。同時也把學生在制作過程中發現的新技術、新方法與大家共享。激發學生學習動機,提高學習的積極性、主動性,促進學生個性發展。
七、結束語
目前,計算機網絡技術發展十分迅速,《網頁制作》涉及到的知識面也在不斷更新擴充,探討精煉有效的教學法還有待更多的實踐摸索和廣大同仁之間相互交流,希望本文能起到拋磚引玉的作用。
參考文獻:
[1]胡波.網頁制作課程教學方法探討[J]. 電腦知識與技術.2006(8): 222-227
[2]謝良辰.對《網頁制作技術》課程實驗教學設計探討[J]. 教學與管理, 2006(7):104
[3]王棟松.在計算機課程教學中開展項目教學法的研究[J].職業教育研究,2005,(11)
關鍵詞：網站設計；創新意識；教學改革；成果
《網站設計》是一門綜合性非常強的課程，涉及的知識面相當廣泛，是一門能有效鍛煉學生自主學習能力和實踐能力的課程。如果學生只會根據教材案例制作，重復前人所做的工作，就會很難設計出具有一定水平的反映創新意識的網站。針對這一問題，在《網站設計》課程的教學中就需要合理組織安排教學內容、改進教學方法及教學評價方式，將教師的主導作用與學生的主體作用相結合，引導學生快速入門、將理論與實踐融會貫通。
一 明確教學目標，把握教學內容
1 教學目標。高等職業教育的專業教育性質決定了職業技術學院培養的人才是技術應用型人才，在能力方面應具有較強的解決實際問題的能力、專業應用能力、現場指揮協調能力和動手操作能力等。而在理論知識方面，應以“必需、夠用”為度，不必追求知識的系統性和完整性。因此，《網站設計》的教學目標應是讓學生學習網站設計知識和技術、培養網頁設計動手能力，以使學生將來能更好地適應企業“網頁設計師”崗位的用人需求。
2 教學內容。為了達到這個教學目標，教師要重視教學內容的選取。每一種軟件的教學，都不可能在較短時間內，把所有的功能講得一清二楚，因此，教學中必須有重點、取合，抓住主要線索進行教學，才能收到‘事半功倍的效果，才能達到舉一反三的目的?！毒W站設計》涉及到的內容和網站設計工具以及輔助工具非常多，要想面面俱到在短時間內是不可能完成的。為了在有限的課時內較好完成教學目標，教師必須以“必需、夠用”為原則，強調夠用就行，教學內容應以就業為導向，將學生日后就業可能遇到的問題納入到教學內容中。從實際需要出發，從項目、案例出發，需要哪些內容就講解、講透哪些功能，突出“學以致用”。應當講解最為實用的知識，便于學生產生興趣和學習掌握。注重教學內容的新穎性、實用性、拓展性、綜合性和可操作性。
根據課程內容及授課對象的特點，把握如下教學重點：
(1)網站設計基礎知識。講解計算機網絡基礎知識，網站設計的相關概念，比如HTML文件、服務器和客戶機、IP地址與域名、虛擬主機、統一資源定位符(URL)、文件傳輸協議(FTP)、超文本、超媒體與超鏈接、GIF、JPEG與PNG圖形格式、網站、網頁和主頁等。
(2)網站設計基本技術。講解如何建立站點、如何處理網頁對象、網頁布局制作工具的使用、動態網站設計技術、模板和庫項目的使用、站點的管理和上傳等。
(3)圖像處理基本技術。講解圖形圖像的基本理論，矢量圖和位圖圖像的處理、GIF動畫制作、圖像的優化、在網頁中使用圖像的方法。
(4)動畫制作基本技術。講解動畫制作的原理、Flas制作的步驟、不同類型基本動畫的制作技術、動畫中添加聲音、影片的導出等。
二 《網站設計》教學策略
教學策略是指對完成特定教學目標而采取的教學活動程度、方法、形式及媒體等因素的總體策略。根據《網站設計》課程的特點，在整體上設計為采用任務驅動式教學方法，將知識點整合進任務中，并創造性地采取以下措施：
1 教學前期，教師提出課程的總體任務。在教學前期就給學生提出明確的任務，以完成任務作為驅動來進行教學。如要求：制作個人主頁到網上，主頁內容自定，學生可按自己的興趣選題，要求主題突出，內容詳實；學生可以自行制作，亦可與其他同學合作，如果是與其他同學合作，一定要合理分工，期末按分工的內容給學生進行評分。
2 先學網站，再學網站設計。在課程剛開始時，讓學生先做一個只有兩三頁的簡單網站，網站內容不重要，甚至可以是一個沒有頁面內容的空站點，然后在局域網或互聯網上，使每個人都有屬于自己的網站和固定的IP地址。
(1)在局域網上，的步驟為：開始一程序－管理工具－internet信息服務－本地計算機－網站－默認網站右鍵“默認網站”－屬性－將Web站點的IP地址設置成本機IP地址－將Web站點的IP地址映射到做好的網站文件夾相應路徑下－完成。
然后，打開瀏覽器，輸入本機的IP地址即可瀏覽網站，在局域網內的其他機器上只要輸入相應的IP地址，也可訪問。
(2)在互聯網上，在互聯網上申請免費或收費的空間和域名，然后利用FTP軟件上傳網站。這樣就能在學習的起始階段，就為學生搭建良好的屬于自己自由開發的空間，處于真實的制作環境中，不僅能夠激起學生學習該課程的興趣，而且能夠激發學生學好網站設計課程的強烈愿望，全身心投入其中。因為每個人都有自己的網站和IP地址，相互可以訪問，從而促進相互共享信息、相互協作、相互學習、相互評價。
三 采用任務驅動式教學方法，將知識點整合進任務中
所謂“任務驅動”，就是在學習過程中，學生在教師的幫助下，緊緊圍繞一個共同的任務活動中心，在強烈的問題動機的驅動下，通過對學習資源的積極主動應用，進行自主探索和互動協作的學習，通過完成任務的過程。
在《網站設計》的教學中，要在學生頭腦中先建立起網站設計的基本概念，通過對網絡上優秀站點的介紹和分析，為學生逐步引出一個明確的學習任務：要求學生根據自己的興趣命題制作一個網站。當然，根據課時安排的不同，可以組織學生獨立制作或者團隊協作完成。
為了幫助學生完成目標任務，在教學內容的安排上，宜用一個大的建站實例貫穿整個學時段的教學活動。這個實例應該以覆蓋網站建設全過程為佳，從需求分析開始，到設計布局、搭建框架、添加素材、建立超級鏈接、添加圖片、動畫及各種特效等，隨著教學進度的深入逐步豐滿和完善網站主題，最后延續到網站的和維護。以任務為牽引，以實例為樣板，合理安排課程結構和教學順序，這樣能使得學習循序漸進，由淺入深。在單個學時的安排上著重講解網站設計的技術點，在整體上通過實例把各個技術點聯系起來，和實際應用有機地結合，使學生在學習網站設計技巧的同時對網站整體開發設計有了全面了解。
課程的開始，學生的網站比較簡單，只有一兩個網頁，隨著教學內容的深入，網頁的制作技術由簡單到復雜，網頁的數量逐步增多，網站的內容逐步豐富起來，并不斷地改進與完善。
四 網站作品的評價
對學生作品的評價，應該在制作前把評價的標準告知學生，使學生對制作要求有一個全面的了解，也知道自己努力的方向，使學生在制作過程中有據可依。
評價的標準注意應包括如下幾點：
1 完成一個完整的站點，即有主頁，主頁上能鏈接到幾個完整頁面。
2 網站的具體內容要豐富完整，切合主題。
3 要有創造性，在制作方法、內容設計中力求創新。
評價的過程，既是學生展示自己的本領、展示自己知識面的最佳時機，又是學生反思自己的學習過程。通過評價，可以使學生對別人作品有一定了解，發現自己的不足之處，總結整理自己在上一階段中所掌握的知識，吸取別人的優點來彌補自己的不足，也使學生明確下一階段自主學習的方向，充分體現教學目標的個性化。同時也把學生在制作過程中發現的新技術、新方法與大家共享。通過對學生作品的評價展示，可激發學生學習動機，提高學習的積極性、主動性，促進學生個性發展。
關鍵詞：動畫創作；信息素養；教學相長；原有素材
在高中信息技術教學中，多媒體技術應用于選修模塊中對動畫的制作中的一節內容是講解Flas的制作。動畫有淺顯、易懂、夸張、幽默等特點，對于學生的感觀認識起到積極的調動作用，教師講解相關的內容更有激情，這也是我運用動畫素材進行講課的主要原因。
一、巧用動畫，引入課題
食品安全是2014年最熱議的話題，特別是相關報道中有關假食用油是地溝油提煉而成對于各種假食品添加劑的濫用等問題的出現，人們開始懷疑自己餐桌上的食品安全問題。
高中學生具備一定的食品安全知識和明辨是非的能力需要教師正確的引導。我在講網頁制作時選用網站的課題就是――話食品安全。引入課題的是一段網絡上流傳很廣的《心太軟》改編的歌詞，配音是周星馳主唱，整個畫面全部是動畫制作，從地溝油到蘇丹紅全是唱歌配動畫的形式出現，既有周星馳的詼諧幽默，又有各種偽劣食品對人們身體造成傷害的警示，讓學生深深記住打擊食品中的造假刻不容緩。
這樣引入話題，學生對于本課中需要講的網站制作話題多了興趣，特別是食品安全中不僅僅是地溝油和食品添加劑的問題，還有學生平時愛吃的各種小食品上面的安全標志哪些是合格的，哪些是虛假的，也有了一些辨別方法，為做網站收集素材打好了基礎。
二、參照動畫片中原有素材，繪制動畫元件
高中學生喜歡動畫的程度，是我在講Flas制作時真正發現的。我講動畫元件制作時，學生對于運用Flash中的工具菜單制作簡單的規則圖形相當不錯，但運用鉛筆工具去繪制圖形，學生體驗得少，借此我在上課前，運用工具菜單繪制動畫片中的《龍貓》《美少女戰士》《喜羊羊與灰太狼》等動畫片中的主人公，上課時一展示，學生來了興趣，我借此講了如何來繪制這些動畫元件，學生開始創作……
預留時間學生創作完成后進行了全班展示，有畫哆啦A夢、豬八戒吃西瓜的，有各種動漫人物，特別對于宮崎駿動畫片中的主人公畫的人很多，還有畫自己喜歡的小動物的，展示結果讓我明白學生對于動畫的喜愛程度有多高。
接著將制作好的元件創建補間動畫、逐幀動畫、添加引導層動畫，學生創作熱情高，制作的動畫質量也有所提高，特別是對于自己繪制的動畫元件，當用Flash創建成動畫時，賦予了自己所創作動畫新的生命力，展示過程中我看到了學生的創新。
三、運用動畫寓教于樂，樂在其中
每年春季學校開展藝術節比賽，在為期一個月的藝術節作品展示中，學生對于參加的電腦作品比賽，涌現出許多優秀作品，在上交的作品中有幾個班的學生是單純運用視頻編輯軟件進行相關素材的加工，運用會聲會影來進行后期的配音制作。其中有一個班的學生先用Flash制作動畫片頭以及拍攝花絮，再運用會聲會影將錄制的視頻和動畫進行合成，這種制作方法我在講多媒體作品集成中用到過，但是沒有想到學生會將自己班級同學參加英語風采大賽時的表演，通過照相、攝像，運用動畫制作將它合成一個集動畫、視頻于一體的作品，當這件作品上交后，我們這些評委老師也看到學生用心制作帶給我們的感動，因為從學生的作品中體現了學生能運用現學的動畫制作技術和視頻編輯技術，將它們恰如其分地融合在自己的作品中，其中在片尾添加了他們的拍攝花絮，讓每位評委老師看后都忍俊不禁。
學習是先學然后知不足的過程，通過參加電腦作品比賽，學生對自己在創作中出現的問題會添加我的QQ號，有技術上的難題時會在QQ上問我，我會給他們及時解答。
四、互幫互學，提高動畫制作水平
在我所教的學生中，也有一些愛鉆研的孩子，但是他們平時由于功課多也沒有時間去操作電腦，這時我會在每個班選一些電腦操作水平比較高的學生來帶動他們，在平時的課堂上讓他們互幫互學，在課后遇到一些問題時互相探討，在電腦作品比賽中這種團隊的帶動作用得到充分的體現。
藝術班的學生，他們制作的動畫作品是關于全班同學從高一升入高二參加學校所有的比賽和大型活動，收集素材需要全班同學將自己拍的照片用到這部動畫作品中，在班長的帶動下全班同學通過自己的QQ空間，將照片保存下來，發到本班群文件中，再由班中的兩名同學對這些照片進行加工處理美化，創作的同學將這些照片進行編排，添加相應的解說詞和背景音樂，最后動畫作品制作成功后，先在本班進行播放，讓全班同學提出修改意見，再修改加工，定稿。當這部動畫作品呈現在我們評委老師面前時，我們有一種深深的感動，特別是配的音樂是《北京東路的日子》，仿佛看到十年后藝術班學生回憶的影子……
高中信息技術教學中我要運用的方法還需要自己在教學中不斷總結經驗，不斷完善自己的教學過程中成長，在教和學的過程中和學生一同成長，才能將自己學到的技術知識傳授給學生，同時提高學生的信息素養，提高自己的教育教學水平。
關鍵詞：Android；本地化應用；移動學習；移動課件
文章編號：1007-1423（2013）04-0055-05
0 引言
移動學習是一種依托無線網絡技術、移動計算技術和多媒體技術，利用移動通信設備，隨時隨地獲取學習資源和服務的一種新型數字化學習方式。移動終端以其具有的小巧便攜性、學習時間與學習內容的零散碎片性、學習者個體學習的靈活自主性及互動交流的及時有效性等特點，為廣大移動學習者提供了方便、快捷的學習環境。
課件是根據教學大綱的要求，經過教學目標確定，教學內容和任務分析，教學活動結構及界面設計等環節，而加以制作的課程軟件。移動課件是適合移動學習的課件，是移動學習資源的重要組成部分。目前，適合移動學習的課程學習資源匱乏、資源分布不均、資源更新成本高、資源共享程度低，這其中最大的原因就是開發技術還比較復雜。很多高校無線網絡還沒有完全覆蓋，也嚴重制約學生進行移動學習的積極性。本文以《安全用電》手機課件的制作為例子，描述了如何在Android平臺上，利用開源中間件Rexsee，采用HTML5+CSS+JavaScript設計網頁課件，最后打包成本地化應用。本地化應用可以不受網絡的限制，隨時隨地都可以使用，便于進行移動學習。
1 移動課件設計原則和制作流程
1.1設計原則
移動課件的設計開發，必須遵循移動學習的原理，適合移動學習的特點。一個優秀的移動課件應該滿足下面的原則。
（1）內容適合性原則
移動學習的最大特點就是隨時隨地，例如公車上、地鐵上，而且學習過程容易受到干擾。所以內容必須有一定的吸引力，而且界面友好。
（2）知識點零散性原則
移動學習是零碎的，所以學習內容不能過于系統完整，最好是分專題，知識點比較零散的。如本例子中的課件《安全用電》就分為4大主題，每個主題又分為若干知識點，彼此間沒有緊密聯系。
（3）簡約性原則
手機的屏幕比PC小，限制了屏幕上內容的容量，所以在具體內容的設計上要有針對性的精簡和取舍，而且要圖文并茂，文字太多會使學習者感覺鼓噪無味。適當地穿插合適的圖片能夠提高學習者的興趣。本課件在制作的過程中盡量使用圖片和動畫，提高學習者的學習興趣。
（4）少輸入原則
手機的輸入遠沒有PC和筆記本方便，所以應該盡量減少用戶輸入的環節，一些互動功能也盡量要求簡約，通過屏幕觸摸就可以完成輸入，例如本課件中的測試模塊就都采用選擇題目，使用戶能夠輕松完成測試。
（5）自適應原則
考慮到手機終端的分辨率眾多，所以程序必須支持分辨率的自適應，系統設計多個樣式表，根據不同分辨率，自動調用相關的樣式，實現多機型的支持。
1.2制作流程
移動課件開發一般要經歷7個階段，下面以《安全用電》課件為例子，介紹具體的開發流程。
①選題。選題很重要，不是所有的主題都適合于手機表現，一般認為內容大眾化，有一定的普及性，這樣的內容才值得做成移動手機課件，本例子選題就是考慮到電的通用性，每個人都需要了解和掌握電的知識，但是目前很多人相關知識還比較缺乏，需要提高安全用電的意識。
②規劃。收集相關資料，確定采用的技術路線，本課件目標是做成本地化的應用，由于原生開發難度比較大，所以采用基于中間件的開發方式，最終決定采用Rexsee，該中間件號稱會HTML就會Android開發，降低移動開發的門檻，適合廣大初學者使用。
③課件設計。確定課件的知識結構，教學內容組織方式，UI界面設計，交互方式設計等。
④原型制作。確定了技術架構和設計方案之后，就是課件的具體制作了，這個時候最好先測試一下該技術路線和方案的可行性，先拿其中一小塊內容制作一個測試案例，沒有問題之后才繼續下去。如果技術已經成熟，開發過多個應用，這一步可以跳過。
⑤課件制作。完成所有內容的制作。
⑥課件測試。測試版本，修改完善。任何一個軟件不可能一出來就是完美的，一般都會經歷幾次迭代。最后才形成發行版本。
⑦正式。在各大應用商店，或者直接掛在網站上面提供下載。
2 移動學習課件的開發方式
目前開發移動學習課件的技術還比較復雜，主要有基于SDK（Software Development Kit，即軟件開發工具包）的開發方式，基于HTML5和CSS3、直接開發Web App的方式，還有混合式的開發方式。
2.1基于SDK的開發方式
這種方式開發出來的應用一般稱為本地化應用（Native App），例如IOS系統下面的應用，必須在MAC系統下，采用Objective-C語言，一般采用XCode作為開發環境。Android系統下面的應用則采用Java語言，一般是采用Eclipse作為開發環境。本地化應用可以充分地闡揚硬件設備和操作體系的功能特點，并可以完全不受收集限制，運行效力高，可以完全發揮硬件的性能，但同時，因為技術門檻的原因，在具體實現上須要面對開發周期較長、成本較高、調試與后期維護相對錯雜的問題，所以高校中能夠采用該方式開發移動教學課件的人員還比較少。
2.2基于HTML5和CSS3的Web App開發方式
近兩年，隨著HTML5技術的發展和完善。以HTML5為主要驅動的Web App，客戶端不再需要開發工作，退化為使用內置的瀏覽器與用戶交互，服務器端以HTML5、CSS3、JavaScript作為前端供瀏覽器展示，使用其他服務器端技術實現業務邏輯和數據庫管理。這種方式能夠實現不同終端的適配問題，實現“一次開發，多平臺運行”，而且易于擴展和升級，已經成了未來的一個趨勢。但是，這種方式開發出來的應用離不開網絡的支持，而且性能稍差，難于使用設備的特性，例如傳感器、通信錄、藍牙、GPS定位、推送等功能。所以這種方式，也不適合制作本地化的移動學習資源。
2.3混合開發模式
Native App開發難度高，工作量大，Web App受限于瀏覽器前端技術，兩者各有優缺點。在這種情況下，混合開發成為很多用戶的選擇，對于側重性能、體驗、設備特性、本地數據管理部分，采用Native的方式，其余內容采用Web的方式，這種方式開發的應用一般成為Hybrid App。目前，國內外已經出現了很多Hybrid App的開發框架，例如國外的PhoneGap、AppCan，國內的Rexsee，這些框架把移動終端的功能封裝成API，用戶可以通過JavaScript直接調用移動終端功能，這種方式模糊了原生應用與Web應用的界線，而且降低了開發難度，用戶只要會HTML和JavaScript就可以進行移動開發。這種開發方式適合于剛進入移動應用開發的人群，特別是高校中想制作應用于移動終端的教學課件的教學工作者，本文以國內開源中間件Rexsee為例子，介紹如何快速開發本地化的教學課件。
3 課件具體開發
Rexsee是國內開源的一款移動中間件，與其他中間件所有平臺都支持有所不同，它選擇深度支持An-droid平臺，并不支持IOS平臺。在Rexsee框架下，用戶使用HTML5+CSS3+JavaScript就可以進行移動開發，無須了解Android和Java，服務器端支持使用任何語言，例如Java、PHP，Python，.NET等。Rexsee支持訪問Android本地資源，支持Android原生功能，媲美An-droid原生體驗，其最大的亮點就是支持在線編譯生成APK客戶端，無須使用Eclipse等工具。下面介紹如何利用Rexsee開發移動課件。
（1）搭建模擬器運行環境?；赗exsee的移動應用的開發，可以像傳統的Web制作方式進行，所有應用都可以做成HTML頁面，開發前先在本機搭建手機模擬器，模擬器的配置如下：
①安裝Java JDK
②到Rexsee官網下載模擬器，也可以使用Android SDK。
③解壓模擬器之前裝好Java JDK，配置Java的環境變量。
④解壓模擬器。例如到C盤下C：＼RexseeEmulator，配置好Android Home環境變量參數。
⑤下載開發版，安裝到模擬器。
（2）在Dreamweaver中制作網頁課件。課件制作可以像傳統的靜態網站制作方法一樣，在Dreamweaver中進行。Dreamweaver CS5.5完全支持HTML5，而且支持多種預覽界面。本例子中靜態網站的結構如表1所示。
具體頁面結構與傳統網頁制作方法相同，在JavaScript標簽塊或*.js文件中調用Rexsee的各種的函數和方法，具體效果得在模擬器中才能看到。
為了便于功能拆分，盡量把內容分拆在不同的
HTML頁面，每個頁面的具體結構如下圖：
其中style.css是課件的通用樣式文件，負責整個課件的樣式風格的控制；common.js負責UI呈現和控制，Rexsee中間件的各種方法一般都以rexsee開頭，目前支持95%的Android原生功能，本例子中，通過調用Rexsee常見的幾個方法，實現了屏幕界面的定制和分辨率的自適應。
如圖2所示，通過調用Rexsee的API函數，重新定制了手機屏幕的底部菜單欄目。
（3）打包。制作完畢之后，把整個課件目錄打包成*.zip文件，在Rexsee官方網站上面的在線編譯欄目那里，上傳之后就可以生成*.apk文件。
（4）安裝到手機上面，下面是課件最后的運行效果圖。
