说到Axure，制作该产品的朋友熟悉它。它是我们议程上最常见的原型设计软件之一。今天分享的文章主要是教你如何使用Axure创建一个简单的个人网站，而不是编程。我们仍然可以做网站。

接下来将分为几个步骤来详细说明：

1.我们必须知道的这些小事

Axure可以生成html文件，这使我们可以使用它创建一个网站

Axure只能建立一个小型的个人网站。他没有数据库。它更适合展示网站。

就像常规网站建设一样，我们需要购买域名并购买虚拟服务器

2.使用xmind思维导图来组织我们要构建的网站的知识

例如，我正在建造一个小型个人显示器

它包括以下主要内容：URL导航，常用工具，有用资源，案例演示以及通过思考导出其内容

组织如下：

3.组织内容，然后我们将进入生产部分

因为我们使用Axure来制作网站，我们通常处理的过程通常是原型设计 - 前端开发，而这里我们只需要原型和设计，这里就没有关系了，为了节省时间，我们可以使用Axure作为直接设计页面的设计工具。所需的图像材料可以用ps设计。

创建项目文件夹以组织此站点中涉及的所有资源

在网站上布局全局配色方案，字体和样式

使用蓝色，您可以看到我的主色和辅助色的颜色如下

用主人设计顶部导航

导航布局如下，使用顶部导航方法，设置动态面板并将其转换为多页主数据

设置单击效果和导航通道的跳转

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

URL导航栏的左侧导航菜单，滑块移动位置的y坐标是根据具体位置设置的，每个元素都必须设置

左侧导航在滚动时触发特定列类别，使用热区范围触发，并在窗口滚动时触发相应的类别选择

使用网格系统布置您的网站

布局完成后将删除网格（紫红色是1200px宽度的边界）

每个组件尽可能标准化，然后继续下一步

以URL导航页面为例。每个单元模块标题，URL卡和左导航布局尽可能标准化。立即点击各种元素的基本规格，如字体大小，颜色，宽度和悬停交互。跳跃效果

合理使用转发器进行页面数据关联

常用工具和实用程序资源页面由转发器创建。在转发器的微数据表中，在插入相应的字段之后，关联每个参数的内容（命名组件名称），并在以后添加相应更改的数据。它的内容可以。

下图包含图片，标签，标题，详细信息和几​​个内容。在转发器中，必须有相应的字段来控制。

4.制作完成后，接下来要解决的是如何让生成的网站可供其他人访问

（1）我们需要一个域名，你可以去阿里云购买https://wanwang.aliyun.com/，我选择的域名是uedart.com的域名;

（2）我们还需要一台服务器。我选择了海外云虚拟机。我可以在没有备案的情况下在阿里云中购买。

（3）一切准备就绪后，我们需要做的是按照阿里云的步骤设置虚拟机的布局，下载Filezilla进行关联，上传我们的axure生成的文件，然后上传域名上传。我们的网站可以通过域名访问。

5.可能出现问题，工具栏在生成时显然已关闭，上传后仍显示

您可以删除索引的html并启动，复制第一页的html并将其重命名为index并再次上传。检查我创建的URL。http://uedart.com/g=1&p=URL导航& c=1

总结

到目前为止通过以上五个步骤，我们用Axure完成了一个小网站的设计和制作，当然，这不是传统的网站开发，只是为了向您介绍，使用Axure html生成，我们可以简单地处理生产一个网站，如果它只是一个个人网站，并不需要太多复杂的功能，这种方法足以满足您的需求，您也可以用这种方式创建自己的网站。

谢谢你的收看！

本文最初由@时光发表。未经许可，禁止复制。

该地图来自Unsplash，基于CC0协议