TML5多媒體作品以其對各種平臺的兼容而見長,目前已獲得了廣泛的應用。如果我們需要制作自己的HTML5多媒體作品,一個方便之選就是利用現成的在線制作工具“百度H5”。
首先訪問“百度H5”網頁(https://h5.baidu.com/),可以看到非常簡單的頁面,僅有“我的H5”和“我的模板”兩個選項。其中“我的模板”是通過套用模板的方式來制作HTML5作品,而“我的H5”則可以完全靠自定義各種參數來自由創作,制作好的作品也會顯示在這里(圖1)。
1. 通過創意模板輕松制作
在首頁中選擇“我的模板”,隨后會進入一個模板展示頁面,這些都是設計者們分享的模板。根據你所要設計的作品的類別,可以按類選擇一個類似的作品作為制作的模板,然后在此基礎上進行修改,即可快速形成自己的多媒體作品(圖2)。
比如要制作一個招生方面的媒體作品,選擇如圖所示的秋季班招生模板,然后點擊右下角的“使用模板”按鈕(圖3)。
接下來先要為作品命名,例如“我們的幼兒園招生了”。輸入完畢點擊“確定”按鈕(圖4)。
隨后進入實質性的模板修改編輯階段。對于不合適的內容,可先刪除頁面元素再添加。點擊“文本”菜單插入所需文本內容。同理,可使用右邊的“媒體”按鈕插入圖片、音頻、視頻、嵌入視頻、全景圖等內容。如果是PSD圖片,則直接用PSD菜單載入。若版面中需要插入一些圖標或形狀,則點擊“圖形”菜單選擇添加(圖5)。
此外,對于作品中所要用到的展示數據,可以通過插入圖表、表單等方式,非常輕松地完成數據展示制作(圖6)。如果要實現更多的效果,可通過“插件”菜單,選擇添加頁面加載套件和加載進度、添加計數器、添加幀動畫、添加相冊或地圖等。
對于需要修改的屬性,可通過窗口右側的分類屬性窗口選擇設置。通過窗口下方的編輯區域,可控制動畫、加載頁、全局全景和背景、當前頁等參數設置。例如,要定制個性化的加載頁面效果,點擊“加載頁”選項卡,然后通過下方的滑塊,對加載頁中的圖片和進度進行自定義編輯(圖7)。
對頁面上的各種元素進行修改和編輯完成之后,點擊工具欄左上角的磁盤按鈕將作品保存在網上。注意,編輯過程中產生的內容軟件會自動保存,但為了防止丟失,還是要養成勤于手動保存的習慣。
最后,就可以發布作品了。點擊工具欄上的“發布”按鈕執行發布操作(圖8)。
由于作品是保存在網絡服務器中的,因此作品的共享是以網址的形式體現的。發布時要填寫作品分享的標題,設置個人域名。我們只需在“個性化域名”中填寫自己命名的作品個性域名地址,發布后其他人就可以用這個域名來訪問HTML5作品了(圖9)。
小提示:使用上述服務需要使用自己的百度賬號登錄。為維護網絡安全,目前發布信息需先經過用戶實名制認證方可進行。
2. DIY 完全自己設計制作
套用模板適合于初學者或設計能力不強的用戶。其實,不用套用模板,完全可以從頭全部由自己來設計作品。
制作時,在主頁中選擇“我的H5”,然后點擊空白頁上印有圓圈套加號圖標的按鈕,向導會詢問創建什么樣的布局。從“分頁布局”或“整頁布局”中選擇一種布局方式。如果是分頁布局,則依靠頁面間的前后滑動實現簡單跳轉;如果是整頁布局,則將整個頁面分為不同區域,各部分還可創建鏈接,實現不同的功能(圖10)。
隨后其他步驟與第1部分的添加和設置操作方法相當,只是全要親自設計,不能套用現成的組件而已。在創作過程中,只要善于使用系統提供的文本工具編排文字內容,用媒體和圖形工具添加圖片、圖形、音視頻,數據相關的內容使用圖表、表單等工具,借助于“插件”擴展來補充完善,發揮自由想象的創作空間,一定能創作出更具個性化的作品。
前,國內第一本HTML5 App 開發專業教材——《HTML5 App 商業開發實戰教程》在中關村圖書大廈舉行了隆重的新書發布會。
通常來說,開發布會簽售的,以暢銷書居多。專業教材開發布會簽售,這在國內非常罕見,甚至可以說前所未有。
那么,這本教材為何打破先例?高等教育出版社高職事業部副主任葉波表示,長期以來,國內高校的互聯網相關專業面臨著嚴峻的“教材之困”—— 很多高校使用的計算機編程教材,要么翻譯自國外,不能體現國內的教學特色;要么編寫年代久遠,已經與現行技術標準漸漸脫節。
而《HTML5 App 商業開發實戰教程》這本教材從組稿到立意,從內容到形式,都極大地顛覆了過去的出版模式。因此,高等教育出版社對這本專業教材寄予厚望,希望能讓“教材之困”順利破冰。
據了解,《HTML5 App 商業開發實戰教程》已被高等教育出版社唯一指定為HTML5 App 開發專業教材。全書共8章,內容結合WeX5可視化開發工具展開,覆蓋HTML5核心技術、JavaScript基礎、App開發等。同時優選9個來自于真實HTML5 App商業實戰典型教學案例和26個基本的實現案例,認真學完全書即可獨立擔綱實際商業項目開發。
談到這本書的由來,作者馬科感慨頗深。2014年底,一次圈子聚會上,馬科偶然聽一位高校的老師說,雖然國內的互聯網事業日新月異,但是與之配套的教材卻鳳毛麟角。對此,馬科頗為震動——作為一家互聯網技術公司的掌門,他深知優秀教材的匱乏意味著什么。
一方面,承擔人才輸送任務的高校,由于互聯網技術變化太快,教材更新來不及,只能用相對“落伍”的教材開課,自然培養不出企業需要的人才。
另一方面,國內的移動互聯網事業突飛猛進,對這方面專業人才的需求非常迫切。但企業招聘時經常遇到的是,剛剛從大學畢業的年輕人,知識大量脫節,實戰能力很差,往往需要經過一兩年甚至更長時間的培養鍛煉,才能成為獨當一面的人才。這無疑增加了企業的用人成本。
馬科對這種困境感同身受。過去幾年,起步科技在人才招聘中就遇到過類似的苦惱。他認為,這種情況如果不能得到有效改變,高校就無法為互聯網企業輸送“來之即戰”的生力軍,中國互聯網事業的發展將蒙上陰影——我們活在當下,但一定要思考未來。
基于這個出發點,馬科決定啟動這本書的編寫工作。頗為戲劇性的是,最終呈現在讀者面前的內容,一共256頁——這恰好是互聯網世界中最重要的基本數字之一。
在新書發布會上,高等教育出版社高職事業部副主任葉波對課題組成員的辛勤勞動表示感謝。他強調說,這本教材對高等教育出版社而言,有三個“指標性意義”。
其一,是高等教育出版社首次打破組稿習慣,和一個純IT公司合作出版。對高等教育出版社而言,這是組稿模式的一次重大跨越。以后會把這種組稿模式推而廣之,努力探索一條“社校企”深度合作的教材開發模式。
其二,這本教材是高等教育出版社踐行“互聯網+”,實現教材新形態、一體化的一個代表作。在文本之外,還配套了內容豐富的視頻教程,通過各種網絡承載平臺,使學習有拓展和延伸的可能。
其三,在內容出版方面,高等教育出版社旗下的智慧職教平臺在線發布了與這本教材相關的在線開放課程。通過這種數字化出版的方式,老師可以在平臺上開設自己的工作室,學生可以注冊賬號免費聽課。這也是高等教育出版社近年來探索出的一條全新路徑。
據了解,《HTML5 App 商業開發實戰教程》已經在北大、復旦等46所高校陸續投入使用。很顯然,高等教育出版社提出的“讓企業深度介入人才培養的全過程”的辦法頗有成效。
作為一本教材,其實際的使用效果,尤其值得關注。應邀出席新書發布會的深圳職業技術學院互聯網應用技術專業王洋主任告訴記者,“我們學校的老師在授課過程當中,發現學生對APP軟件的興趣非常強烈,已經超過了我們其他的課程內容?!?/p>
在褒獎聲中,也不乏一些質疑的聲音。發布會現場,就有人提問說:由企業來編寫教材,會不會過于商業化而影響了教材的公益屬性?
對此,起步科技董事長馬科回應說,WeX5可視化開發工具的特點,“一是開源免費,二是WeX5框架采用的是業界主流標準技術,實際上都是開放的”。學生學習WeX5產品練成的都是通用能力,而且在源碼上擁有百分百的自主權,不會有任何商業的負擔。
高等教育出版社高職事業部副主任葉波則表示,邀請企業參與教材編寫主要看中的是“技術后面的方法以及方法后面的思維”。在教材編寫之前,確實有過一些顧慮,“擔心教材做成企業的產品說明書”。但是,從這本教材最后呈現的效果來看,“契合了我們的訴求”。
pp Builder 2024.29 是什么?
App Builder 2024.29 是一個專業的可視化集成開發環境 (IDE),用于創建現代 HTML5 應用程序、Web 應用程序、漸進式 Web 應用程序 (PWA)、Web 擴展以及適用于移動和桌面瀏覽器、Android、iOS、Windows 等平臺的混合應用程序。
怎么樣?
App Builder 2024.29 提供了豐富的功能,使開發者能夠輕松創建功能強大的應用程序。它具有以下特點:
為什么?
使用 App Builder 2024.29 有多個理由:
總之,App Builder 2024.29 是一個功能齊全、易于使用且高度可擴展的開發工具,適合希望快速創建現代、跨平臺應用程序的開發者。
App Builder 2024.29 的功能主要可以分為以下幾個分類,這些功能使其成為一個強大且全面的應用程序開發環境:
App Builder 2024.29 綜合利用了可視化開發和靈活的編程能力,為開發者提供了一個全面的開發工具,適用于多種應用程序開發需求。
App Builder 2024.29 的底層原理可以分為幾個關鍵部分,這些部分共同工作以支持其豐富的功能和跨平臺能力:
App Builder 2024.29 利用了現代 Web 技術、跨平臺框架和可視化開發工具,為開發者提供了一個強大且易于使用的平臺,支持從簡單的 Web 應用到復雜的跨平臺移動應用的開發和部署。
App Builder 2024.29 的架構設計主要圍繞以下幾個核心組件和原則展開:
總體而言,App Builder 2024.29 架構設計注重于利用現代的 Web 技術和跨平臺框架,為開發者提供一個強大而靈活的開發平臺,支持從簡單的 Web 應用到復雜的跨平臺移動應用的開發和部署需求。
App Builder 2024.29 的應用場景廣泛,主要用于以下幾類情況:
總體來說,App Builder 2024.29 是一個多功能的應用開發工具,適用于各種不同規模和類型的應用開發需求。它通過簡化開發流程和提升開發效率,幫助開發者快速構建高質量、功能豐富的應用程序,并且支持這些應用在不同的平臺上進行部署和運行。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。