如何用axure做网页(axure做出来就是网页吗)

说起Axure，做产品的朋友都很熟悉。它是我们计划工作中最常见的原型制作软件之一。今天分享的文章主要教你如何使用Axure搭建一个简单的个人网站。不用编程我们还是可以做网站的。
演讲地址：https://vip.uedart.com/demo/UEDART_019/index.html
接下来，将分几个步骤进行说明：
1.axure，这个我们必须知道的小知识，可以生成html文件，这给我们提供了用它做网站的可能性。axure只能搭建小型个人网站，他没有数据库，更适合做展会网站。就像普通网站一样，我们需要购买域名和虚拟服务器。
2.用xmind思维导图整理我们要建的网站的知识。比如我建了一个小型的个人展览站。
包括以下主要内容：网站导航、常用工具、实用资源、案例展示，其内容通过思维输出进行。
如下图所示进行组织：
3.整理完内容需求，我们再来看制作部分，因为我们用Axure做网站。在我们平时的工作流程中，往往是原型-设计-前端-开发。这里只需要原型和设计，这里不会有上下文。为了节省时间，我们可以用Axure作为设计工具直接设计页面，需要的图片素材可以用ps设计。
创建一个项目文件夹来组织本网站涉及的所有资源。
网站的整体配色方案、字体和风格都是用蓝色布局的。你可以看到我的主色和辅色的配色如下。
使用母版进行顶部导航的布局如下：采用顶部导航，设置动态面板，并将其转换为多页母版。
如下图所示设置导航频道的点击效果和跳转。有悬停效果和点击跳转的设置。
导航栏左侧菜单设置，根据具体位置设置滑块移动位置的Y坐标，每个元素都要设置。
左侧导航在滚动时触发特定的列类别，并且是由热区范围触发的，窗口滚动时触发相应的类别选择。
使用网格系统布局网站，去除网格(紫红色为1200px宽度的边界)。
每个元素尽可能标准化，然后进行下一步。以URL导航页面为例。各单元模块标题、网址卡、左导航的编排尽可能规范统一，包括字体大小、颜色、宽度、悬停交互效果、点击跳转效果等各种元素的基本规范。
合理使用中继器关联页面数据。
常用工具和实用资源页面由repeater制作。在repeater的微数据表中插入相应的字段后，关联每个参数的内容(给组件命名)，然后添加一条数据改变其内容。
下图包含图片、标签、标题、详细描述，复读机中应该有相应的字段来控制。
4.制作完成后，接下来要解决的就是如何让生成的网站能够被其他人访问。(1)我们需要一个域名，我们可以去Alibaba.com买https://wanwang.aliyun.com/.我选择的域名是uedart.com的域名。
(2)我们还需要一台服务器。我选的是海外云虚拟机，可以在阿里云买，不用备案；
(3)一切准备就绪后，我们要做的就是按照阿里云的步骤设置和布局虚拟机，下载Filezilla进行关联，上传我们axure生成的文件。上传后我们会解析域名，这样就可以通过域名访问我们的网站了。
5.可能的问题。工具栏生成的时候明显是关闭的。上传后，索引和开始的html还是出现了。只需复制第一页的html并将其重命名为index，然后再次上传即可。
综上所述，通过以上五个步骤，我们用Axure完成了一个小型网站的设计制作。当然，这不是传统的网站开发。只是给大家介绍一下，我们可以简单的用Axure的html生成来处理一个网站的制作。如果只是个人网站，不需要太多复杂的功能，这种方法可以满足你的需求，你也可以用这种方法制作自己的网站。
感谢大家的收看！
本文最初由@发布丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮未经许可，禁止复制2000。
来自Unsplash的图像，基于CC0协议。