點子盒小演講系列二：

Part I：廣告大趨勢
主題一：行動廣告的新趨勢與精彩案例
主講人：劉漢菁／遠傳副總經理
http://www.fetnet.net/mediad

主題二：成效導向，行動行銷技術及應用
主講人： 許少峰／英屬維京群島巨沛特國際總經理 

Part 2：新網站介紹
創新網站：渡船口醬料之家 http://www.baliferry.com.tw (台灣新人王美食網站得主)
這是一群年輕人利用業餘時間創立的網路原生美食品牌，具有創立網路品牌的企圖心。
主講人：林怡君／渡船口行銷團隊
 

新型平台式廣告網站：hiiir( http://timely.hiiir.com)
以網路工具代替banner的創新廣告工具，已經吸引眾多廣告主的目光。
主講人：葉建漢 ／hiiir 總經理

活動詳細資訊： 
時間：4月15日（三） 下午2：00
地點：星巴克(重慶店) 台北市中正區重慶南路一段104號
★本活動現場收費：會員報名費100元，數位時代網站會員報名費200元
★報名及活動詢問，請洽：IAMA 會務秘書 唐戀
電話：02-77180056
Mail: st@iama.org.tw

引述

輕鬆學習如何製作 Live.com 與 Windows Live Spaces 小工具 (上)

Live.com 小工具與 Windows Live Spaces 小工具皆屬於 Web Gadget 的範圍內，那麼什麼是 Web Gadget ?

Gadget ，中文稱作「小工具」，泛指具有簡單、精巧、只達成某項功能或是可以取得特定部分資訊的小軟體，如果在個人網頁上執行的 Gadget 則稱為 「Web Gadget」也就是「網頁小工具」。這類小工具都有著共通的特性，那就是不能單獨執行，必須要有可以讓它執行的地方，而「網頁小工具」的責執行在「Live.com」或「Windows Live Spaces」，而另一種不屬於 Web Gadget 的「資訊看板小工具」則執行在 Windows Vista 裡面的「資訊看板」。

一個 Web Gadget 的設計宗旨如下:

• 為單一功能與目標而建立。
• 必須有所簡潔、簡單、易用，避免繁雜。
• 在介面上顯示必要的資訊與特色。
• 必須呈現使用著容易了解的資訊。
• 讓使用者能省下許多時間專注在更重要的資訊上。
• 不能取代真正的應用軟體。

範例：

	簡潔的介面   很直覺的操作模式   為單一目標而設立
	複雜的介面   把一個網頁嵌入在 Gadget   看起來比較像應用軟體

• 所有的設計構思必須環繞在它最主要的目的上。
• 能用最少的設定讓使用者簡單的操作。
• Gadget 小工具的設計取得單一目標與符合使用者情景為中心。一個 Gadget 無法完整取代應用軟體的地位，而事實上它更像幫助已存在軟體或服務的小工具，而且藉由使用者加入小工具到自己的部落格首頁或是其他網頁裡，就可以讓 Gadget 給您一個宣傳產品或服務的機會。
• Gadget 小工具必須能後快速的取得與顯示資訊，以免讓使用者過度等待。

＊總而言之，一個好的小工具需要發揮它的實用性與資訊取得的便利性，而且還要有簡單易用的介面，假如是太複雜、太專業的功能就不需要使用小工具，反而會弄巧成拙，失去小工具應有的價值。

1.要建立一個網頁小工具 (以下可簡稱 Gadget ) 並非困難，但也需要一些製作網頁程式的基礎知識，如 XML、Javascript、CSS、HTML。

2.除此之外，建議在您的電腦裡架設一套網站伺服器(建議為IIS)，以方便測試與除錯您的 Gadget。

3.當然還要有一個開發軟體，簡易的如記事本、 FrontPage，如果未來想要建立一個複雜的 Gadget，微軟也提供一套免費的開發軟體 Visual Web Developer 2005 Express 協助開發與除錯 。
Visual Web Developer 2005 Express 下載網址 : http://msdn.microsoft.com/vstudio/express/vwd/

你必須設定 Internet Explorer 內的信任與存取各網域的資料來源 ，以方便除錯開發中的 Gadget。

1.首先，在 Internet Explorer 內選擇 ｢工具｣ → ｢網際網路選項｣ → ｢安全性｣ → ｢信任的網站｣ → ｢網站｣ ，新增 ｢http://*.live.com｣ 與 ｢http://*.start.com｣。

2.在 Internet Explorer 內選擇 ｢工具｣ → ｢網際網路選項｣ → ｢安全性｣ → ｢網際網路｣ → ｢自定 層級｣ → ｢存取各網域的資料來源｣，設定為 ｢提示｣ ，層級為 ｢中等｣。 然後繼續再選擇｢網際網路選項｣ → ｢安全性｣ → ｢信任的網站｣ → ｢自定層級｣ → ｢存取各網域的資料來源｣，設定為 ｢提示｣ ，層級為 ｢中等｣。

3. 在 Internet Explorer 內選擇 ｢工具｣ → ｢網際網路選項｣ → ｢ Temporary Internet files｣ → ｢設定｣  變更為 ｢每次查閱畫面時｣。

1.首先，下載並儲存範例檔案。下載網址：http://microsoftgadgets.com/livesdk/samples/samples.zip

2.把範例檔案解壓縮至「 C:\Gadgets 」資料夾，然後在此資料夾就會建立一個「 C:\Gadgets\Samples 」資料夾。
   (在此壓縮檔裡，會解壓縮出 Hello、Notepad、RssGadget、WebWrapper 四個資料夾)

3.開啟「控制台」 → 「系統管理工具」 → 「 Internet Information Services 」 → 「新增虛擬目錄」 且命名為「 Gadgets 」，並把目錄指向「 C:\Gadgets\Samples 」資料夾 。

*注意:操作此步之前，您的作業系統必須安裝 Internet Information Service (IIS) ，這項功能在Windows XP 是不會預設安裝的，如何安裝可以參考 「此頁」

4.接著請在 Internet Explorer 確認 小工具的清單檔 (Manifest) 也就是Gadget 的 XML 檔網址是否可正常連結使用 - 依範例，則在網址列輸入 「 http://localhost/Gadgets/hello/HelloWorldGadget.xml 」即可正確連到本機 IIS 裡的檔案。你可以看到Gadget 的 XML 檔在 IE 7 會顯示如下的樣貌。

請注意：

1. 如果Gadget 的 XML 檔網址為有效網域網址則在 Live.com 可直接拿來使用，不需上傳至 Windows Live Gallery，但是如果為 Wnindows Live Spaces 所製作的小工具則需要上傳至 Windows Live Gallery 並通過審核，才可正式使用，而直接拿自己的網址直接加入 Windows Live Spaces 是無法讓大家看到您辛辛苦苦製作的小工具喔。
2. 不管在 Live.com 或 Spaces 裡，Gadget 的 XML 檔網址必須為該網址的預設Port 80 ，不可自行設定為其他值，如 http://localhost:88/ 。

1.然後打開瀏覽器，在網址列輸入「 http://live.com 」進入個人化網頁平台，點選「新增專區項目」→「進階選項」，然後在「使用 URL 新增小工具」，填入剛才確認可連結的 Gadget 的 XML 檔網址 - 「 http://localhost/Gadgets/hello/HelloWorldGadget.xml 」，然後再按下「訂閱」，新增這個「 Hello World 」範例小工具。

2.按下訂閱鈕之後，如果成功，則不會顯示紅色的「無法新增此摘要，請稍後再試。」 並且會顯示如下的安全性提示框，請按「是」，這個安全性提示框是因為設定「存取各網域的資料來源」而出現的，之後你將可以在「我的專區」看到「Hello World」這個範例小工具，按下它則可重新加入「Hello World」範例小工具。

3.或者你可以在瀏覽器打入以下網址把完成的小工具直接加入至 Live.com 做測試喔!
http://www.live.com/?add=Gadget 的 XML 檔網址

例如本範例則要打成

http://www.live.com/?add=http://localhost/Gadgets/hello/HelloWorldGadget.xml

1.請直接在瀏覽器網址列輸入以下網址把完成的小工具直接加入至 Windows Live Spaces 做測試喔!

http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=Gadget 的 XML 檔網址

例如本範例則要打成

http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=http://localhost/Gadgets/hello/HelloWorldGadget.xml

2.接著會打開新視窗並顯示如下的安全性提示框，請按「是」，這個安全性提示框是因為設定「存取各網域的資料來源」而出現的。

3.然後可以看到分享空間的 Gadget 開發人員預覽頁面會預覽顯示剛才加入的 Gadget，請繼續按「安裝」。

4.接著就可以把該 Gadget 加入至 Windows Live Spaces 裡囉!

因為 Internet Explorer 預設的除錯功能為關閉的，若要開啟 IE 的除錯功能則選擇 ｢工具｣ → ｢網際網路選項｣ → 「進階」，把「停用指令碼除錯 (Internet Explorer)」與「停用指令碼除錯 (其它)」取消勾選即可。

1. 請先選擇「檔案」→「開啟網站」，然後選擇要開啟的網站，之後再軟體右方選擇「方案總管」並拉開選單，然後依圖所示點選最上方的選項，再按右鍵選擇「屬性頁」。
   
2. 請在「起始 URL 」填入「 http://gadgets.start.com/gadget.aspx?manifestUrl=Gadget 的 XML 檔網址」，例如本範例就用「 http://localhost/Gadgets/hello/HelloWorldGadget.xml 」 做為清單檔網址，也就是最後填入
   「 http://gadgets.start.com/gadget.aspx?manifestUrl=http://localhost/Gadgets/hello/HelloWorldGadget.xml」即可，接著再按下「確定」。
   
3. 之後打開你的 Gadget JavaScript 檔，設定中斷點。
4. 按下 F5，即可啟動 Gadget 並偵錯。

建立好開發環境之後就可以開始動手做一個 Gadget 囉! 在下一章中，會教您如何製作一個 Gadget 唷!

PNG 檔案在 Internet Explorer 中不會顯示透明度

結論

其他相關資訊

<html>
<head></head>
<body bgColor="blue">
<!-- This DIV is the target container for the image.  -->
<DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400; width:400;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='image.png', sizingMethod='scale');" >
</DIV>
</body>
</html>