VS 2012 C# AdRotator輪播設計 -- 20141126

經常看網頁有輪播功能，然而看似很難的功能，其實透過VS 2012簡單的幾個步驟就可以輕鬆製作呈現出來。

-------------------------------------------------------------------------------------------------

步驟一、先製作要輪播的圖片(當然要用文字也可以)，如下：

banner1.gif

banner2.gif

banner3.gif

步驟二、設定製作資料來源(包含：XML、Access、SQL Server...等)

 ※ 這裡就採用XML檔作為資料來源，加入→加入新項目→XML檔(圖一)

(圖一)

(圖二)

根據(圖二)中，在XML檔案中輸入程式碼，如下：

<Advertisements>
  <Ad>
    <ImageUrl>img/banner1.gif</ImageUrl>
    <NavigateUrl>http://tw.yahoo.com</NavigateUrl>           <--- (超連結網址)屬性
    <Impressions>20</Impressions>                                          <--- (輪播出現次數的權重)屬性
  </Ad>
  <Ad>
    <ImageUrl>img/banner2.gif</ImageUrl>
   <NavigateUrl>http://www.google.com.tw</NavigateUrl>
    <Impressions>20</Impressions>  
  </Ad>
  <Ad>
    <ImageUrl>img/banner3.gif</ImageUrl>
   <NavigateUrl>http://www.hinet.net</NavigateUrl>
    <Impressions>60</Impressions>  
  </Ad>
</Advertisements>

※上述(圖二)圖片的檔名有錯誤，要注意別照抄!!
※輪播權重的表示，平均每100次連線，圖片出現的次數。假設上述banner3.gif會出現60次。

步驟三、使用AdRotator控制項

(圖三)

(圖四)

(圖五)

(圖六)

根據上述圖片指示操作後，輪播廣告設定就完成。



結論：

很多事情動手去做才學會，千萬別眼高手低，只有自己依樣畫葫蘆才知道來龍去脈，若您和我都是寫程式的新手，就動手製作去做做看，肯定有收穫的!!!


參考書籍：新觀念APS.NET 4.0網頁程式設計-使用Microsoft Visual C#(施威銘研究室 著) 旗標