首次知乎 - 如何用易企秀製作H5頁面

寫在前面

首篇知乎文章，緣起於我想教一個朋友如何做H5頁面。因此我在想，或許用圖文記錄的方式來呈現，會更加的直觀和易於保存。之前經常用簡書記錄文字，在之前用過Lofter、百度貼吧、人人網、QQ空間、點點網、印象筆記、有道雲筆記、為知筆記....來擺弄文字，各種不順手，甚至有一度我乾脆只用Microsoft的Word或者記事本來寫好了=。=

希望知乎，能夠讓挑剔的我不再相忘。

直切正題

製作H5的方法很多，我習慣了易企秀，所以呢，先把易企秀的製作方法學會吧。

可以在瀏覽器中直接打開網站（http://www.eqxiu.com/）或者在手機上下載「易企秀」手機應用。這裡我先講網頁版~（因為用電腦做起來不累眼睛不累胳膊）

點擊登錄，我選擇的是QQ登錄（方便哦~）

綁定手機號？（有空就綁定吧，初次試用可以點擊「下次再說」）

進入網站後找到「立即制止」按鈕，立馬就可以開始動工了！

操作面板如下：

強烈建議自學者先把能看到的每一個按鈕都點一遍，看看會發生什麼，於是就知道這個按鈕是什麼作用了。不要怕點壞，人家網站不怕壞哦，你的試驗品作品肯定也不怕壞~

簡要介紹一下功能分區：

中間的手機，就是將來在手機上播放的手機模型，在手機旁邊有一些按鈕，具體功能：當你的滑鼠懸浮在這個按鈕上面的時候，就提示你這是什麼功能了。

最左面有模板中心：模板中心真的很贊，我幾乎從不從零開始作頁面，都是選中一個版型和動畫都比較符合我心意的模板頁，直接拿來修修改改就好了。

最右面是頁面管理，最下面的大加號可以增加新的頁面。選中某個頁面也可以在上面選擇刪除。

最上面是工具條，比如你想在當前頁面里新增加個文字啊圖片啊，就上上面去挖掘吧。

最右上角是工作完成的最後一步，一般做差不多了，會先點擊「預覽和設置」（設置主要是設置標題和簡介和背景音樂之類的），看差不多了點擊保存下次繼續做。等都做完了點擊發布。

實踐見真知

話不多說，我直接舉例做一個簡單的H5頁面。

首先我添加足夠的頁面（想要幾張就添加幾張）。

我從第一頁開始編輯起。

我想做一個封面，只需要顯示標題就夠了，我去左面選擇一個模板（模板有很多，不停地往下滾動就很多很多）。

我選中左面一個日式和風的樣子，中間就變成這個模板的樣子了：

我編輯裡面的文字，我滑鼠對準「歡迎」二字雙擊！注意是雙擊！

隨之我打字：

然後我想修改這三個字的效果（字體、字型大小、顏色等等），我需要用滑鼠先選中這幾個字：

旁邊浮著的小工具條就像Word一樣，可以編輯文字的樣式。

我編輯這個字完成了，我點擊其他地方：

就能看到效果了（並不好看，因為我只想演示一下功能）

其他的每一個位置的文字都可以如此改變，雙擊即可。

改完後，我想編輯第二頁了。點擊右面的第二頁，在到左面選中模板。

這次我選了一個帶圖片的：

想替換自己的圖片，雙擊圖片的位置：

會彈出一個素材庫：

在這裡看人家要是有好看的圖片了，就點擊使用就行了。比如第一張挺好看，就變成這樣了：

如果想用自己電腦里特定的某個照片，點擊素材庫左下角的上傳按鈕，會彈出本地文件夾

找到自己要的那張圖片就好了。

自己的圖片進入了素材庫的我的上傳中，選中這個剛剛上傳的圖片，點擊使用，就好了。

我想在第三章帶元素的東東：

我發現裡面有些沒用，我可以刪掉一個

變成

我可以拖動其他的東西的位置

哈哈，我還想讓最上面的圓形在最底下放著，我右擊這個大圓形，點擊「置底」

恩恩，元素的層次就改變了哦。

我還想給他添加一個東西，無論是什麼，都在最上面都有：

我添加個形狀吧：

選中第一個

是不是很簡單~~！

最後第四頁，我隨便添加個好看的東西：

可是我想讓它有炫酷的背景，我點擊旁邊的

於是：

挑一個背景，點擊使用，進入：

拖拽到一個好看的想拿來做豎著的背景的位置，點擊確定

就變成醬紫嘍~~

好的，這四頁暫且如此啦，現在預覽：

左面可以點擊上一頁下一頁進行播放，帶動畫效果的呢！

在右面，要認認真真填寫信息：

標題：

這裡面的標題，會顯示在兩個地方，一個是

一個是分享的時候的題目

描述最多60字，在分享的時候也挺明顯的：

顯示在這裡：

此外最重要的是場景音樂哦！

點擊後

如果有滿足自己需要的好聽的背景音樂就選中就好了（但是居然要收秀點費，不喜歡了），怎麼辦？可以上傳哦！

把喜歡的音樂下載，注意大小不能超過4M。

對於整首的背景音樂往往需要剪裁，這裡不做重點教程，但是很重要，可以試試用酷狗音樂軟體來編輯音樂，也很簡單！

比如我的上傳中就有一個我自己剪裁過的音樂

選中後點擊確定即可。

都填完知乎就可以點擊確定了。

最後我點擊右上角的「發布」，就可以用手機掃頁面上的二維碼進行手機觀看和分享啦！

如果覺得那裡不滿意，還可以繼續修改，

點擊繼續編輯就好啦~

善於發現

其實這樣的軟體本身就是給不會用的人，看到後一上手就基本上很快能學會的。秉承探索求知精神，相信自己，為每一次收穫新的體驗而喜樂吧:)

End

推薦閱讀：