axure商城

啥?Axure 还可以建网站?

我们可以使用Axure来创建个人网站、产品官网、企业官网之类的内容比较固定、偏展示型的网站。

为什么用Axure建站?

Axure 是产品经理常用的原型设计工具,设计的原型导出的html就是一个静态网站的文件,可以部署在服务器、对象存储上做成一个静态网站,然后通过域名访问,用它就可以完成从设计到部署上线,省去代码开发的过程,而且Axure的交互设计的功能非常强大,可以做出比较很多交互效果。

所以我们可以使用Axure来创建个人网站、产品官网、企业官网之类的内容比较固定、偏展示型的网站。

例如做个人网站,用来展示自己的作品,也是挺不错的。

看我做了哪些网站?

先看看我用Axure做的两个静态网站,一个是个人网站,一个是导航网站。

我的世界(my.pmdaohang.com)

产品导航网(hao.pmdaohang.com

建个网站需要多少钱?

建一个静态网站除了网站内容,还需要域名和对象存储,除了域名贵一点,对象存储1年大概也就几块钱左右费用,

其实网站还可以托管在服务器,但是服务器较贵,操作复杂繁琐,

所以我只建议部署在对象存储上,简单且高性价比。

1.域名

目前域名.com、.cn的域名费用大概几十块钱1年,.com续费大概69/年,.cn续费大概39/年,也有很多其他后缀的域名,购买的时候需要注意,可能首购是1元,但是续费特别贵,所以买域名要特别看下续费价格。

腾讯对象存储也有默认的访问域名,不在意域名的可以使用免费访问地址。

域名购买建议在以下两个平台购买,大平台比较有保障,新手购买也有很多活动。

2.对象存储

目前能支持静态网站的对象存储有阿里云和腾讯云两家平台,在部署的步骤会详细讲解如何用对象存储部署网站。

阿里云对象存储OSS:

产品介绍:https://www.aliyun.com/product/oss

每月有免费的5G空间和5G流量,访问量不大的情况下,基本够用了,超过免费额度,按量计费的费用也很便宜,访问量不大也就几毛钱到几块钱不等。

腾讯云对象存储COS:

产品介绍:https://cloud.tencent.com/product/cos

新用户有6个月50G免费空间50G免费流量,超过期限可按量计费,价格也十分便宜,操作也比较简单方便。

原型文件还有什么需要处理?

1.删除 Axure 预览工具栏

原型设计时,如果需要删除Axure预览时自带的左侧菜单和工具栏, 将原型的第1个页面名称命名为“index”,生成html后的网站就不会再显示工具栏了。

2.保留简洁的网页访问地址

为了在访问时有更简洁的网页地址,建议原型设计时,原型页面的名称统一使用【英文】命名,中文命名会被转成一长串代码,不方便记忆。

 

3.设置网页标题

网页在浏览器标签显示的网页名称也是可以修改的, 找到导出的网页(网页名称与我们原型页面是同名的),鼠标右键通过记事本打开,找到第4行代码title标签,两个标签中间的文字就是当前打开的网页标题名称,可以根据需求修改。

<title>网页名称</title>

 

 

4.配置网站 ico 图标

访问网站时,浏览器会显示网站的logo,这个logo我们可以在原型导出后,在网站文件的根目录放一个名称为“favicon.ico”的ico格式图标,图标格式可以在例如比特虫(http://www.bitbug.net)之类的网站转换。

网站怎么部署?

部署环节相对操作繁琐,第三方工具更新又快,所以就给大家录的视频,大家跟着视频操作,很简单的。

1.阿里云对象存储OSS部署网站

阿里云的OSS部署静态网站是需要绑定域名的,如果没有域名建议先购买域名或者使用腾讯云对象存储部署。

2.腾讯云对象存储COS部署网站

因为 Coding 删除了静态网站部署的功能,所以把教程重新梳理简化下。

不管是腾讯云还是阿里云的对象存储,都是非常成功且成熟的商业化产品,相对来说比较稳定,访问速度也很快,操作呢也比 Coding 简单很多,其实 Coding 也是基于腾讯COS做的静态网站部署功能,干脆直接教大家用源头的产品,希望大家能更方便的用Axure做自己的个人网站吧。

给TA打赏
共{{data.count}}人
人已打赏
基础教程

Axure8.0教程:下拉菜单+复选框全选

2022-4-2 12:23:22

基础教程

Axure8.0教程:滑动翻转效果

2022-5-26 8:22:41

axure商城
2 条回复 A文章作者 M管理员
  1. 大D

    这个好呀,不会代码的我也能做网站了

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索