應用之星 最好用的H5製作平台 附H5製作教程

2022-08-30 10:33:11 字數 1205 閱讀 9428

h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點:首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。

其次:點選「應用製作」,進入的頁面將看見「高階模式」。在高階模式下,你可以直接使用系統模板,也可以自己新建應用,根據自己的需要選擇。

高階模式:提供了多樣化的模板。您可以選擇一款,按照樣式逐步編輯即可獲得精美h5頁面,同時也支援您擴充套件編輯;另外也可以自己新建h5頁面,採用純自由的控制項式操作,完全由您自由設計每個頁面內容及其之間的關係,各式h5頁面隨心建立。

下面介紹的是自己新建乙個h5頁面。

第一步:點選「我要建立」,彈出的視窗輸入你將要設計的h5頁面的「名稱」和選擇型別,如圖:

第二步:點選「建立」後,進入h5頁面的製作區域,這裡你將看到各類控制項、我的模板、系統模板等,如圖:

系統模板:是指應用之星提供的模板。

第三步:點選控制項來製作h5頁面,根據你h5頁面的內容需要,進行控制項選擇使用,比如我要用文字控制項,直接點選「文字」,然後製作區域將出現「請輸入文字」,再點選「請輸入文字」,將彈出文字的屬性框,進行編輯和設定動畫,如圖:

在這裡的製作區域,有幾點需要注意的:

1、拉動每個控制項,都會出現輔助線,用來調整對齊。在設定文字控制項的時候,注意設定行間距,不要讓文字堆積在一起。

2、設定動畫的時候,注意先設定時間,再選擇動畫方式,如圖:

3、所有控制項右鍵可以調出快捷鍵使用,如圖:

4、調整圓角或透明度的時候,可以結合鍵盤的上下左右鍵一起使用。

5、調整字型顏色或者邊框顏色的時候,先拖動右邊的滑動按鈕,再拖動左邊的小圈按鈕,如圖:

6、新建頁面,在右邊導航下部,如圖:

7、所有製作的頁面都可以拖動,刪除,但前提是在編輯狀態下,即先點選編輯才可進行刪除或拖動。動作完成後,再次點選編輯,即可關閉編輯功能;(當做第二頁麵時,可以直接複製第乙個頁面,如果是類似的頁面,複製的目的是節省時間,減少重複操作。)

8、在製作h5頁面的同時,如果你還想生成android應用或ios應用,去「設定」——>「高階」裡進行,如圖:

生成android應用或ios應用,具體可以看教程:

最後,如果你想修改h5頁面,那麼去個人中心——>應用管理裡進行修改;如果你自信自己做的h5頁面也想被更多人欣賞,那麼去個人中心——>應用管理裡進行優秀案例申請,我們將在1-3個工作日審核,審核通過後,將在**的優秀案例裡展示給更多網友欣賞學習!

h5課件製作 H5課件製作的注意事項

企業將培訓中的重點難點利用h5課件製作成學習課件,方便學員隨時隨地的瀏覽學習,讓學員自主學習獲得最佳效果。隨著h5課件廣泛應用在教學中,製作h5課件已成為教學常態,那麼,在h5課件製作時候有哪些注意事項呢?h5課件和線下的課件有什麼不同呢?下面思創來一一跟大家解讀!1 要具有美感 內容是h5課件的主...

H5及H5頁面是什麼意思?如何製作H5頁面?

h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點 首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項,通過點選新增到製作介面,控制項的選擇使用按照你...

H5 快取的應用

可以使用 號來指示所有其他資源 檔案都需要網際網路連線 network 下面的 fallback 小節規定如果無法建立網際網路連線,則用 404.html 替代 jquery xuexi 目錄中的所有檔案 fallback jquery xuexi 404.html 以 開頭的是注釋行,請注意,ma...