篇一：iH5基础教程：添加H5页面、翻页特效
iH5基础教程：添加H5页面、翻页特效
方法/步骤
第一步：添加素材
1、准备好喜欢的背景音乐和5张图片
2、将准备好的背景音乐和图片拖到白色区域当中
第三步：添加页面
1、在对象树中选中舞台
2、点击页面工具，添加5个页面
第四步：图片分别添加到5个页面中
1、选中图片1 Ctrl+X
2、选中页面
1 Ctrl+V
第五步：音乐播放设置
1、选中音乐
2、把它的自动播放属性设为
YES
第六步：预览
1
、舞台属性面板滑动翻页默认是上下（跟随）
2、网页上方点击预览
3、填写标题和描述
4、点击确定就可以预览作品
其他翻页方式
1、 舞台属性面板滑动页面选择 上下（触发）
2、页面1属性面板翻页效果处选择不同的效果
重点控件：页面、音频
知识点：
1、舞台属性面板滑动页面选择上下跟随或左右跟随，预览时翻页是默认的翻页效果。
2、舞台属性面板滑动页面选择上下触发或左右触发，页面的属性面板处可选择不同的向前向后翻页效果，预览时翻页就显示你所选择的效果。
3、舞台属性面板滑动页面选择无，则不能滑动翻页，需要添加事件跳转页面。
篇二：5款最好用的H5大翻页制作平台推荐
互联网营销手段时时有时时新。屡屡刷爆朋友圈的H5页面绝对是现在最炫酷最吸睛的营销方式。这种集文字、图片、音乐、视频、链接等多种形式的展现形式，能够跨平台、低成本地实现企业宣传、活动推广、产品介绍、报名、增粉、反馈等目的，很快风靡全网。
然而，限于HTML5语言的技术门槛，无论是由程序员开发，还是外包制作，设计制作费用都居高不下，制作周期往往也很长，完全无法满足需求。所以市场上立刻出现了一批在线的H5页面制作工具。
这么多H5制作平台，哪一款最好用呢？华子上网推荐下面五款最好用的H5制作平台。
1、秀米
秀米主要是做微信编辑的，其微信编辑器功能所占的市场份额应该是全国最大的。不过，他们同时也在做H5页面设计。其H5制作功能延续了微信图文排版同样的操作方式和逻辑，操作相当简单。
但
是其问题也相当突出：模板种类和数量少，可选择少；DIY程度极差，只能套模板，模板几乎无法改动。功能较为初级，尚不能支持电话、表单等，无交互，还需
进一步的优化。图片上传有等级限制，超过一定流量也要付费。基础功能：★★★★扩展功能：★★性价比：★★★总评：★★★
2、搜狐快站
搜狐快站是致力于一站式移动建站的云平台，有搜狐十七年的技术经验做支持，本来就是基于HTML5语言的制作。不久前也进军了H5大翻页的制作领域，产
品时间虽短，却已相当成熟。
拖
拽式操作，简单易上手；有辅助线，支持图片微调；背景图片有滤镜功能，同一组件支持多重动画，DIY程度高。另外还支持表单、电话、视频、自动播放等。缺
点是大翻页制作入口较深，需要先创建站点。搜狐快站全面免费，所以不用担心制作成本啦。基础功能：★★★★☆扩展功能：★★★★☆性价比：★★★★☆总
评：★★★★☆
3、初页
初页给自己起了一个很有话题性的名字，可惜并未引起话题。它的模板质量很高，直接套用模板简单快捷，而且更强调在手机上的编辑功能。可是，它只能套用模板，自定义程度极低，除了外链，完全没有其他的交互。基础功能：★★★★☆扩展功能：☆性价比：★★★★总评：★★★
4、MAKA
MAKA
给自己起了一个很洋气的名字，界面同样做得很洋气，所以操作并不是那么得友好。不过他们推出了新手和高阶两种编辑模式，弥补了这一缺点。它的功能很强大，
模板和动画效果都很多，但问题是很多功能都需要付费。免费版功能不全，也不提供自定义动效、支付、电话支持、预约等服务。基础功能：★★★★☆扩展功
能：★★★☆性价比：★★总评：★★★☆
5、兔展
兔展的优点在于页面简单易上手，模板效果较多，DIY程度较高，动画实现方便。但同时它的缺点也很明显：上传的图可能会比例失调。
兔展分为免费版、体验版、VIP版，免费版仅支持默认功能，不支持一键关注、电话支持等，体验版和VIP版价格很高，果断觉得有些不划算。基础功能：★★★★扩展功能：★★☆性价比：★总评：★★★
很多其它的H5页面制作工具，不仅有国内的，甚至还包括国外的一些产品。像Wix、Weebly、Ceilfire、Jimdo、Mixeek等，有的基本功能根本比不上国内的产品，有的由于海外服务器速度太慢。总之，可以相信我国的H5技术水平已经达到了世界一流水平。
篇三：H5页面设计规范
H5网页设计规范
1、非可循环平铺图片的背景图，须按最大屏幕尺寸来设计，即：1920*720；
2、集团、新闻类网站中间内容宽度使用1003PX；展示、购物类网站中间内容部分宽度使用1200PX；
3、必须删除非显示图层和参考线；
4、命名和分组必须规范，建议使用一下命名规则（如有更合适或者更熟悉的命名规则请提前与技术沟通）中英文均可；
页头：header 内容：content/container 页面主体：main页尾：footer 导航：nav 侧栏：sidebar
栏目：column整体布局：wrapper左右中：缩写为L R C 水平/垂直： H/V菜单：submenu 摘要: summary按钮：btn/button 滚动：scroll 鼠标悬停：hover 点击：click已浏览：visited。 广告横幅：AD/ banner
5、建议将每个独立控件设计有明显的边界，如果不能给出明显边界，请在设计稿中标出与邻近控件的距离；
6、段落文字必须给出行高，必须使用10号以上字体，建议使用1.5倍行高和14号字体。
7、需要后台添加的文字（标题、内容等）必须使用常用字体，即宋体和微软雅黑；
H5手机页面设计规范
1、PSD按照宽度640PX，高度不限来设计；
2、可点击部件不可小于88PX，（如果不够提交设计稿的时候特别说明）。
3、所有部件的尺寸大小必须是双数。
4、每个按钮需要有四个状态：默认、按下、选中、不可选。至少需要考虑：默认和不可选两个状态。
5、除广告图片外，其他图形部件尽量用图形工具绘制。
6、可点击部件尽量和屏幕四边保持20-30PX的距离。
7、设计的时候尽量以一个使用者的角度去设计，判断哪个页面需要状态栏，哪个页面只需要一个返回按钮。
8、iPhone输入法自带搜索按钮，没有必要再在页面上进行显示。
9、尽可能的对页面部件大小边距等元素进行大小的标注
免费论文网友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.csmayi.cn Corporation, All Rights Reserved 共享时代 共享你我他 版权所有