H5製作軟體Hype的文稿檢查器詳解

2022-07-13 21:51:31 字數 914 閱讀 1389

中的文稿檢查器功能。

文稿檢查器詳解:

1、網頁標題設定

在hype介面右側的檢查器中,第乙個選項卡,就是「文稿」檢查器,在文稿檢查器中,第一欄可以設定當前html的網頁標題,如下圖1所示。預設情況下,網頁標題與匯出的檔名相同。

2、匯出指令碼設定

3、選項設定

第三欄,是選項設定,如下圖3。

當勾選上「將背景設為透明」時,場景的背景會變為透明而不是白色,選中此項,在匯出為gif時,可以匯出透明的gif。

4、高階選項設定

第四欄是高階選項設定,如下圖4。高階選項設定中,主要需要使用者自己手動設定的是第二項:「使用webkit圖形加速」。勾選該項,動畫在基於webkit核心的瀏覽器(包括safari瀏覽器和chrome谷歌瀏覽器)中顯示時,可以使用系統的gpu進行動畫渲染加速,達到更好的網頁渲染效果。但是某些瀏覽器或裝置可能無法正確呈現加速的內容,所以有時候需要手動取消勾選該項。

5、移動選項設定

第五欄是移動選項設定,設定這些選項會在匯出的.html頁面上設定對應的屬性,如下圖5。

勾選上「初始縮放1.0」後,會將「initial-scale=1.0」屬性新增到匯出頁面的html中,則網頁在首次載入時將按照實際比例進行顯示,無任何縮放,預設不勾選此選項。

勾選上「覆蓋缺口」後,將新增viewport-fit=cover到viewportmeta標籤中,以將網頁的背景色擴充套件到iphone x的邊緣,實際上就是適配iphone x劉海屏的螢幕,hype預設是不勾選此選項,這裡小編建議勾選上此選項。

勾選上「允許使用者縮放」後,將新增「scale-by-users」屬性到html中,有了此屬性,使用者就可以在網頁上隨意地放大和縮小網頁。

hype軟體預設為文稿檢查器勾選上「使用觸控事件」選項,該選項可以在使用者觸控網頁(如點選網頁某處)時,觸發指定事件,具體事件指定在動作檢查器中進行設定。

H5製作軟體Hype如何新增和管理時間線

hype 4,教大家如何去新增和管理時間線。一 新增時間線 在hype中,有3種新增時間線的方式。第一種,點選 主時間線 旁的小箭頭,然後選擇 新時間線 即可為當前場景新增一條時間線,具體操作如下圖1紅框。第二種,在時間線操作選單上,有乙個加號,點選該加號,然後選擇 開始時間線 如下圖2所示。然後選...

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

h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點 首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。其次 點選 應用製作 進入的頁面將看見 高階模式 在高階模式下,你可以直接使用系統模板,也可以自己新建應用,根據自己的...

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

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