首次知乎 – 如何用易企秀制作H5页面

写在前面

首篇知乎文章,缘起于我想教一个朋友如何做H5页面。因此我在想,或许用图文记录的方式来呈现,会更加的直观和易于保存。之前经常用简书记录文字,在之前用过Lofter、百度贴吧、人人网、QQ空间、点点网、印象笔记、有道云笔记、为知笔记….来摆弄文字,各种不顺手,甚至有一度我干脆只用Microsoft的Word或者记事本来写好了=。=

希望知乎,能够让挑剔的我不再相忘。

直切正题

制作H5的方法很多,我习惯了易企秀,所以呢,先把易企秀的制作方法学会吧。

可以在浏览器中直接打开网站(

http://www.eqxiu.com/

)或者在手机上下载“易企秀”手机应用。这里我先讲网页版~(因为用电脑做起来不累眼睛不累胳膊)

点击登录,我选择的是QQ登录(方便哦~)

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

绑定手机号?(有空就绑定吧,初次试用可以点击“下次再说”)

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

进入网站后找到“立即制止”按钮,立马就可以开始动工了!

操作面板如下:

首次知乎 - 如何用易企秀制作H5页面
强烈建议自学者先把能看到的每一个按钮都点一遍,看看会发生什么,于是就知道这个按钮是什么作用了。不要怕点坏,人家网站不怕坏哦,你的试验品作品肯定也不怕坏~

简要介绍一下功能分区:

中间的手机,就是将来在手机上播放的手机模型,在手机旁边有一些按钮,具体功能:当你的鼠标悬浮在这个按钮上面的时候,就提示你这是什么功能了。

最左面有模板中心:模板中心真的很赞,我几乎从不从零开始作页面,都是选中一个版型和动画都比较符合我心意的模板页,直接拿来修修改改就好了。

最右面是页面管理,最下面的大加号可以增加新的页面。选中某个页面也可以在上面选择删除。

最上面是工具条,比如你想在当前页面里新增加个文字啊图片啊,就上上面去挖掘吧。

最右上角是工作完成的最后一步,一般做差不多了,会先点击“预览和设置”(设置主要是设置标题和简介和背景音乐之类的),看差不多了点击保存下次继续做。等都做完了点击发布。

实践见真知

话不多说,我直接举例做一个简单的H5页面。

首先我添加足够的页面(想要几张就添加几张)。

首次知乎 - 如何用易企秀制作H5页面
我从第一页开始编辑起。
首次知乎 - 如何用易企秀制作H5页面

我想做一个封面,只需要显示标题就够了,我去左面选择一个模板(模板有很多,不停地往下滚动就很多很多)。

我选中左面一个日式和风的样子,中间就变成这个模板的样子了:

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

我编辑里面的文字,我鼠标对准“欢迎”二字双击!注意是双击!

首次知乎 - 如何用易企秀制作H5页面
随之我打字:
首次知乎 - 如何用易企秀制作H5页面
然后我想修改这三个字的效果(字体、字号、颜色等等),我需要用鼠标先选中这几个字:
首次知乎 - 如何用易企秀制作H5页面
旁边浮着的小工具条就像Word一样,可以编辑文字的样式。

我编辑这个字完成了,我点击其他地方:

首次知乎 - 如何用易企秀制作H5页面
就能看到效果了(并不好看,因为我只想演示一下功能)

其他的每一个位置的文字都可以如此改变,双击即可。

改完后,我想编辑第二页了。点击右面的第二页,在到左面选中模板。

这次我选了一个带图片的:

首次知乎 - 如何用易企秀制作H5页面
想替换自己的图片,双击图片的位置:
首次知乎 - 如何用易企秀制作H5页面

会弹出一个素材库:

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

在这里看人家要是有好看的图片了,就点击使用就行了。比如第一张挺好看,就变成这样了:

首次知乎 - 如何用易企秀制作H5页面
如果想用自己电脑里特定的某个照片,点击素材库左下角的上传按钮,会弹出本地文件夹
首次知乎 - 如何用易企秀制作H5页面
找到自己要的那张图片就好了。
首次知乎 - 如何用易企秀制作H5页面
自己的图片进入了素材库的我的上传中,选中这个刚刚上传的图片,点击使用,就好了。
首次知乎 - 如何用易企秀制作H5页面

我想在第三章带元素的东东:

首次知乎 - 如何用易企秀制作H5页面
我发现里面有些没用,我可以删掉一个
首次知乎 - 如何用易企秀制作H5页面
变成
首次知乎 - 如何用易企秀制作H5页面
我可以拖动其他的东西的位置
首次知乎 - 如何用易企秀制作H5页面
首次知乎 - 如何用易企秀制作H5页面

哈哈,我还想让最上面的圆形在最底下放着,我右击这个大圆形,点击“置底”

首次知乎 - 如何用易企秀制作H5页面
首次知乎 - 如何用易企秀制作H5页面
恩恩,元素的层次就改变了哦。

我还想给他添加一个东西,无论是什么,都在最上面都有:

首次知乎 - 如何用易企秀制作H5页面
我添加个形状吧:
首次知乎 - 如何用易企秀制作H5页面

选中第一个

首次知乎 - 如何用易企秀制作H5页面
是不是很简单~~!

最后第四页,我随便添加个好看的东西:

首次知乎 - 如何用易企秀制作H5页面
可是我想让它有炫酷的背景,我点击旁边的
首次知乎 - 如何用易企秀制作H5页面
于是:
首次知乎 - 如何用易企秀制作H5页面
首次知乎 - 如何用易企秀制作H5页面

挑一个背景,点击使用,进入:

首次知乎 - 如何用易企秀制作H5页面
拖拽到一个好看的想拿来做竖着的背景的位置,点击确定
首次知乎 - 如何用易企秀制作H5页面
就变成酱紫喽~~

好的,这四页暂且如此啦,现在预览:

首次知乎 - 如何用易企秀制作H5页面
左面可以点击上一页下一页进行播放,带动画效果的呢!

在右面,要认认真真填写信息:

标题:

首次知乎 - 如何用易企秀制作H5页面
这里面的标题,会显示在两个地方,一个是
首次知乎 - 如何用易企秀制作H5页面

一个是分享的时候的题目

首次知乎 - 如何用易企秀制作H5页面
描述最多60字,在分享的时候也挺明显的:
首次知乎 - 如何用易企秀制作H5页面
显示在这里:
首次知乎 - 如何用易企秀制作H5页面

此外最重要的是场景音乐哦!

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

点击后

首次知乎 - 如何用易企秀制作H5页面
如果有满足自己需要的好听的背景音乐就选中就好了(但是居然要收秀点费,不喜欢了),怎么办?可以上传哦!
首次知乎 - 如何用易企秀制作H5页面
把喜欢的音乐下载,注意大小不能超过4M。

对于整首的背景音乐往往需要剪裁,这里不做重点教程,但是很重要,可以试试用酷狗音乐软件来编辑音乐,也很简单!

比如我的上传中就有一个我自己剪裁过的音乐

首次知乎 - 如何用易企秀制作H5页面
选中后点击确定即可。
首次知乎 - 如何用易企秀制作H5页面
都填完知乎就可以点击确定了。

最后我点击右上角的“发布”,就可以用手机扫页面上的二维码进行手机观看和分享啦!

首次知乎 - 如何用易企秀制作H5页面
如果觉得那里不满意,还可以继续修改,
首次知乎 - 如何用易企秀制作H5页面

点击继续编辑就好啦~

善于发现

其实这样的软件本身就是给不会用的人,看到后一上手就基本上很快能学会的。秉承探索求知精神,相信自己,为每一次收获新的体验而喜乐吧:)

End

免责声明:文章内容来自互联网,本站仅提供信息存储空间服务,真实性请自行鉴别,本站不承担任何责任,如有侵权等情况,请与本站联系删除。
转载请注明出处:首次知乎 – 如何用易企秀制作H5页面 https://www.zentong.com/a/p/100383.html

(0)
上一篇 2023-06-06 21:49:31
下一篇 2023-06-06 21:55:31

猜你喜欢

联系我们

在线咨询: QQ交谈

邮件:362039258#qq.com(把#换成@)

工作时间:周一至周五,10:30-16:30,节假日休息。