溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么將axure文件導(dǎo)出為html

發(fā)布時(shí)間:2021-06-03 12:36:00 來源:億速云 閱讀:2192 作者:小新 欄目:web開發(fā)

小編給大家分享一下怎么將axure文件導(dǎo)出為html,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

axure文件導(dǎo)出為html的方法:首先使用軟件打開需要進(jìn)行操作的文件,點(diǎn)擊頁面頂部的“發(fā)布”選項(xiàng)卡,選擇“生成html文件”;然后在彈出的窗口中選擇指定位置;最后點(diǎn)擊“確定”按鈕即可。

本教程操作環(huán)境:windows7系統(tǒng)、Axure RP8.0版、Dell G3電腦。

Axure RP是一款比較常用的原型界面工具,在用RP工具制作好原型后如何向領(lǐng)導(dǎo)或者客戶演示呢?RP工具本身自帶了發(fā)布功能,發(fā)布后會(huì)生成HTML文件,只要將HTML文件打包后共享,別人在沒有安裝RP工具的情況下也就可以正常查看原型界面了。

本人日常工作中使用的是Axure RP8.0,并且已經(jīng)安裝了漢化包,詳細(xì)版本信息如下 截圖,在使用的過程中如果版本不一樣,菜單會(huì)有些差異,但是操作步驟基本上是可以借鑒的。

怎么將axure文件導(dǎo)出為html

一、正常打開一份已經(jīng)設(shè)計(jì)好的RP文件,如下截圖所示。

怎么將axure文件導(dǎo)出為html

二、點(diǎn)擊上方菜單的“發(fā)布”按鈕,在彈出的選項(xiàng)中單擊“生成HTML文件”,詳細(xì)操作如下圖標(biāo)紅位置。

怎么將axure文件導(dǎo)出為html

三、在彈出的新窗口中,可以設(shè)定HTML文件保存的文件夾位置,這個(gè)位置要記牢,不然就找不到生成后的文件了。其他配置按照默認(rèn)如下圖所示。

怎么將axure文件導(dǎo)出為html

四、在計(jì)算機(jī)中打開剛剛設(shè)定的文件夾目錄,你就可以看到在該文件夾下生成了很多的頁面,如下圖所示。

以上已經(jīng)完成了HTML的文件生成。在生成的文件夾中找到“index.html”文件,選擇用IE瀏覽器打開

怎么將axure文件導(dǎo)出為html

如果你選擇其他瀏覽器,比如用360瀏覽器等打開這個(gè)“index.html”文件時(shí),你會(huì)發(fā)現(xiàn)頁面跳轉(zhuǎn)成了如下截圖所示,這時(shí)候請先用文本文檔打開“index.html”文件,找到“ window.location = ‘resources/chrome/chrome.html’;”這句話,將其刪除或者注釋都可以,這樣頁面就可以正常打開了。

怎么將axure文件導(dǎo)出為html

以上是“怎么將axure文件導(dǎo)出為html”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI