美文网首页
新媒体实战工具之“H5”(html5)

新媒体实战工具之“H5”(html5)

作者: 李西兰积极心理学 | 来源:发表于2018-02-06 16:46 被阅读0次

今天主要学习了新媒体的两个工具:“H5”和“测评”。H5的操作感觉就是:视频五分钟,自己做两小时。主要用到的网站是“人人秀”。

H5

什么是H5:专业术语我也不知道,总之就是可以往下翻,可以放音乐的一个页面。

H5实例图

操作步骤

一、首先注册一个用户。

二、在右侧选择你需要的背景模板

1)如果你选的是模板(如图),里面有一些元素是你不需要的,你可以框柱它们然后删除。我这次基本上只留了背景和两只气球。

2)如果你选了背景,你可以选择颜色,或者自己上传一个图片做背景。

模板:不忘初心摄影大赛

三、添加你想要的文字。如果你点一下文字这个按钮,就会出现图中这样一个文本框。之后你可以输入你想要的文字。(PS:我在safari上面敲不上字,所以如果你也出现了这样的问题,建议换一个浏览器,我用的是Chrome)

添加文字

文字部分一共有三个按钮:

1)“文字”

主要是选择相应的字体,或者你也可以直接在文本框上面的小黑条上选择。关于字体,我想说的是,它这里是不能预览的,比较麻烦,所以你需要一个一个试。另外如果没有你需要的你可以点击字体最下面的箭头。

2)”动画“

在你点击动画这个按钮后,你需要“添加动画”。之后你可以选择动画,比如我选择的是“渐入“。另外这里说一下类型。因为我框住的是文字,所以我选择的是”文字动画“,选择以后文字会一个一个出来,像敲字一样,而不是一起出来,还挺cool的~

文字-->动画

3)”点击“

就像一个按钮一样,别人如果在手机上点了这个,就可以跳转到相应的地方。最常用的应该就是一个二维码,但是人人秀需要花钱才能更改原始的二维码。所以你可以选择“跳转外链”,输入一个网址,或者是“发送短信”到你自己的手机上。

文字-->点击

四、添加新页面

如果你的模板改变不大,你可以点击上一个页面旁边的“复制”按钮。然后就继续添加你想要的文字和动画啦。

五、音乐

在上面有一个“音乐”的按钮。点开以后,再点击更换,你可以在音乐库里或者是自己上传。我自己的建议是,尽量选择纯音乐,这样既可以营造你需要的气氛,并且不会使你的读者跟着BGM的歌词分心。

添加音乐

在很多成熟的作品里,你会看到右上角音符的标志🎵,在人人秀里也是需要花钱才能设置的。

六、发布

点击红色的“发布”按钮,就可以发布你的H5啦。


我的第一个作品:致少年----Growing Heart 2017

相关文章

网友评论

      本文标题:新媒体实战工具之“H5”(html5)

      本文链接:https://www.haomeiwen.com/subject/sxvgzxtx.html