在製作網站的同時,適當地在網頁上使用一些動態元素會有畫龍點睛的效果,而橫幅Banner就是其中一個重要的元素之一。這在一篇文章中我們要介紹的是一個好用的網站Banner產生器(其實不只橫幅,還有很多Flash元件都可以在這個網站中產生),只要上傳你的圖片以及輸入想要呈現的文字內容,一分鐘就可以幫你製作好Flash動態橫幅,非常方便。網址如下:http://www.flashvortex.com/,進入這個網站之後,可以看到如下所示的主選單畫面:

 

ba01

 

  在主選單中,你可以看到有許多種元件可以選用,包括選單、文字特效、橫幅、按鈕以及時鐘,你也可以按下面這個「Quick Tour」先看看別人事先做過的效果,好好觀摩一下。假設我們要建立一個屬於自己的橫幅看板(Banner),只要點擊Banner選單,就會出現一些範本給我們參考使用:

 

ba02

 

  選擇任一個樣版,然後按下樣版下方的連結「CLICK HERE TO EDIT THIS」,就可以進入編輯畫面,如下所示:

 

ba03

 

  每一個樣版可以設定的內容並不一定,以這個樣版為例,它可以上傳一張728×90的圖片,並改變背景圖片,我們把它改成像是下面這樣:

 

ba05

 

  然後再往下找到設定文字的地方,把自己想要顯示的文字打進去:

 

ba06

 

  要注意一點,目前這個服務並不支援中文字,所以只能輸入英文字。輸入完畢之後,還有以下的內容:

 

ba07

 

  在這裡可以選字型以及這個Banner被按下之後要前往哪一個網址。全部輸入完畢之後,再按下「Generate Animation」這個按鈕,就可以完成設定的工作,並觀看成果。如果對於成果滿意,就可以把這個Banner拿來使用,就像是在這篇文章開頭的內容一樣:

 

ba08

 

  要把這個動態的橫幅放在網頁中有兩種選擇,比較簡單的方法是使用左邊的EASY模式,就是把這個檔案留下它們的網站中,然後我們在自己的網頁中透過Javascript的指令來連結就可以了。我們這篇文章就是使用這種方法。把這個內容複製下來,然後回到文章編輯的文字模式,在想要出現效果的地方貼上這段程式碼即可,如下所示:

 

ba09

 

  使用這個方法很方便,但是如果它們的網站無法連線時你的橫幅就出不來了。所以,如果你擁有自己的網站的主控權,其實比較好的方法是選擇右側的進階方式,把.swf動畫檔案直接下載到你的伺服器中,然後透過<object>的程式碼把Flash .swf檔案內嵌到你的網站當中。大家可以自己試試看喔。

  另外,無法輸入中文字的部份,只要利用影像處理軟體,先在圖片上做到中文內容,然後再以圖片的方式上傳即可。請看以下的例子:

除了Banner之外,還有倒數計時器,也滿好玩的,就像是下面這個例子一樣:

 

 

大家試試看囉!

(1504)

%d 位部落客按了讚: