查看: 1506|回復: 14

[轉貼] 教你把網站做成手機APP

[複製鏈接]
發表於 2015-4-26 12:40:04 | 顯示全部樓層 |閱讀模式

看不到內容嗎?快點來註冊吧!

您需要 登錄 才可以下載或查看,沒有帳號?立即註冊

x
轉貼來源:http://blogcash.skilltorich.com/1857/make-appskill
8602245704_ba59ab7331_z.jpg
讓我們開始進入今天的重點:網站APP製作,懶人速成全攻略!
正常的網站跟手機版網頁看起來是不同的。因此,在製作網站APP之前,你必須先把網站頁面轉換成手機頁面。
要做到這一點並不是一件難事,尤其如果你是採用WordPress來建置網站的話(安裝WPtouch或UppSite外掛)。但如果你不是使用WP,那也不必擔心,你可以使用Dudamobile幫助你快速轉換成手機頁面。
接下來,我會分成兩部分跟你說明如何進行。但是,如果你已經有手機版網頁了,你可以直接跳到第二步驟。

01.jpg
步驟3、選擇一個你喜歡的版面,把你的網站轉換成手機頁面。
02.jpg
步驟4、客制化你的手機版面。
雖然大多設計元素都是需要付費升級後才能使用的,但也不是非需要不可。
03.jpg
步驟5、選擇你的網頁版本。
它有免費和付費兩種選擇,使用免費版本在你的手機網頁上將會顯示官方廣告,頁數與瀏覽量也有額度限制。但之後想要升級也可以隨時升級。

05.jpg
畫面會有你的手機頁面網址。
06.jpg
現在你可以開啟你的手機頁面網址,並預覽看看。
07.jpg

現在讓我們進入到第二部分:創造網站APP。
步驟1、進入AppsGyser網站後點選CREATE APP,再點選WEBSITE。
08.jpg

步驟2、輸入你的dudamobile手機版網址、APP名稱和描述、上傳你的APP icon圖片,以及選擇好分類後點擊"CREATE APP"。
09.jpg
到這一步驟就完成APP製作了。但你仍然可以點擊"ADD TAB"或右上角的"EDIT"為它增加更多功能和價值。
10.jpg
步驟4、點選要額外新增的分頁。
如:Youtube。輸入要抓取影片的關鍵字或頻道網址(個別關鍵字之間使用"+"符號)、分頁名稱、icon圖片,完成後點擊"CREATE"。

11.jpg
輸入要抓取影片的關鍵字或頻道網址(個別關鍵字之間使用"+"符號)、分頁名稱、icon圖片,完成後點擊"CREATE"。
04.jpg
一樣依照上個步驟,你可以再新增其他頁面。完成APP的所有編輯後,再點選回DashBoard,瀏覽你的APP內容跟獲取下載資訊。
12.jpg
步驟5、實際測試你的APP。
測試APP的方法很簡單,就是利用你的行動裝置把下載你的APP並安裝適用。那既沒有智慧型手機也沒有平板電腦呢?
那你可以到Manymo註冊一個帳號後,免費線上測試你的APP。
步驟6、測試沒問題後,到Google Play申請一個開發人員帳戶(須支付$25美元),並完成上傳APP流程。
以上就是製作網站APP的懶人速成法囉,是不是很簡單呢。
如果你想了解更多製作APP的平台,你可以觀看由Chris撰寫的APP工具介紹文:不懂技術和代碼也可以製作APP

評分

參與人數 1AI 水晶 +1 AI 金幣 +1 AI 經驗值 +1 收起 理由
雷禪 + 1 + 1 + 1 娘子快出來看神仙!

查看全部評分




上一篇︰遊戲發展國++ Game Dev Story 心得及遊戲資料
下一篇︰app要怎麼resize呢?
發表於 2015-6-9 00:07:33 | 顯示全部樓層
不得不說現在工具越來越多
雖然說是免費的但是也符合目前輕量級的使用
感謝說明了!
回復

使用道具 舉報

發表於 2015-8-15 12:10:57 | 顯示全部樓層
但是用網頁製作而成的app
還是沒有原生,來的好用
回復

使用道具 舉報

發表於 2015-10-15 14:38:51 | 顯示全部樓層
大多設計元素都是需要付費升級後才能使用的  ,够用了 ,谢谢哈
回復

使用道具 舉報

發表於 2016-1-15 20:46:55 | 顯示全部樓層
真心覺得這太神啦OwO      
感謝分享!            
回復

使用道具 舉報

發表於 2016-2-1 23:07:01 | 顯示全部樓層
大大分享這個真是太強了
馬上來試試看能不能用
回復

使用道具 舉報

發表於 2016-2-4 11:43:48 | 顯示全部樓層
這個是一個WEB 轉 APK 的方案嗎
好像是一個框架型的模式
感謝分享
回復

使用道具 舉報

發表於 2016-2-9 12:36:04 | 顯示全部樓層
這種程式感覺蠻有趣的 網站轉APP
不知道好不好上手
回復

使用道具 舉報

發表於 2016-3-1 18:50:41 | 顯示全部樓層
看起來不錯 懶的寫程式的人應該很需要喔! 能把網站轉成APP 而且不必專業技術就能製作了
回復

使用道具 舉報

發表於 2016-4-9 07:24:39 | 顯示全部樓層
Wow~看起來很方便耶
一定要學起來哈哈
感謝分享
回復

使用道具 舉報

12下一頁
返回列表 發新帖
您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

快速回復 返回頂部 返回列表