说到做这个H5教程，我自己也是瞎鼓捣过来的。一开始真没想那么多，就是有一次帮朋友弄个小活动的宣传，想搞个在手机上点开能翻页、带点动画的那种东西，听人说那叫H5。

刚开始我还寻思着，是不是得学代码？网上搜搜，什么HTML、CSS、JavaScript，看得我头都大，这玩意儿对我这种小白来说，学起来太费劲，时间也不够。后来我就想，肯定有那种简单点的法子。

找工具阶段

我就去网上搜“手机页面制作”、“H5制作工具”之类的关键词。搜出来一大堆，各种平台，都说自己简单好用，模板多。看得我眼花缭乱的。

我就随便挑一两个看起来顺眼的平台，注册个号进去瞅瞅。大部分都长得差不多，进去之后一般会让你选“创建H5”或者类似的东西。

• 第一步，基本上都是让你选模板。模板库确实挺多的，各种风格，邀请函、招聘、产品介绍都有。
• 我就找个跟活动主题沾点边的模板，看着还行，就点“使用”或者“编辑”。

动手编辑过程

进编辑界面，感觉有点像做PPT，但又不太一样。左边一般是页面列表，中间是编辑区，右边是各种组件和设置。

我主要干这几件事：

• 换文字：找到模板上原来的字，双击或者选中，然后打上我自己的内容。这个简单。
• 换图片：把模板自带的图片删掉，或者点替换，上传我准备好的照片或者素材。有的平台可以直接拖拽上传，还挺方便。
• 调整布局：有些元素位置不太满意，我就用鼠标拖来拖去，调整大小啥的。有时候对齐有点费劲，得耐心点。
• 加页面：模板自带的页面不够，我就点“添加页面”，可以选空白页自己加东西，或者复制现有的页面再改。
• 加动画：我看模板里很多元素都是飞入、淡入什么的，挺酷。我也试着给我加的图片和文字选些简单的动画效果，就在右边的设置里找“动画”选项，点几下就行。
• 加音乐：有的平台支持加背景音乐，我就找首合适的歌传上去，设置成自动播放。

整个过程就是不断地替换、调整、添加。有时候会遇到点小麻烦，比如某个按钮不知道怎么改链接，或者动画效果不理想，就得多点点试试，或者找找平台的帮助文档啥的。

预览和发布

改得差不多，我就不停地预览。这步很重要，一定要在手机上看看实际效果，因为电脑上看跟手机上看可能不一样。大部分平台都有预览功能，会生成一个临时的二维码或者链接，用手机扫一下或者点开就能看。

检查没啥大问题，比如错别字、图片显示不全、动画卡不卡之类的。都顺眼，就点那个“发布”或者“完成”按钮。

发布之后，平台会给你一个正式的链接或者二维码。这个链接就可以发给朋友、发到群里或者朋友圈。别人点开就能看到你做的H5页面。

一点小体会

用这种在线平台做H5，对于我们这种不想碰代码，又想快速搞个东西出来的人来说，确实挺方便的。优点是快、模板多、不需要啥技术基础。缺点嘛就是自由度没那么高，你想实现一些特别复杂的效果，可能就做不到，毕竟都是模板化的东西。

反正我那次给朋友做的那个小活动宣传H5，效果还行，大家点开看看，信息也传达到。对我来说，这就够。以后再有类似需求，我估计还会用这种方法，省事儿。