网页模板快速建站工具_浅聊 Axure 设计与建站新价值

“ 互联网时代，没有自己的网站意味着你在这个世界上不存在。”

前言

为什么会有这篇文章，嗯~~， 只是想给你一个了解Axure建站这件事的动机。

1年前，我发现Axure原型可以托管在宝塔里，分享一个网址给UI、开发、测试查看原型，

哦 ~ ，原来Axure不仅仅可以用来做原型，还可以干点有意思的事儿，

然后，就开始用Axure做了一些尝试，用它来设计和建站，

今天，将我的发现给大家讲一讲，

有兴趣的，那就往下看吧。

Axure 网站的案例展示

话不多说，有图才有真相，先看我完成的两个案例。

个人网站 【 世界是棵树 - http://my.pmdaohang.com 】

导航网站 【 产品导航网 - http://hao.pmdaohang.com 】

建站的价值

是的，我在推荐Axure建站这件事，

要谈建站对个人的价值提升，得从几种不同类型的网站进行分析。

个人网站

曾今在PC互联网时代诞生了无数的站长与博客，

他们在互联网中尽情的展示自己与分享知识，

今天，有很多平台可以展示自己，微信公众号、微博、抖音、媒体号、知乎，

但不得不说，在这些资讯平台里，信息就像时光碎片一样流过，像鱼那7秒记忆般了无痕迹，

所以，除了这些平台，我们还应该有一个完全属于自己的网站，在这里沉淀和积累自己所想所为；

我们可以按自己的想法展示自己，在职场，在行业里，个站/博客依然是不可替代的名片，

同时，我们可以通过建立个站/博客的同时，对软件、网站、产品会有更深的理解。

企业官网/产品官网

企业官网/产品官网，在起步阶段里，往往要求不高，可以使用静态的内容展示企业与产品，

我已经尝试过使用Axure创建静态的企业官网，效果个人觉得还可以的，

如果你会这个技能，恰好你又是产品经理，又会一点点设计，

我想，会创建一个简单的企业/产品官网，有没有价值，就留给你自己判断。

创意网站

我对那些优秀的，有趣的网站酷爱收藏，而且对自己收藏的网站分门别类，路径清晰，

在工作当中，起到了蛮大的帮助，只是在浏览器的收藏夹里，总是不太方便，

所以萌生了想把这些网站做成一个导航站的想法，

于己，可以方便的找到想要去的网站，

于他，嗯， 想当初刚入行时，想要找到好网站的时候，还是费了不少功夫的；

最终我使用Axure创建了产品导航网，网站聚集了互联网产品与设计的优秀网址，

这个有没有价值，一千个人眼中有一千个哈姆雷特。

而且，谁说网站就只有这些类型，谁说Axure就只可以干这些事情，

发现现实世界的不足，然后去完善他，有限的工具，无限的创意，

更多的网站类型，在你。

用工具的千篇一律，造工具的万里无一，

那有没有用工具的万里挑一呢？

答案自寻。

实现建站的三种方式

这里大概讲一下做网站的几种方式，了解不同方式的优缺点，

实现网站的工具千千万，总结下来主要有三种方式：定制开发 / CMS建站系统 / Axure RP 。

定制开发

定制开发网站需要自己有编程开发能力，或者请专业开发人员开发网站，需要对开发的网站进行反复测试。

缺点是成本高，周期长。

优点是自由度高，只有想不到的，没有做不出的，前提是要么有钱，要么有能力。

CMS建站系统

市面上比较优秀的开源CMS建站系统有 WordPress、Drupal、Joomla、PHPCMS、Discuzz 等等，

CMS建站系统借助主题、插件可以做个人博客、企业官网、商店等各式各样的网站。

优点是建站速度快，只需要一个主题，配置一些内容就可以上线，

不同的主题、插件可以扩展网站不同的能力，非常自由。

缺点是主题模板都是主题开发者制作的，版式布局都是固定模板化的，无法自由定制，

想要修改，需要懂一些开发知识、或者使用页面编辑器。

有一定技术要求，对服务器、网络、程序有一定理解能力，才能完成建站系统安装部署。

CMS建站系统是动态网站，需要购买服务器才能部署，一年再便宜也是需要大几百RMB。

CMS有很多免费的主题、插件，但是优秀的主题、插件都是需要花钱的，

总之就是CMS建站系统可以利用优秀的主题、插件快速的创建一个优质网站，但需要一定的RMB和技术要求。

Axure RP

Axure RP 严格意义上来讲，就不是一个建站工具，至于我为什么要使用它来建站，请往下看 ↓↓

为什么选择用Axure来建站？

Axure 本是一个设计软件、网站时使用的原型工具，并非真正意义上的建站工具。

主要是因为 Axure 可以导出一个静态的HMTL网站，所以有了使用它创建网站的可能。

优点是 Axure 可以非常自由的设计网站页面，自由是Axure建站最强大的特点，

对于创意效果表现非常的强大，

因为它本就是一个设计软件、网站的工具。

借助代码托管平台免费的静态网站部署功能，可以实现零成本网站部署，

如果需要域名，买个域名最便宜的可以39/年，搞活动首年还可以更低。

因为 Axure 是产品经理和设计师设计软件、网站原型时，常用的工具，无须额外学习成本。

综合起来最大的优点就是，使用 Axure 建站的门槛成本低到可以忽略。

当然，凡事都有两面性，Axure 建站也有它不可忽视的缺点。

缺点是 Axure 只能创建静态页面网站，无法像定制开发或CMS建站一样，做动态数据交互的网站。

其次，~~~ 本来这个缺点我在想要不要说，作为推荐 Axure 建站来说，这个缺点比较大。

但作为一个正直，富有道德和职业精神的人来说，我还是要大声的说出来，

那就是不利于Seo，因为 Axure 的链接都是 Js 事件绑定，所以导致搜索引擎无法抓取到网站链接地址，也就导致了搜索引擎的收录仅仅只能够收录到首页。

我也咨询过许多前端开发朋友，目前的反馈来说，无解。

当然，作为个人网站来说，能从Seo来的流量，几乎可以忽略不计，影响不大。

但是对于产品/企业官网来说，Axure 网站仅推荐初期过渡使用，正式开发的网站或CMS网站上线后，才开始去做Seo 或 Sem，否则可能有点浪费钱。

总之，Axure 建站非常适合个人使用，或者产品 / 企业官网初期使用，或者做其它的创意网站，相对来说还是有非常丰富的使用场景的。

Axure HTML 网站文件处理小贴士

生成网站后，可以进行几个小处理，完善网站细节。

删除 Axure 预览侧边栏

Axure中设计网站时，在网站页面地图中，将第一个网页名字修改为“index"，

就可以删除网页预览时左边的侧边工具栏。

配置网站 ico 图标

浏览网页时，网页标签左上角有一个图标，这个就是 ico 图标，

我们可以找一张喜欢的图片，裁切成正方形，然后在百度搜一个 ico 生成器，生成 ico 图片文件，

改名为“favicon.ico"，放到Axure导出的网站文件夹根目录，浏览网页就可以看见该图标了。

网页地址与网页Title

Axure 生成网页时，网页文件名为网站地图中的页面名称，也是浏览器标签的标题名称，

如果名称是中文时，网页地址会被转码，浏览器打开后，网页地址会是非常长一串乱码，

所以建议在Axure中把页面命名为英文。

导出的网页Title默认是网页文件名称，可以使用代码编辑器，打开网页，找到title标签

<title>网页标题</title>

修改title标签中的网页标题就可以了，当然不改影响也不大。

网站部署的两种方式

云服务器部署

首先需要一台云服务器，然后安装宝塔面板，在宝塔面板中创建一个网站，

将 Axure 导出的网站文件，放到宝塔网站的根目录就行。

具体实操还是比较复杂，可以搜索安装WordPress网站的相关文章看下，

如何购买服务器，选择CentOS，安装宝塔服务器面板，创建网站，都是一样的。

本片文章篇幅有限，点到为止。

代码托管平台

代码托管平台，目前首推http://Coding.net，我认为是国内目前最好用的平台，可以通过文件压缩包部署静态网站，

不需要像其他代码托管平台，需要通过代码仓部署，还要学会用Git，太难了~~

Coding的静态网站托管服务器在香港，绑定的域名无须备案，一键申请https ssl证书，非常好用。

在Coding上部署，非常简单，两分钟就可以完成网站部署，

在Coding里创建项目后，在【文件网盘】中上传网站文件压缩包，

在【静态网站】中新建网站，部署来源选择【本项目文件】，【项目文件】选择上传的压缩包就可以了，

非常简单吧！

域名注册与建议

域名建议大家注册.com 或 .cn 后缀的域名，

首先这两种后缀域名使用最广泛，容易被记住；

其次续费便宜，.com续费69/年，.cn续费39/年，首年活动还更低，

相比其他个性化域名动辄100+的续费实惠的多，

所以不要轻信购买1元后缀为.design、.cc的域名，续费的时候贵的想哭。

服务商推荐阿里云或者腾讯云购买，大平台，放心。

域名解析和域名绑定就不展开讲了，大家搜索何如解析域名，Coding如何绑定域名，

会有很多文章讲这方面内容。

还想说一句

最后，我非常推荐大家用Axure创建一个自己的网站，特别是产品经理、设计师，

在工作中，我们只能设计原型，效果图，然后给开发，让他们来实现这个网站，

我们自己很难去体会一个网站从无到有，测试再上线的过程，

通过Axure建站，会更加完整的体验这一过程，同时加深对软件、网站、计算机和互联网的了解。

算是一种学以致用的实践方式吧。

好了，聊完了，拜了个拜。