啥？Axure 還可以建網(wǎng)站？
時(shí)間：2023-09-26 01:30:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-09-26 01:30:01 來源：網(wǎng)站運(yùn)營
啥？Axure 還可以建網(wǎng)站？：
為什么用Axure建站？
Axure 是產(chǎn)品經(jīng)理常用的原型設(shè)計(jì)工具，設(shè)計(jì)的原型導(dǎo)出的html就是一個(gè)靜態(tài)網(wǎng)站的文件，可以部署在服務(wù)器、對(duì)象存儲(chǔ)上做成一個(gè)靜態(tài)網(wǎng)站，然后通過域名訪問，用它就可以完成從設(shè)計(jì)到部署上線，省去代碼開發(fā)的過程，而且Axure的交互設(shè)計(jì)的功能非常強(qiáng)大，可以做出比較很多交互效果。
所以我們可以使用Axure來創(chuàng)建個(gè)人網(wǎng)站、產(chǎn)品官網(wǎng)、企業(yè)官網(wǎng)之類的內(nèi)容比較固定、偏展示型的網(wǎng)站。
例如做個(gè)人網(wǎng)站，用來展示自己的作品，也是挺不錯(cuò)的。
看我做了哪些網(wǎng)站？
先看看我用Axure做的兩個(gè)靜態(tài)網(wǎng)站，一個(gè)是個(gè)人網(wǎng)站，一個(gè)是導(dǎo)航網(wǎng)站。
我的世界（http://my.pmdaohang.com)
產(chǎn)品導(dǎo)航網(wǎng)（http://hao.pmdaohang.com）
建個(gè)網(wǎng)站需要多少錢？
建一個(gè)靜態(tài)網(wǎng)站除了網(wǎng)站內(nèi)容，還需要域名和對(duì)象存儲(chǔ)，除了域名貴一點(diǎn)，對(duì)象存儲(chǔ)1年大概也就幾塊錢左右費(fèi)用，其實(shí)網(wǎng)站還可以托管在服務(wù)器，但是服務(wù)器較貴，操作復(fù)雜繁瑣，所以我只建議部署在對(duì)象存儲(chǔ)上，簡單且高性價(jià)比。
1.域名
目前域名.com、.cn的域名費(fèi)用大概幾十塊錢1年，.com續(xù)費(fèi)大概69/年，.cn續(xù)費(fèi)大概39/年，也有很多其他后綴的域名，購買的時(shí)候需要注意，可能首購是1元，但是續(xù)費(fèi)特別貴，所以買域名要特別看下續(xù)費(fèi)價(jià)格。
騰訊對(duì)象存儲(chǔ)也有默認(rèn)的訪問域名，不在意域名的可以使用免費(fèi)訪問地址。
域名購買建議在以下兩個(gè)平臺(tái)購買，大平臺(tái)比較有保障，新手購買也有很多活動(dòng)。
2.對(duì)象存儲(chǔ)
目前能支持靜態(tài)網(wǎng)站的對(duì)象存儲(chǔ)有阿里云和騰訊云兩家平臺(tái)，在部署的步驟會(huì)詳細(xì)講解如何用對(duì)象存儲(chǔ)部署網(wǎng)站。
阿里云對(duì)象存儲(chǔ)OSS：每月有免費(fèi)的5G空間和5G流量，訪問量不大的情況下，基本夠用了，超過免費(fèi)額度，按量計(jì)費(fèi)的費(fèi)用也很便宜，訪問量不大也就幾毛錢到幾塊錢不等。
騰訊云對(duì)象存儲(chǔ)COS：新用戶有6個(gè)月50G免費(fèi)空間50G免費(fèi)流量，超過期限可按量計(jì)費(fèi)，價(jià)格也十分便宜，操作也比較簡單方便。
原型文件還有什么需要處理？
1.刪除 Axure 預(yù)覽工具欄
原型設(shè)計(jì)時(shí)，如果需要?jiǎng)h除Axure預(yù)覽時(shí)自帶的左側(cè)菜單和工具欄， 將原型的第1個(gè)頁面名稱命名為“index”，生成html后的網(wǎng)站就不會(huì)再顯示工具欄了。
2.保留簡潔的網(wǎng)頁訪問地址
為了在訪問時(shí)有更簡潔的網(wǎng)頁地址，建議原型設(shè)計(jì)時(shí)，原型頁面的名稱統(tǒng)一使用【英文】命名，中文命名會(huì)被轉(zhuǎn)成一長串代碼，不方便記憶。
3.設(shè)置網(wǎng)頁標(biāo)題
網(wǎng)頁在瀏覽器標(biāo)簽顯示的網(wǎng)頁名稱也是可以修改的， 找到導(dǎo)出的網(wǎng)頁（網(wǎng)頁名稱與我們原型頁面是同名的），鼠標(biāo)右鍵通過記事本打開，找到第4行代碼title標(biāo)簽，兩個(gè)標(biāo)簽中間的文字就是當(dāng)前打開的網(wǎng)頁標(biāo)題名稱，可以根據(jù)需求修改。
<title>網(wǎng)頁名稱</title>4.配置網(wǎng)站 ico 圖標(biāo)
訪問網(wǎng)站時(shí)，瀏覽器會(huì)顯示網(wǎng)站的logo，這個(gè)logo我們可以在原型導(dǎo)出后，在網(wǎng)站文件的根目錄放一個(gè)名稱為“favicon.ico"的ico格式圖標(biāo)，圖標(biāo)格式可以在例如比特蟲（
http://www.bitbug.net）之類的網(wǎng)站轉(zhuǎn)換。
網(wǎng)站怎么部署？
部署環(huán)節(jié)相對(duì)操作繁瑣，第三方工具更新又快，所以就給大家錄的視頻，大家跟著視頻操作，很簡單的。
1.阿里云對(duì)象存儲(chǔ)OSS部署網(wǎng)站
阿里云的OSS部署靜態(tài)網(wǎng)站是需要綁定域名的，如果沒有域名建議先購買域名或者使用騰訊云對(duì)象存儲(chǔ)部署。
2.騰訊云對(duì)象存儲(chǔ)COS部署網(wǎng)站
為什么很久沒有更新了？
算下來差不多半年沒更新了，最近比較忙，少有時(shí)間來梳理這些事情，這次主要是因?yàn)?Coding 刪除了靜態(tài)網(wǎng)站部署的功能，所以借著機(jī)會(huì)就給大家講下對(duì)象存儲(chǔ)部署網(wǎng)站，也把教程重新梳理簡化下。
不管是騰訊云還是阿里云的對(duì)象存儲(chǔ)，都是非常成功且成熟的商業(yè)化產(chǎn)品，相對(duì)來說比較穩(wěn)定，訪問速度也很快，操作呢也比 Coding 簡單很多，其實(shí) Coding 也是基于騰訊COS做的靜態(tài)網(wǎng)站部署功能，干脆直接教大家用源頭的產(chǎn)品，希望大家能更方便的做自己的網(wǎng)站吧。
后面再看看，有機(jī)會(huì)出一些個(gè)人網(wǎng)站模板？
在線咨詢
