如何修改Axure的Html默认模板

如何修改Axure的Html默认模板

风笛
2019-01-30 / 0 评论 / 175 阅读 / 正在检测是否收录...

最近在学习PostgreSQL数据库,看官方(中文)文档的时候,因为没有固定在侧边的目录,感觉非常不方便,因此,便想着用平时常用的Axure来制作一个带有导航的文档。

Axure.jpg

使用的方法是Axure的页面(PAGES)和内联框架,并且给内联框架加了载入时适应窗口宽高的交互效果。

想着放到博客上,如果以后有人也想看的话,也能方便别人。为了更像一个手册或者书,因此,我对Axure生成Html的默认框架进行了一些改造。效果如下:

kzz21yzy.png

Axure所生成的Html,其实就是在一个默认的模板中生成的。大致是通过一个start.html+JS+CSS来实现的。用到的JS比较多,主要的Html代码都是嵌套在JS里面的。所以,要修改默认模板的话,并不是找直接找start.html来修改,而是找到JS文件,然后在JS里面找到对应的Html代码进行修改。

在Axure的安装目录中找即可(E:programAxureDefaultSettingsPrototype_Files),如果找不到,可以通过sublime或者其他的编辑器/IDE来查找整个文件夹。

kzz22doz.png

start.html是一个入口的Html文件,如果要修改侧边栏底部的CLOSE的话,可以在这里修改:

kzz22ndf.png

kzz22ra7.png

其他的内容,大部分在scripts里面的JS文件中修改(E:programAxureDefaultSettingsPrototype_Filesresources):

kzz22zir.png

主要是在startPost.js这个文件中:

kzz2350i.png

找到PAGES关键词(大约在36行),修改成“页面”

kzz23cje.png

kzz23kap.png

kzz23ray.png

修改“说明”:

kzz23zsy.png

kzz245pe.png

kzz24bxx.png

kzz24ilz.png

kzz24nj9.png

都修改完之后,以后每次生成的Html文档都会以这个模板为基础。

以上仅仅是对原来的英文做了简单的翻译而已,大致结构了解之后,如果有点Html和JS基础,也可以按照上面的方法,做其他的修改。

其实对Axure的Html模板做修改并没有什么用,如果勉强扯个意义,也仅仅是对Axure多几分了解而已。

0

评论 (0)

取消