如何使用axure使用制作在线试卷考试

祝给予赞赏的伙伴,2017年发大财!|赞赏3人打赏
收藏已收藏 | 27赞 | 5
分享到微信扫码分享到微信
webchat:FM_10086 公众号:五月频道
5 万阅读总量
热门问题12345678910查看: 3103|回复: 0
手把手教你如何利用iH5来制作各类测试题选择题(系列2)
主题帖子积分
说好了教你制作测试题的系列陆续有来。说到做到!今天又来拜见大家啦!第二波更新!
今天的主题是“如何制作根据用户的选择跳转到不同题目和不同结果的测试题”。
在开始之前先来给大家理一下今天示例的跳转逻辑。具体逻辑如图,建议大家在做这个跳转页面的时候先理清一下逻辑,可以像这样先做一个图。这样在做跳转页面事件的时候就不会乱套啦。简单一些,我们这次的逻辑如下图,只有4题。大家在自己做的时候也可以想我这样列一个表哦。
图片1.png (19.64 KB, 下载次数: 0)
21:31 上传
理清逻辑之后,接下来就开始进行操作了~
1.准备基础素材。
新建1个页面,添加相关字体和矩形选择框。选中页面1右键选择复制后,选中舞台,粘贴3个相同的页面,将每一页中的中文字体的题号分别更改为1-4。再添加两个答案页面,还可以作为结果的两页重命名为“答案1”和“答案2”。
图片2.png (35.58 KB, 下载次数: 0)
21:31 上传
图片3.png (22.85 KB, 下载次数: 0)
21:31 上传
为了更明显地辨认前四个页面,可以分别选中每个页面,将每个页面的背景颜色改成不同的颜色。
图片4.png (12.14 KB, 下载次数: 0)
21:31 上传
2.添加跳转页面的事件。
在矩形1和矩形2下添加事件,由于层的关系,在预览本案例的时候点击选项一,则实际上点的是矩形1,所以我们点击选项一和选项二然后发生的跳转页面事件中,触发对象必须是矩形一和矩形二。
目标对象则是舞台,只有当目标对象为舞台时,才会出现跳转页面的目标动作,然后再来选择要跳转的页面。
图片5.png (57.85 KB, 下载次数: 1)
21:31 上传
矩形2下的事件1也是一样的道理。
图片6.png (56.55 KB, 下载次数: 0)
21:31 上传
3.制作页面2至页面4的跳转事件。
同步骤2的方法,制作页面2到页面4中的跳转事件。本示范案例中具体的跳转页面逻辑可以本文的开头部分去观看哦。
图片7.png (32.5 KB, 下载次数: 0)
21:31 上传
对了,有人也许会问:为什么我上下还能翻页,跳转也能跳转页面啊?那是因为舞台属性的“滑动页面”选项没有设置为“无”。“滑动页面”的属性默认是上下滑动的哦。所以此类跳转页面的案例在制作时,要记得选中舞台,找到左边的舞台属性里的“滑动页面”选项,将它设置成“无”。
图片8.png (16.99 KB, 下载次数: 0)
21:31 上传
好了,今天的系列2就到此结束,请期待“手把手教你如何利用iH5来制作各类测试题”系列3吧!
Powered byAxure绘制好的原型怎么发布和预览?
作者:佚名
字体:[ ] 来源:互联网 时间:03-23 17:23:33
Axure绘制好的原型怎么发布和预览?经常使用Axure绘制网页原型,但是绘制好以后需要发布出来才能看到实际效果,Axure原型怎么发布和预览呢?请看下文详细教程
写好原型以后,咱们来简单的看一下发布,此处利用AxShare官方提供的在线发布。
1、打开Axure,并设置一张图片,添加图片,如下图:
2、点击Axure8 beta的右上角&发布&,按钮并找到:发布到AxShare...快捷键:& F6
3、在弹出的对话框中设置发布,建议默认,也可以设置访问密码,设置后直接点击:发布 即可
4、此时会提示你登录,如果还未账号,则创建一个。输入账号、密码,点击:确定
5、发布中,稍等一会即可发布成功,如下图:
6、发布成功后,点击:复制& 则网址已经复制,可粘贴到浏览器进行预览。
7、预览发布后的效果,因为服务器为国外,所以打开网址会较慢。
相关推荐:
大家感兴趣的内容
12345678910
最近更新的内容

我要回帖

更多关于 使用axure制作网页 的文章

 

随机推荐