h5实例详细教程(手把手教你实现H5拉新技术)
h5实例详细教程(手把手教你实现H5拉新技术)更多自媒体相关知识学习:那我们下面就来看一下一个这样的案例,最最最简单的做法,我们打开ih5这款工具,然后给它添加两个页面,页面的话是在左边这里有页面这个工具,点击两下,他就会在舞台下添加两个页面,然后我们把这一个准备好了的录取通知书的图片,拖动到页面2。现在他就在页面2里面了,当我点击页面1是空白的,因为页面1下没有东西。我们把这个形式比例可以调小一点,然后再来看一下,我们需要在这里做一个输入页,所以我们会加上一个输入框,输入框在左边工具栏的第三行的第一个,叫输入框。输入框的话,就是让用户输入信息的,所以我们这里可以,成长属性来这里可以找到提示文字,提示文字这里可以选择一个就打成一个叫“请输入姓名”,然后我们有了这个之后还可以让他对他复制粘贴一下Ctrl C,然后拖动一下这里就有两个了,第二个的话,我们改一下他的这一个提示文字改成“请输入专业”,因为我们一般的那个通知书图片里面可以让用户
那关于ih5的实际才做。我们就来给大家说一下怎样实际操作?我们在上一次分享过的一个案例,就是我们的那个录取通知书的那个案例,那个案例通过i h5的软件怎么样去一步一步的做出来,大家可以看一下。这里的话会非常非常详细的把步骤操作,给大家大家如果感兴趣的话,可以一步一步跟着去学,我相信你就可以把这个h5的页面做出来了。
当然,大家可以先去看一下i h 5这个第三方工具搜索一下,然后进入到操作页面,然后跟着一起来,我们这个地方会给大家介绍怎么样可以h5可以模仿出那种录取通知书,大家应该都在朋友圈里面有见过很多像这样的例子啊,一个h5让我们生成一张图片,然后就是那一个像清华大学录取通知书,或者是结婚证,或者是一个合照之类的,然后他可以让你的名字出现在他上面,比方说是某某同学你然后恭喜例如像什么专业学习的内容,是你自己可以写的,那等他生成出来之后,你可以保存下这些图片,然后拿去发朋友圈或者转给其他人。
那这个在我们这边,你可以统称为造假型的案例,但这是一个玩笑说法,就是他要假造某一个内容嘛,所以就叫造假型的案例。这种东西在h5里面,其实非常容易实现的,在ih5这款工具当中,我们可以零代码的快速的把它做出来。
那我们首先来了解一下他整体的结构,就是这种造假型的案例,这本质上来说呢,他是一个d i y图片这么一种案例。那diy图片案例一般来说分两页,第一页是一个制作页,第二页呢是一个分享页。制作页是用来让用户输入关键信息,然后他要输入关键信息就可以把他存下来,并且把它转到一张图片上面去,把信息转到图片上面去,这一步用户是不一定能看见了,他能看见是最终的成品,那就是分享页。分享页的话,就是用户可以保存图片,然后可以把这张图片发到朋友圈里面去。
那我们下面就来看一下一个这样的案例,最最最简单的做法,我们打开ih5这款工具,然后给它添加两个页面,页面的话是在左边这里有页面这个工具,点击两下,他就会在舞台下添加两个页面,然后我们把这一个准备好了的录取通知书的图片,拖动到页面2。现在他就在页面2里面了,当我点击页面1是空白的,因为页面1下没有东西。我们把这个形式比例可以调小一点,然后再来看一下,我们需要在这里做一个输入页,所以我们会加上一个输入框,输入框在左边工具栏的第三行的第一个,叫输入框。输入框的话,就是让用户输入信息的,所以我们这里可以,成长属性来这里可以找到提示文字,提示文字这里可以选择一个就打成一个叫“请输入姓名”,然后我们有了这个之后还可以让他对他复制粘贴一下Ctrl C,然后拖动一下这里就有两个了,第二个的话,我们改一下他的这一个提示文字改成“请输入专业”,因为我们一般的那个通知书图片里面可以让用户写的内容就是姓名和专业,然后你可以把这两个东西通过右上方的对齐来左右居中一下。
更多自媒体相关知识学习:
领取方法:老粉丝们都知道的老规矩1.请同学们关注我,谢谢啦!2.评论文章,没字数要求。再私信我:教程 这个词只私信教程这两个字,不要私信多余的内容 觉得不错请给个赞哦