教你如何使用Axure的html

无需加好友免费技术支持

说起Axure，制作产品的朋友很熟悉。它是我们日程工作中最常见的原型制作软件之一。今天分享的文章主要是教你如何使用它Axure我们仍然可以在没有编程的情况下建立一个简单的个人网站。

演示地址：

下一步将分为几个步骤来阐述：

axure是可以生成html这为我们使用它来制作网站提供了可能axure只能建小个人网站 ，他没有数据库，更适合展示网站和普通网站建设。我们需要购买域名和虚拟服务器

例如，我建造了一个小型个人展示站

包括以下主要内容：网站导航、常用工具、实用资源、案例展示，通过思维导出

如下图所示:

因为我们使用它Axure为了制作网站，我们通常的工作过程往往是原型-设计-前端-开发，这里我们只需要原型和设计，这里不再有前后关系，为了节省时间，我们可以Axure作为设计工具，页面设计可以直接使用，所需的图片材料可以使用ps辅助设计。

创建一个项目文件夹理本网站涉及的所有资源资料

用蓝色调，可以看看我的主色，辅助色如下

导航布局如下。顶部导航设置了动态面板，并将其转换为多页的母版

如下图所示，有悬停效果和点击跳转设置

设置网站导航栏左侧菜单，设置滑块移动位置y坐标，设置每个元素

滚动时左侧导航触发特定栏目类别，热区范围触发。当窗户滚动时，选择相应的类别

布置完毕将栅格去除（紫红色是1200px宽度边界)

以网站导航页面为例，每个单元模块标题、网站卡、左导航布局尽可能标准统一，立即包含字体大小、颜色、宽度、悬挂交互效果点击跳转效果等各种元素

合理利用中继器作为页面的数据关联

常用工具和实用资源页面由中继器制作。在中继器的微数据表中插入相应的字段后，每个参数的内容（命名组件名称）可以添加相应的数据来改变其内容。

下图包括图片、标签、标题和详细描述。中继器中应有相应的字段进行控制

(1)我们需要一个域名，可以去阿里云万网购买

我选择的域名是uedart.com的域名；

(2)我们还需要一台服务器，我选择海外云虚拟机，可以在阿里云购买，无需备案；

(3)准备好后，我们要做的就是按照阿里云的步骤设置虚拟机，下载Filezilla联系我们axure上传生成的文件后，我们可以分析域名，通过域名访问我们的网站。

可以将index和start的html删除，复制第一页html改名成index重新上传

到目前为止，我们已经使用了上述五个步骤Axure一个小网站的设计和制作已经完成。当然，这不是传统意义上的网站开发，而是介绍和使用Axure的html如果只是个人网站，不需要太多复杂的功能，这种方法就足以满足你的需求，你也可以用这种方式制作自己的网站。

谢谢观看！

本文由 @时光若刻 每个人都是产品经理。未经许可，禁止转载。

题图来自 Unsplash，基于 CC0 协议