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

時(shí)間：2023-07-05 03:27:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-05 03:27:02 來源：網(wǎng)站運(yùn)營

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

寫在前面

首篇本站文章，緣起于我想教一個(gè)朋友如何做H5頁面。因此我在想，或許用圖文記錄的方式來呈現(xiàn)，會(huì)更加的直觀和易于保存。之前經(jīng)常用簡(jiǎn)書記錄文字，在之前用過Lofter、百度貼吧、人人網(wǎng)、QQ空間、點(diǎn)點(diǎn)網(wǎng)、印象筆記、有道云筆記、為知筆記....來擺弄文字，各種不順手，甚至有一度我干脆只用Microsoft的Word或者記事本來寫好了=。=

希望本站，能夠讓挑剔的我不再相忘。

直切正題

制作H5的方法很多，我習(xí)慣了易企秀，所以呢，先把易企秀的制作方法學(xué)會(huì)吧。

可以在瀏覽器中直接打開網(wǎng)站（

http://www.eqxiu.com/）或者在手機(jī)上下載“易企秀”手機(jī)應(yīng)用。這里我先講網(wǎng)頁版~（因?yàn)橛秒娔X做起來不累眼睛不累胳膊）

點(diǎn)擊登錄，我選擇的是QQ登錄（方便哦~）


綁定手機(jī)號(hào)？（有空就綁定吧，初次試用可以點(diǎn)擊“下次再說”）


進(jìn)入網(wǎng)站后找到“立即制止”按鈕，立馬就可以開始動(dòng)工了！

操作面板如下：

強(qiáng)烈建議自學(xué)者先把能看到的每一個(gè)按鈕都點(diǎn)一遍，看看會(huì)發(fā)生什么，于是就知道這個(gè)按鈕是什么作用了。不要怕點(diǎn)壞，人家網(wǎng)站不怕壞哦，你的試驗(yàn)品作品肯定也不怕壞~

簡(jiǎn)要介紹一下功能分區(qū)：

中間的手機(jī)，就是將來在手機(jī)上播放的手機(jī)模型，在手機(jī)旁邊有一些按鈕，具體功能：當(dāng)你的鼠標(biāo)懸浮在這個(gè)按鈕上面的時(shí)候，就提示你這是什么功能了。

最左面有模板中心：模板中心真的很贊，我?guī)缀鯊牟粡牧汩_始作頁面，都是選中一個(gè)版型和動(dòng)畫都比較符合我心意的模板頁，直接拿來修修改改就好了。

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

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

最右上角是工作完成的最后一步，一般做差不多了，會(huì)先點(diǎn)擊“預(yù)覽和設(shè)置”（設(shè)置主要是設(shè)置標(biāo)題和簡(jiǎn)介和背景音樂之類的），看差不多了點(diǎn)擊保存下次繼續(xù)做。等都做完了點(diǎn)擊發(fā)布。

實(shí)踐見真知

話不多說，我直接舉例做一個(gè)簡(jiǎn)單的H5頁面。

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

我從第一頁開始編輯起。


我想做一個(gè)封面，只需要顯示標(biāo)題就夠了，我去左面選擇一個(gè)模板（模板有很多，不停地往下滾動(dòng)就很多很多）。

我選中左面一個(gè)日式和風(fēng)的樣子，中間就變成這個(gè)模板的樣子了：

我編輯里面的文字，我鼠標(biāo)對(duì)準(zhǔn)“歡迎”二字雙擊！注意是雙擊！

隨之我打字：

然后我想修改這三個(gè)字的效果（字體、字號(hào)、顏色等等），我需要用鼠標(biāo)先選中這幾個(gè)字：

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

我編輯這個(gè)字完成了，我點(diǎn)擊其他地方：

就能看到效果了（并不好看，因?yàn)槲抑幌胙菔疽幌鹿δ埽?br>
其他的每一個(gè)位置的文字都可以如此改變，雙擊即可。

改完后，我想編輯第二頁了。點(diǎn)擊右面的第二頁，在到左面選中模板。

這次我選了一個(gè)帶圖片的：

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


會(huì)彈出一個(gè)素材庫：


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

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

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

自己的圖片進(jìn)入了素材庫的我的上傳中，選中這個(gè)剛剛上傳的圖片，點(diǎn)擊使用，就好了。

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

我發(fā)現(xiàn)里面有些沒用，我可以刪掉一個(gè)

變成

我可以拖動(dòng)其他的東西的位置

哈哈，我還想讓最上面的圓形在最底下放著，我右擊這個(gè)大圓形，點(diǎn)擊“置底”

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

我還想給他添加一個(gè)東西，無論是什么，都在最上面都有：

我添加個(gè)形狀吧：

選中第一個(gè)

是不是很簡(jiǎn)單~~！

最后第四頁，我隨便添加個(gè)好看的東西：

可是我想讓它有炫酷的背景，我點(diǎn)擊旁邊的于是：

挑一個(gè)背景，點(diǎn)擊使用，進(jìn)入：

拖拽到一個(gè)好看的想拿來做豎著的背景的位置，點(diǎn)擊確定

就變成醬紫嘍~~

好的，這四頁暫且如此啦，現(xiàn)在預(yù)覽：

左面可以點(diǎn)擊上一頁下一頁進(jìn)行播放，帶動(dòng)畫效果的呢！

在右面，要認(rèn)認(rèn)真真填寫信息：

標(biāo)題：

這里面的標(biāo)題，會(huì)顯示在兩個(gè)地方，一個(gè)是

一個(gè)是分享的時(shí)候的題目

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

顯示在這里：

此外最重要的是場(chǎng)景音樂哦！

點(diǎn)擊后

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

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

對(duì)于整首的背景音樂往往需要剪裁，這里不做重點(diǎn)教程，但是很重要，可以試試用酷狗音樂軟件來編輯音樂，也很簡(jiǎn)單！

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

選中后點(diǎn)擊確定即可。

都填完本站就可以點(diǎn)擊確定了。

最后我點(diǎn)擊右上角的“發(fā)布”，就可以用手機(jī)掃頁面上的二維碼進(jìn)行手機(jī)觀看和分享啦！

如果覺得那里不滿意，還可以繼續(xù)修改，

點(diǎn)擊繼續(xù)編輯就好啦~

善于發(fā)現(xiàn)

其實(shí)這樣的軟件本身就是給不會(huì)用的人，看到后一上手就基本上很快能學(xué)會(huì)的。秉承探索求知精神，相信自己，為每一次收獲新的體驗(yàn)而喜樂吧:)

End