星期四, 1月 05, 2012

如何將 Silverlight 程式嵌入至部落格或網頁當中


PPT.cc縮圖服務

KT是一個很喜歡將自己所學的一些知識與技巧跟大家分享,

相信網路上也有很多朋友跟KT一樣,

喜歡把自己的精心設計的IDEA或程式,

無私的分享給大家,彼此互相觀摩切磋,求精進。




很多學習Silverlight 的朋友,

當然更是希望把自己努力製作出來的酷炫Silverlight 程式分享給大家看,

所以今天KT的主題就是來說一個,

「如何將 Silverlight 嵌入部落格或網頁當中」。


首先網路上需要有一個儲存空間,來存放讀取Silverlight的相關檔案。
(當然也可以使用手邊的電腦,自己架設一個伺服器空間)

而KT之前有提過,有些網站有提供免費的資源空間,

可參考: Silverlight - 免費上傳空間

所以這裡就不在贅述,而KT今天要舉的例子是,

如何將Silverlight 程式放置到 Dropbox 免費空間,

然後將Silverlight嵌入至 Google 的部落格 裡
(此作法,大部分皆適用,沒有限定一定要使用在Dropbox或 Google 的部落格 )


PPT.cc縮圖服務
Dropbox 是一個算還滿紅且穩定的檔案分享空間,

可以與親朋好友分享照片或檔案。

KT試了一下,因為 Dropbox 是直接外連的網址,

所以可以在上面直接執行Silverlight。
(微軟的SkyDrive,不是直通的外連網址,所以不行,
這個><""KT也有傻傻去測試過。)

這邊簡單說明一下,如何讓 Silverlight在Dropbox 上運行:

1.將 Silverlight 檔案上傳至 Dropbox 裡的Public的資料夾

PPT.cc縮圖服務


花妹:KT 等等!等等!太快了,你說Silverlight 什麼檔案要傳上去???

KT:在Silverlight 裡面,有分兩個資料夾,
一個是應用程式,另一個是網站的資料夾,
就是網站這個資料夾裡面的東東丟上去。
(如: XXX.xap,XXX.html,XXX.js)

PPT.cc縮圖服務

上傳至Dropbox 完成後,

可以點選(如:XXX.html)複製,外連網址(Copy public link),

那個網址,連結過去,即可分享讓你親朋好友看到你的 Silverlight 作品。

PPT.cc縮圖服務
而如果要將 Silverlight 程式嵌入至部落格或網頁當中,
只要在部落格或網頁加入此段程式碼即可:

需填的屬性內容說明:

註: iframe 是HTML的標籤,可以把外部的網頁嵌入到部落格或網頁的一種語法。





將Silverlight程式嵌入部落格程式碼,原始碼下載:


實例說明:


如下即可在部落格文章內顯示Silverlight應用程式:
(在底下黃色區域按右鍵,可以得知,是貨真價實的Silverlight應用程式)




  • 影片教學


範例原始碼下載:


更多詳細內容可參考:
MSDN :
如何使用 HTML 在網頁中加入 Silverlight
使用 JavaScript 將 Silverlight 加入至網頁
Microsoft Silverlight 安裝體驗白皮書和範例程式碼 (英文)。

0 意見 :

張貼留言

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]