查看: 25085|回复: 9

打开软件,生成一下Html格式的网页原型

[复制链接]

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74233
QQ
发表于 2015-3-2 23:16:00 | 显示全部楼层 |阅读模式
尹广磊公众帐号
学习目标:

打开已安装好的Axure RP,学习如何输出Html格式的网页原型。


知识补充:

axure制作的内容在保存时是保存为.rp格式的源文件,
向别人演示时可以生成以下两种格式的文档。

1. 生成html 网页原型,(最为常用,可以演示效果)
2. 生成word 格式文档,(不常用)

已保存的.rp格式的源文件只有安装了axure才可以再打开进行编辑。


教程开始:

见下图,随便拖入一些控件,然后按预览按钮来预览效果。

提示:预览效果快捷键:PC是 F5,Mac是 Command+Shift+P 。

2015-03-02_10-59-03.jpg


见下图,预览效果,左边是一个目录树显示文档的所有页面,右边是页面实际的显示效果。

2015-03-02_13-15-47.jpg


见下图,按发布按钮或菜单中的“发布”,点击“生成原型文件”,可以生成html的网页原型。

提示:生成html原型快捷键:PC是F8,Mac是Command+Shift+O

提示:将来就是把生成的整个文件夹压缩打包,然后发给他人查看,
他人解压文档后,点击其中的 start.html 或 index.html 来查看演示效果。

提示:见下图还可以点击“生成Word文档”来生成Word格式的文件,实际中并不常用。

2015-03-02 13.36.53.jpg


提示:生成时会生成好多个文件,因此注意要建立一个新的文件夹。
推荐使用Firefox火狐浏览器来打开,下载Firefox,选择中文(简体)
IE浏览器会报安全提示,如何关闭提示
Chrome浏览器需要安装单独的axure插件。插件地址
国内的那些“极速”浏览器都是用的Chrome浏览器内核,因此也需要安装插件,
并且这些浏览器已经更改了应用商店,有可能安装不了在Chrome商店上的插件。

2015-03-02 13.37.13.jpg


见下图,如果用IE浏览器打开的话,会弹出这样的安全提示,需要点击“允许阻止的内容”。
因为Axure生成的html文件含有js代码的程序,在本地运行就会显示这样的提示,如何关闭提示

2015-03-02 13.58.17.jpg

评分

7

查看全部评分

0

主题

27

回帖

110

积分

会员

Rank: 5Rank: 5

积分
110
发表于 2015-3-12 13:32:20 | 显示全部楼层
学习啦

0

主题

4

回帖

111

积分

Axure教程

Rank: 5Rank: 5

积分
111
发表于 2015-4-14 00:17:15 | 显示全部楼层
是不是学完一个要打个卡!

0

主题

8

回帖

300

积分

Axure教程

Shirlin

Rank: 5Rank: 5

积分
300
QQ
发表于 2015-5-19 20:55:31 | 显示全部楼层
打卡

0

主题

2

回帖

110

积分

Axure教程

Rank: 5Rank: 5

积分
110
发表于 2015-5-28 13:59:39 | 显示全部楼层
4# 854003380


打卡

0

主题

5

回帖

100

积分

会员

Rank: 5Rank: 5

积分
100
发表于 2015-6-8 09:44:53 | 显示全部楼层
打卡

0

主题

17

回帖

433

积分

会员

Rank: 5Rank: 5

积分
433
发表于 2015-7-6 17:51:29 | 显示全部楼层
学习

0

主题

24

回帖

112

积分

会员

Rank: 5Rank: 5

积分
112
发表于 2015-8-2 09:33:45 | 显示全部楼层
学习了预览与生成HTML文件
产品是技术与艺术的结合

0

主题

4

回帖

101

积分

会员

Rank: 5Rank: 5

积分
101
发表于 2015-8-11 15:22:48 | 显示全部楼层
学习了

0

主题

106

回帖

330

积分

会员

Rank: 5Rank: 5

积分
330
发表于 2017-7-20 11:26:48 | 显示全部楼层
学习
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-20 04:35

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表