今天我們來學習一下如何制作HTML的浮動圖片廣告框。

首先我們要使用CSS樣式表來定義廣告框的樣式，具體的代碼如下：

.ad {
width: 300px;
height: 250px;
border: 1px solid #ccc;
position: fixed;
bottom: 20px;
right: 20px;
background-color: white;
z-index: 999;
}

在這段代碼中，我們使用了position屬性來定義廣告框的位置。將其設置為fixed，表示廣告框是固定在屏幕上的，而不是跟隨頁面的滾動。同時，我們使用了bottom和right屬性來分別定義廣告框距離屏幕底部和右側的距離。

接下來，我們需要在HTML中插入廣告圖片。具體的代碼如下：

在這段代碼中，我們使用了div標簽來定義廣告框的區域，并設置了class為"ad"。接著，在div標簽內部插入了一個img標簽，用來顯示廣告圖片。

最后，我們可以為廣告框添加一些動態效果。例如，可以使用JavaScript代碼來定時切換廣告圖片，或者添加鼠標懸停效果等。具體的實現方式留給讀者自己探索。

總之，通過以上的代碼，我們可以輕松地制作出一個漂亮的浮動圖片廣告框，為網站帶來更多的流量和收益。