HTML 5技術在青少年科技教育中的應用探討

楊帥

[摘要]在青少年科技教育中，采用H5技術，可以有效利用移動設備的普及性和便捷性、多種媒體的支持性和交互性，增強科普活動的趣味性、體驗性和探索性，以充滿趣味性的科學現象和科學知識，揭示科學的真正內涵，激發青少年的學習興趣和探索意識，提高青少年科技教育的效率和質量。

[關鍵詞]HTML 5技術青少年科技教育

[中圖分類號]N4

[文獻標識碼]A[文章編號]1001-9596（2019）03-0061-04

《全民科學素質行動計劃綱要實施方案（2016—2020年）》指出，科學素質決定公民的思維方式和行為方式，是實現美好生活的前提，是實施創新驅動發展戰略的基礎，是國家綜合國力的體現。同時，該方案指出，目前我國公民科學素質水平與發達國家相比仍有較大差距，全民科學素質工作發展還不平衡，不能滿足全面建成小康社會和建設創新型國家的需要。主要表現在：面向農民、城鎮新居民、邊遠和民族地區群眾的全民科學素質工作仍然薄弱，青少年科技教育有待加強;科普技術手段相對落后，均衡化、精準化服務能力亟待提升;科普投入不足，全社會參與的激勵機制不完善，市場配置資源的作用發揮不夠[1] 。

當前，以互聯網為代表的信息化技術飛速發展，如何將先進的信息化技術應用于青少年科技教育工作中，促進青少年增強科技強國意識，改變過去由于科普工作方法、技術手段落后而導致青少年科技教育績效不理想的現狀，值得深入探究。本文結合實際案例，探討將HTML 5（簡稱H5）技術應用于青少年科普工作的流程。

一、相關概念界定

（一）HTML 5

HTML是Hyper Text Mark|up Language 的縮寫，意思是超文本標記語言，是一種網頁創建方式，它是網頁的開發端和接收端約定標記標題、正文、圖片、文字樣式等頁面內容的整套規范跨終端的輕應用[2] 。

HTML 5 是HTML超文本標記語言的第五次重大修改，實現了在移動設備上很好地支持多媒體的目的，其優點是：

1.跨平臺。用HTML 5技術開發的科普資源可以實現跨平臺的使用，可應用于電腦、手機、平板等設備，支持Windows、IOS、安卓等系統。另外，H5可以方便快捷地在社交平臺，如QQ、微信上進行傳播，不像手機應用軟件APP需要進行下載、安裝，只需要用H5技術制作的教學資源掃描一下每個資源自帶的二維碼，即可觀看。該技術可以將傳統的以圖片、文字、音視頻、動畫等多媒體構成的科普資源，用H5技術進行傳播，使信息技術助力科普工作。

2.自適應網頁設計。即同一張頁面自動適應不同大小的屏幕，根據屏幕寬度自動調整布局（layout），避免了在開發制作過程中需要對不同設備提供不同網頁的問題。

3.即時更新。傳統手段制作的軟件、資源更新比較麻煩，而HTML 5制作的資源是即時的，科普工作者在線制作、更改資源后，觀看者瀏覽時內容就自動更新。因此，通過H5技術制作并發布的科普內容，使用者只需通過掃描資源自帶的二維碼，或是點擊資源自動生成的內容鏈接就可以觀看，而且可以重復使用，不需要考慮安裝、更新以及存儲空間等問題，可以使科技教育資源方便、快捷、大范圍的傳播。

4.統計和數據收集功能。目前很多在線應用，如購物網站平臺、教育平臺等都會對用戶的使用痕跡進行跟蹤記錄，以獲取具體數據，然后再根據收集到的數據，分析個人喜好，有針對性地推送相關內容。H5技術在線科普內容也可以對使用者進行信息跟蹤，獲取數據，對科普資料的使用情況、使用人群及需求進行數據收集和分析。

（二）科普

科普的目的是實現科學技術的傳播與普及?？破展ぷ饕ㄟ^各種途徑、技術、方法，把自然科學知識、社會科學知識、科學研究方法、科學思想、科學精神向社會公眾普及，促進公眾理解科學 [3]。

二、開展青少年科技教育的意義

科學技術是第一生產力。要想在當前激烈競爭的國際環境中獲得長遠發展，發展科學技術是關鍵。在當前全球化背景下，提升我國的國際地位，實現中華民族的偉大復興，離不開科學技術的長足發展。青少年是祖國的未來、民族的希望，“少年強則國強”，因此面向青少年開展科技教育，用先進的科學思想、科學技術、科學意識武裝頭腦，堅定理想信念、培養創造精神、提高科學素質顯得尤為重要。另外，通過開展科技教育，可以凸顯科技知識的價值，提升科學教育的重要性，推動社會不斷發展。

我國社會主義建設正處于飛速發展階段，青少年只有從小掌握和學習先進科技知識，才能擔起改造自然、推動社會發展的重任。因此，青少年科技教育工作應該得到各級行政部門、教育部門的重視。當前，信息技術飛速發展，科普工作可以借助信息化技術開展豐富多彩的科普教育和實踐活動，營造良好的科技教育環境，使青少年受到更多更好的科技教育，激發他們深入探索科學奧秘的興趣。

三、H5 技術在青少年科學教育中的應用

H5 技術利用移動設備的普及性和便捷性、多種媒體的支持性和交互性，可以增強科普活動的趣味性、體驗性和探索性，可以用充滿趣味性的科學現象和科學知識在揭示科學真正內涵的同時，激發青少年的學習興趣和探索意識。針對青少年開展的科普活動，應該避免灌輸式教學，要努力營造真實的學習和體驗環境，使他們切身感受科技的神奇與魅力。H5 技術在青少年科學教育中的應用流程如下。

（一）設計

根據青少年的心智發展，設計貼近現實生活，感染性強、參與性強、探究性強的科技教育資源。另外，H5開發的科普學習資料，主要是針對移動終端，因此有利于青少年開展碎片化瀏覽。青少年可以根據自身需求，突破時空限制，充分體現內容、時間、過程的碎片化。H5技術開發的科普資源應充分體現移動端觀看所具有的靈活性、便捷性、交互性、情境性等特征。

（二）開發傳播

目前，H5被廣泛用于制作小游戲、邀請函、產品宣傳等，在微信傳播中十分盛行，因此，H5富媒體、低門檻的特性在科普資源制作與傳播中潛力巨大。另外，易于實現、工具多樣也是推動其發展的重要原因。H5技術門檻低，簡單易上手，制作工具也很多，比如“MAKA”“易企秀”“微學寶”“初頁”“iH5”等，在這些平臺上用戶注冊后，即可免費使用平臺提供的工具進行課程資源的開發、存儲、管理等，以所見即所得的方式將文字、圖片、音視頻等素材應用于自己的資源開發。目前，主流的H5制作平臺有以下特點。

1.零代碼。H5不需要編寫任何代碼，只需“創意+鼠標拖拽、點擊”，即可輕松制作便于交互、精彩紛呈的科普教學資源。

2.工具免費且無需安裝。H5工具大多是免費的，并且還具有數據搜集、分析、統計功能，這些工具除了使用簡單外，不像其他軟件一樣需要下載到本地安裝，只要登錄在線制作平臺即可制作、編輯。

3.易傳播。以往的在線教學資源，需要依靠專門平臺和專業的軟件來開發、管理，因為過于專業，不易于跨平臺應用，不能廣泛傳播。H5具有跨平臺、自適應等特性，只要通過QQ、微信就能方便快捷地進行分享、傳播。

（三）反饋改進

基于H5技術開發的科普資源，瀏覽者可以在觀看后獲取資源使用中的數據，如瀏覽內容、瀏覽時間、頁面停留時間、資源點擊量等。通過對這些數據的獲取和分析，可以得到某個在線科普資源的使用狀況，得到資源使用情況的反饋，并作為資源改進的依據，從而設計更合理的科技教育資源。

四、應用實例

以MAKA平臺制作《認識身邊的小昆蟲》為例，介紹H5科技教育資源制作流程。首先根據設計，準備相應的素材，將所需要的圖片、音頻、視頻等素材存儲備用。

（一）登錄MAKA，進入制作平臺

打開MAKA平臺，網址為http：//www.maka.im，可以用微信掃描登錄，也可用賬號登錄，登錄后即進入工具平臺，選擇“創建作品”開始制作H5頁面。

（二）上傳素材資源

單擊左側工具欄“上傳”選項卡，將所要呈現的圖片、視頻等素材上傳到平臺。

（三）設計制作頁面

對頁面進行設計，將素材放置頁面上，對素材進行大小、位置、透明度、動畫等操作，使之符合頁面設計要求，做完一頁后添加新頁面繼續以上操作，直到做完所有頁面。

（四）分享發布信息

鼠標單擊窗口右上角“瀏覽/分享”按鈕，自動生成二維碼，掃一掃二維碼即可發布到QQ、微信等平臺。

五、結束語

過去，人們開展青少年科技教育中面臨的移動性、差異性等問題得不到較好地解決，而H5技術作為一種在線開放的科技教育資源，具有投入小、免安裝、可實時更新、隨時統計等優點，可以在一定程度上提高青少年科普工作的效率和質量。

參考文獻

[1]全民科學素質行動計劃綱要實施方案（2016—2020年）[EB/OL].（2016-03-14）.http：//www.gov.cn/zhengce/content/2016-03/14/content_5053247.htm.

[2]百度百科，html5[EB/OL].https：//baike.baidu.com/item/html5/4234903？fr=aladdin.

[3]李成芳.我國科普工作存在問題的原因分析及對策研究[D]. 武漢：武漢科技大學，2003.