如何将自己做的AXURE模型生成的HTML页面发布到互联网

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-06-27
如何将AXURE生成的HTML上传到网上

如果要这样的话,你就需要把你自己生成好的HTML页面,发布到服务器上,形成WEB网站,也就是发布到网站上,再配一个域名(没有域名一个IP地址也行),然后把这个域名或IP发给对方。


可以将自己做的Axure原型生成HTML页面保存,压缩成zip格式的文件包,上传到原型产品托管平台,如 产品大牛,可以生成链接,任何人只要能上网即可访问分享的URL查看原型。具体步骤如下:

1、打开Axure软件,打开要处理的文件,然后选择 发布-生成HTML文件;

2、选择存放文件的目录文件夹;

3、把保存的文件使用压缩文件压缩成zip格式;

4、登录【产品大牛】原型托管平台;如果没有账号先注册,已有账号直接登录;

登录地址:网页链接

5、上传已打包的zip包到 【产品大牛】 原型托管平台;

6、上传成功后,可在列表页中看到,然后点击 演示地址 ,可以看到需要分享的链接,点击复制,保存复制的链接并分享即可。



具体操作步骤如下:

1、首先,打开Axure软件,并打开要处理的文件,然后点击上方菜单栏中的发布-生成HTML文件,如下图所示,然后进入下一步。

2、其次,完成上述步骤后,在弹出窗口选择文件的目标文件夹进行存放,如下图所示,然后进入下一步。

3、接着,完成上述步骤后,将保存的文件压缩成zip格式,如下图所示,然后进入下一步。

4、然后,完成上述步骤后,进入到【产品大牛】原型托管平台,并输入账号密码进行登录,如下图所示,然后进入下一步。

5、随后,将打包好的zip压缩包上传到该平台,点击上传,如下图所示,然后进入下一步。

6、接着,稍等会儿后,可以看到文件上传成功,如下图所示,然后进入下一步。

7、然后,完成上述步骤后,就可以在作品托管列表中查看到刚上传的文件了,点击后面的【演示地址】按钮,如下图所示,然后进入下一步。

8、最后,完成上述操作后,在弹出窗口中,点击长地址后面的复制按钮,将链接复制就可以发布到互联网了,如下图所示,这样,问题就解决了。



1、搜索AxShare

2、用邮箱注册后,上传你的RP文件,会自动给你生成原型,可以在线浏览

网站:


登录后的界面


操作浮层



还有就是wulihub中国站,也可以实现

流程如图

将你导出的Axure原型的HTML,压缩成zip,然后上传,就可以获得演示链接了

1、点击右上角的上传按钮

2、选择分类,并上传已经压缩好的zip包

3、返回列表点击“演示链接”就能获取可以展示的URL地址了



如果你有互联网的空间就可以发布到互联网,如果没有,就去axure官方网站注册axshare,可以发布到axshare

  • 如何将自己做的AXURE模型生成的HTML页面发布到互联网
    答:1、打开Axure软件,打开要处理的文件,然后选择 发布-生成HTML文件;2、选择存放文件的目录文件夹;3、把保存的文件使用压缩文件压缩成zip格式;4、登录【产品大牛】原型托管平台;如果没有账号先注册,已有账号直接登录;登录地址:网页链接 5、上传已打包的zip包到 【产品大牛】 原型托管平台;6、上传成...
  • Axure RP文件导入导出方法
    答:1)点击菜单 文件 选择 导入RP文件 项;2)选择要导入的文件,点击 打开 ;3)勾选要导入的页面,点击 下一个 ;4)选择要导入的母版,点击 下一个 ;5)如果需要重新浏览导入动作,点击 下一个 ;如果不需要可直接 跳到末页 跳过;6)点击 完成 导入完成;7)导入完成后,...
  • Axure RP 8怎么绘制螺丝钉模型图?
    答:1、双击打开Axure RP 8设计软件,在基本元件中找到椭圆形到画布上,如下图所示:2、选中椭圆形元件,将其转换成菱形,如下图所示:3、然后再次拖曳一个椭圆形到菱形内部,让其放在中心位置,如下图所示:4、分别选中椭圆形和菱形,设置成不同的背景色,如下图所示:5、分别选中菱形和椭圆形,设置两...
  • axurerp原型设计-如何使用AXURE进行产品原型设计
    答:如何使用AXURE进行产品原型设计 AxureRP(AxureRapidPrototyping)是一款快速实现、准确表达、带有交互效果且易于上手的原型设计工具。本人在曾参与某系统需求分析时开始接触AxureRP,初步掌握了一定的开发基础,成功制作出系统需求原型,对需求分析工作产生了积极效应。在此经验的基础上,后续又在其他项目中进行了较为成功的运用,...
  • Axure怎么做一个Tab页面模型-Axure实现tab交互功能的技巧
    答:打开一份Axure文档,新增一张Page,命名为“Tab页面”。将“容器”下的元件“标签”拖至页面编辑区。双击“标签”元件顶部的三个标Tab栏,重命名。双击Panel区双击进入编辑状态,插入“样式”Tab的图片。勾选State2编辑“交互”Tab的内容。类似操作设置“说明”Tab的内容。点击“预览”按钮,在浏览器中...
  • AxureRP8.0怎样绘制内联框架原型
    答:打开“链接属性”窗口,如图所示:3、选择“page3”,然后单击“确定”按钮,如图所示:4、在属性选项卡中选择预览图片,这里选择“视频”,如图所示:5、在“page3”页面拖一个矩形框元件到画布上,并修改内容为“视频”,如图所示:6、预览该静态模型页面,查看页面效果,如图所示:AxureRP8.0| ...
  • Axure RP 8怎么设计模拟播放器模型
    答:   1、双击打开Axure RP 8设计软件工具,新建默认的页面,如下图所示:   2、在元件库中的“基本元件”中拖曳图片元件到画布上,如下图所示:   3、选择图片元件,在属性选项卡中导入外部图片,并调整图片宽度和高度,如下图所示: &...
  • Axure RP 8怎么制作图形排除重叠位模型?
    答:1、打开Axure RP 8设计软件,拖一个椭圆形元件到画布上,设置其宽度和高度为300,如下图所示:2、选中椭圆形元件,设置填充色为深紫色,如下图所示:3、再次拖一个椭圆形到画布上,让其与第一个椭圆形元件有重叠的部分,如下图所示:4、选中两个椭圆形,改变图形为排除,如下图所示:5、选中椭圆...
  • Axure联级框怎么快速制作?
    答:Axure联级框快速制作方法:一、文本框 如上图所示,拖入矩形,模拟输入框,并填入文字“请选择”,设置好【悬停】、【选中】、【获取焦点】的交互样式;文本标签作为下拉联级框的标题,按上图布局即可得到文本框模型;二、联级框 如上图,拖入三个中继器,分别命名为【L1】、【L2】、【L3】作为一级...
  • axure怎么设计一个倒计时效果的模型?
    答:1、首先我们打开AXURE,设置一个变量,这里我们用全局变量,设置daojishi,默认值设置为60。2、我们从工具栏拖出一个矩形,输入文字获取验证码,准备工作结束,我们开始添加事件。3、我们来设置事件鼠标单击时,分为两个case。如果变量大于1或者等于获取验证码时候,我们递减1并显示。当变量等于1时,显示获取...