Axure 网站部署:部署准备

1.用Axure设计网站

用Axure设计网站类似于产品和设计师设计产品原型,最终网站的内容取决于你的想法和设计能力。

我为大家设计了几个Axure的网站模板,大家可以按需下载。

《产品导航网》模板下载《我的世界》模板下载

img

2.指定网站主页和清除预览网站工具栏、网页文件地址命名

在Axure 页面导航中的页面名称,就是生成Html网站后的网页名称,在Axure页面中命名为 index 的页面就是生成网站后的首页。

当我们在Axure直接定义取名 index 页面后,生成的网站将会直接访问该首页,从而删除了在预览网站中出现的预览工具栏。

在Axure中,我们将其他页面取名为英文,那么导出的网站,我们在浏览器中访问时,最终地址栏的网页名称将会显示简洁的英文名称,而不是像中文命名那样实现很长一串代码。

3.导出Html文件

通过【发布-生成原型文件】,将原型导出为HTML。

4.配置网站ico图标

制作一个ico图标文件,命名为“favicon.ico",放到导出的HTML网站根目录就可以了。

给大家推荐一个转换ico格式的网站,大家可以自行转换ico文件,或者百度搜索ico生成网站 http://www.bitbug.net/

5.修改网页在浏览器标签栏的Title名称

设计原型时,页面名称采用英文,导出后修改 html 源码中<title>标签中的页面标题,即可实现页面标题为中文,页面地址为英文的效果。

给大家推荐 HBuilder  X 工具(https://www.dcloud.io/hbuilderx.html),来修改源码,当然,不在乎中文地址的同学,可以忽略此步骤。

6.打包网站文件

打包部署文件时,不要从外面文件夹进行打包,要进入网站根目录选中全部的文件,右键选择压缩文件打包。压缩软件建议使用2345好压,不要使用360压缩,因为360压缩在服务器解压后会是乱码。

选择阿里OSS、腾讯COS、Coding 代码仓库部署,不需要打包文件。

7.网站的部署

第一种方式:阿里云对象存储OSS部署

网站声明:
1. 本站资源来源于用户上传和网络,如有侵权请邮件联系站长处理
2. 分享素材仅供大家学习和交流,所扣积分并非购买素材版权,而是赞助网站资源收集与整理,可商用原创素材会单独声明
3. 如果你也有好资源分享,可以到审核区发布,分享有积分奖励和额外收入
4. 如果资源下载需要密码,下载按钮下方有百度盘提取码哟
5. 有任何疑问,可以点击右侧边栏的联系QQ进行咨询

产品导航网 » Axure 网站部署:部署准备

发表评论