在很多的淘寶店鋪裡我們都能看到一些滾動的文字或者圖片等,
非常的精美實用。那麼他們是如何製作出來的呢?
現在網店裝修網就教大家來自己動手製作滾動公告欄。
製作的學習中一併學習到滾動的一些HTML代碼。
如下圖展示:
方法/步驟
首先打開我們下載的DREAMWEAVER軟件,如下圖:
點擊表格工具設置表格:
在下面彈出的框裡設置表格的寬度為950像素。如果您要在左側做公告欄的話,那麼這裡的寬度就要設置190像素。
點擊確定後,我們在對下面的表格屬性一欄裡設置高度。如下圖所示:
提示:這裡的高度是根據我們製作的表格背景圖來確定的。
設置好高度以後,然後在背景一欄裡選擇您的圖片,如下面圖片紅色圈:
設置好背景圖片以後,我們設置左對齊和頂端對齊,如下圖所示:
在這裡我們設置表格中文字滾動的區域:
我們設置的是3行3列的一個表格:
拖住虛線框來設置區域的大小:
然後在相應的區域裡寫入滾動的代碼,代碼如下圖所示:
設置好代碼後將背景圖片上傳到自己的淘寶圖片空間裡,更換背景圖地址:
然後複製代碼到您的淘寶店鋪的自定義內容區即可:
這樣,一個滾動字幕的公告欄就做好了。您學會了嗎?