h5頁面製作??

最近微信朋友圈裡經常發一些漂亮的h5頁面,有結婚邀請函,有寶寶相簿,還有一些晒旅遊的等等。那炫酷的畫面和動聽的音樂到底是怎麼做的呢?是不是也想創作屬於自己的H5頁面呢?下面給大家介紹如何藉助微吾這款工具,輕鬆製作出炫酷的H5頁面。

h5頁面製作?

h5頁面製作?

工具/原料

製作H5頁面的文案素材,圖片,音樂

Chrome、IE11、360極速瀏覽器、360瀏覽器

方法/步驟

百度搜索微吾,進入微吾官網,點選登入

h5頁面製作?

點選建立專案,進入模板選擇頁

你可以

1、新建空白頁面,自由創作;

2、選擇主題模板,更快速的創作出炫麗的展示。

h5頁面製作?

選擇模板後,進入創作介面,主要分為三個區域:預覽區、功能區和主編輯區。

h5頁面製作?

預覽區操作功能:

1、顯示頁面的展示順序;

2、右鍵可以複製、刪除和儲存頁面。

h5頁面製作?

功能—新建文字

1、新增文字:點選新建文字選項→主編輯區會出現文字輸入框→雙擊編輯;

2、文字屬性修改:右側文字屬性修改選項,包括字型種類、大小、顏色等等。

h5頁面製作?

功能-上傳圖片

1、上傳圖片:點選圖片庫選項→上傳圖片→選擇圖片→點選新增圖片按鈕;

2、直接選擇已有圖片→點選新增圖片。

h5頁面製作?

h5頁面製作?

功能-視訊

點選視訊選項,將視訊的通用程式碼貼上到文字框即可。

h5頁面製作?

其他功能

點選其他選項,可以選擇幻燈片、圖形、表單、地圖、特效、音訊功能。

h5頁面製作?

功能-新增修改背景音樂

點選背景音樂選項,在已有音樂列表選擇或點選上傳音樂。

h5頁面製作?

功能-更改底部背景

點選更改背景按鈕→選擇圖片→設為背景。

h5頁面製作?

h5頁面製作?

功能-更換圖片

1、選中圖片;

2、點選更換圖片按鈕;

3、選擇新圖片→更換圖片。

h5頁面製作?

功能-設定動畫

1、選中要新增動畫的物件;

2、選擇動畫效果;

3、設定動畫引數,如時間、延遲等。

h5頁面製作?

功能-新增事件

1、選中要新增事件的物件;

2、點選事件選項;

3、設定觸發事件條件及延遲時間。

h5頁面製作?

設定

1、點選設定按鈕;

2、新增標題、內容簡介、更換封面;

3、點選儲存→釋出,即完成了一個作品的製作過程。

h5頁面製作?

儲存

點選導航欄的儲存按鈕→再點選設定按鈕→進入釋出頁面

h5頁面製作?

釋出

1、點擊發布按鈕;

2、生成的二維碼和連結可以自己個人轉發或者放到微信公眾等平臺釋出。

h5頁面製作?

注意事項

關於儲存:建議每建立完成一個元件後,點選左上角的儲存,儲存一次。

關於預覽:點選左側的預覽區頁面,可以預覽該頁面的展示效果

相關問題答案