將Awesome Table嵌入Mobirise製作的網頁

這篇算是插花的...

Mobirise是一個完全以拖曳方式就能建立OnePage Style Website的軟體，而且最後產出的是Bootstrap-based Site，整個資料夾就包含一個網站的完整檔案，放上有Web Service的伺服器也就可以啟用該網站。請看下列重點介紹: 

• 建立OnePage只要拖曳組合區塊 (New Mobirise Website Builder 3.0 )  
• 更多page建立與選單連結  
• 專案檔及網站檔案的匯出  
• Banner可以採用影片背景  
• 網頁可以有Slide區塊  
• 有過場特效的WOW Slide(要付費購買模組) 
• 區塊還可以嵌入code(要付費購買模組)  
• 還支援已PayPal付款的Shopping Cart功能(要付費購買模組) 
• 所有版型

正常來說，要將Awesome Table嵌入Mobirise製作的網頁，應該是需要Code Editor模組。

我們本來先試著把Mobirise 輸出的HTML檔找到要嵌入的位置，自行將Awesome Table的HTML碼嵌入，但後來發現這樣會在下次開啟Mobirise編輯產出後，又被覆寫掉而Awesome Table的HTML碼消失不見了。

後來再實驗，直接在Mobirise編輯時把那一行小字改成幾個空白字元，然後用滑鼠選取這幾個空白字元，就會出現可插入超連結的選項，點擊後出現Link對話框，就把Awesome Table的HTML碼貼上Text to display之處。此後，產出的HTML檔就在該位置呈現Awesome Table，而且後續再到Mobirise編輯也不會覆蓋掉那段HTML碼(Mobirise v3才能這樣喔)。

 

注意，若Mobirise產出的資料夾還在自己電腦時就以Chrome開啟，將會因為新版Chrome對於安全控制而阻擋其程式的正確執行，也就是看不到Awesome Table的正確呈現，但若使用Firefox開啟則能看到正確執行，或者將Mobirise產出的資料夾放上有Web Service的伺服器也可以在Chrome看到正確的呈現結果。

最後，可以參考看看用Mobirise搭Awesome Table建置出來的2017年版的資管系網站。(Youtube影片)

另外，我們也依據資管系網站架構另外製作了幾個不同色系風格的版本，請參考下列展示網站，並可下載各站的壓縮檔回去自己做練習:

1. DemoSite1   ZIP檔
2. DemoSite2   ZIP檔
3. DemoSite3   ZIP檔 
4. DemoSite4   ZIP檔 
5. DemoSite5   ZIP檔 
6. DemoSite6   ZIP檔 
7. DemoSite7   ZIP檔 
8. DemoSite8   ZIP檔 
9. DemoSite9   ZIP檔

而練習建置若還需要更多可合法引用的圖庫素材，我們有蒐集整理了一些可合法引用的圖庫。