淺談基于H5工具的課件制作

周媛媛

摘 要：HTML5網(wǎng)絡(luò)語言的規(guī)范，提供了網(wǎng)絡(luò)資源有效傳播和可移植性，在這樣的時(shí)代背景下，教育教學(xué)資源為適應(yīng)信息化進(jìn)程的推進(jìn)，借助H5工具來進(jìn)行移動(dòng)終端課件制作，來完成知識(shí)的有效傳播。

關(guān)鍵詞：H5課件，教學(xué)資源，課件制作

H5作為HTML5的簡稱，是第五代超文本標(biāo)記語言，人們通過上網(wǎng)或社交軟件等獲取的信息，多數(shù)由HTML寫成的。HTML5語言以其對多媒體良好的支持性、交互性以及其支持跨平臺(tái)性，備受人們青睞。但使用HTML5語言直接制作頁面需要用戶具有較好的技術(shù)功底，使用困難較大。在這樣的背景下，為幫助廣大用戶可以快速有效的傳播信息，2015年以來，一大批基于HTML5語言的編輯工具應(yīng)運(yùn)而生，人們將之簡稱為H5工具。

在日常學(xué)習(xí)交流中，師生教與學(xué)的習(xí)慣，伴隨著時(shí)間、空間的變化，以及網(wǎng)絡(luò)設(shè)備的普及，對教學(xué)資源的需求也隨之改變。課件也不在局限于教室教學(xué)中的方寸之地。如電影海報(bào)、企業(yè)宣傳與微信碰撞出的火花一樣，教育也可借助微信這一平臺(tái)完成它的變身。讓課件直接在微信朋友圈和公眾號(hào)推廣中展示出來，不要求用戶安裝其他軟件插件，可以使得知識(shí)得到有效傳播。

一、常見H5工具介紹

在教育教學(xué)中，課件的資源類型由文字、圖片、動(dòng)畫、音頻、視頻構(gòu)成，結(jié)合課件內(nèi)容制作需求的不一樣，適用于制作課件的H5 工具也有所選擇，筆者將常見H5工具分為以下幾類：

（一）模板制作類H5工具

在教師使用中，故事型課件占比量大，這類課件主要由文字、圖畫以及簡單的動(dòng)畫組成，基礎(chǔ)制作類的H5工具即可完成此類課件。常見的基礎(chǔ)類H5工具主要有：易企秀、MAKA、初頁、兔展、人人秀等，以上H5工具均面向普通用戶提供一定的使用模板，用戶可自定義模板和使用免費(fèi)模板的基礎(chǔ)上創(chuàng)建幻燈片，對文字、圖片等進(jìn)行編輯。此類工具優(yōu)點(diǎn)在于提供的模板量大，用戶操作簡單易上手，動(dòng)畫類型也相對簡單，交互性有待加強(qiáng)。

（二）專業(yè)制作類H5工具

iH5、epub360等專業(yè)制作類的H5工具，大多面向大型用戶，對于課件而言，主要適用于產(chǎn)品級(jí)微課資源建設(shè)。與模板制作類工具相比，其功能強(qiáng)大，但使用較為復(fù)雜，需要專業(yè)學(xué)習(xí)。對于個(gè)人用戶而言需要具備一定的語言基礎(chǔ)知識(shí)，制作周期較長，工具使用有一定難度。優(yōu)點(diǎn)在于此類工具能實(shí)現(xiàn)復(fù)雜的交互動(dòng)作，并提供互動(dòng)類工具包。

二、課件制作一般流程

課件是教學(xué)過程中最常見的課堂輔助工具之一，是一種“產(chǎn)品級(jí)”的教學(xué)系統(tǒng)設(shè)計(jì)應(yīng)用，是現(xiàn)目前一線教師使用率最高的現(xiàn)代化教育技術(shù)之一，課件的優(yōu)劣會(huì)影響到課程內(nèi)容的直接表達(dá)，只有合理的課件設(shè)計(jì)才能有效輔助教學(xué)。

在借助H5工具制作課件時(shí)，大部分情況適用于故事型課件。課程教師在使用故事性課件時(shí)可以前置到課堂教學(xué)前，學(xué)生自學(xué)相關(guān)內(nèi)容，任課教師快速帶過此部分學(xué)習(xí)內(nèi)容，從而節(jié)約課堂時(shí)間。該課件直接發(fā)布在網(wǎng)絡(luò)上，學(xué)生通過網(wǎng)絡(luò)可隨時(shí)觀看。

（一）運(yùn)用H5工具制作課件

筆者使用易企秀H5工具為例來進(jìn)行介紹。打開易企秀官網(wǎng)網(wǎng)址，通過社交賬號(hào)或直接注冊成為會(huì)員，即可進(jìn)入到【我的場景】中進(jìn)行自定義編輯。第一次使用平臺(tái)時(shí)，網(wǎng)頁界面會(huì)進(jìn)行功能的介紹，用戶通過跟隨練習(xí)可以完成基礎(chǔ)技能的學(xué)習(xí)。該平臺(tái)的場景界面與PPT界面類似，用戶使用上手率較快，可以滿足大部分教師的使用需求。

1.頁面的創(chuàng)建

教師在進(jìn)行頁面制作時(shí)，按照多媒體課件制作的一般流程進(jìn)行課件的開發(fā)。頁面制作之前，結(jié)合課件面向?qū)ο笫紫刃枰鞔_課件文案、文案的文字、圖片表現(xiàn)形式，模板庫中是否有適合的模板等幾方面問題。在易企秀中頁面的創(chuàng)建通過【我的場景】中【創(chuàng)建場景】選項(xiàng)，進(jìn)行頁面的創(chuàng)建。創(chuàng)建時(shí)既可以使用庫中其他制作者創(chuàng)建的場景模板，進(jìn)行再編輯，亦可以選擇【自主創(chuàng)建】選項(xiàng)創(chuàng)建空白頁面。默認(rèn)頁面為手機(jī)界面樣式的操作界面，制作平臺(tái)網(wǎng)頁主要由頂部菜單、頁面模板、頁面管理、預(yù)覽面板幾個(gè)部分構(gòu)成。

2.頁面的制作

易企秀制作H5頁面方式與PPT軟件方式相類似，在制作平臺(tái)網(wǎng)頁中，所有媒體元素的添加均通過頂部菜單完成，頂部菜單中可以完成常見的文字、圖片、音頻、視頻的基礎(chǔ)添加，常見的媒體格式基本支持。在常見制作中，頁面制作由圖片的插入（包括背景圖片）、文字的插入、文字圖片的動(dòng)畫效果制作。封面頁，封面頁起著吸引觀眾的重要，一般故事型的課件需要在封面頁中，添加背景、音樂、標(biāo)題、作者簡介幾個(gè)部分。通過頂部菜單欄，插入音樂、背景元素，兩者均可使用庫中默認(rèn)素材，也可在線上傳素材至個(gè)人用戶庫中進(jìn)行插入。值得注意的是，音頻的選擇一般以輕緩為宜。標(biāo)題欄的制作基于文本的字體設(shè)置來完成。過程頁，過程頁的制作時(shí)課件內(nèi)容的直接展示，需要注意頁面內(nèi)容的布局，人們快速瀏覽的界面習(xí)慣要求制作時(shí)對單頁內(nèi)容需要重點(diǎn)突出，切記文字內(nèi)容多。頁面的添加通過頁面管理進(jìn)行添加，在不同的頁面中添加內(nèi)容，添加元素后，在功能效果選項(xiàng)中可以完成樣式、動(dòng)畫、觸發(fā)等設(shè)置，交互的動(dòng)畫設(shè)置最好在同一界面完成。通過觸發(fā)等互動(dòng)元素制作可以制作用戶選擇，教師通過用戶的參與通過計(jì)數(shù)等功能來了解用戶知識(shí)了解度。

3.頁面的發(fā)布

課件制作完后，通過頂端又上角【發(fā)布】選項(xiàng)，選擇發(fā)布的方式，可以發(fā)布到微信、QQ等平臺(tái)中，學(xué)習(xí)者點(diǎn)擊即可在線觀看。值得一提的是，如果課件制作者在平臺(tái)場景中如果關(guān)閉場景，其他人均不可查看。

（二）快速制作H5課件

在現(xiàn)實(shí)使用中，由于H5在線制作對素材處理功能還有待提高，我們可以選擇結(jié)合PPT軟件來建H5課件。在PPT軟件中按照H5課件的屏幕尺寸640px * 1080px來進(jìn)行頁面設(shè)置，將PPT橫屏播放的模式改為豎屏顯示，按照課程內(nèi)容完成圖片、文字的添加，當(dāng)然你想要?jiǎng)赢嬶@示的部分除外。其實(shí)將所做的課件頁面全部保存成PNG格式（質(zhì)量高）。之后來到H5平臺(tái)中，如易企秀中將以上圖片按照頁面順序通過【圖片】選項(xiàng)插入到不同的H5頁面中。如無動(dòng)畫要求即可直接發(fā)布，如需動(dòng)畫，在此基礎(chǔ)上進(jìn)行編輯，操作起來更加快捷。

另外，現(xiàn)目前已出現(xiàn)直接將PPT課件快速轉(zhuǎn)換為H5 課件工具，如PP匠工具，用戶將已有的ppt課件通過該工具可以保留演示格式與動(dòng)畫效果在線轉(zhuǎn)化為H5課件，在很大程度上節(jié)約了制作成本。

手機(jī)移動(dòng)終端的教學(xué)資源的使用，順應(yīng)了教育信息化變革的步伐，雖然在很多層面上有著一定的制約性和不可操作性，H5工具不斷演化，網(wǎng)絡(luò)信息的更加有效的傳播，筆者認(rèn)為 H5頁面形式的教學(xué)資源的出現(xiàn)，是值得現(xiàn)有一線教師探究與使用的。