Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器,所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載,讓你方便應用在網頁上;Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式,亦可參考所提供的網頁按鈕範例再行修改,讓你幾乎不需要有任何美工的技巧,就能輕易做出有水準網頁按鈕。
如何使用 Da Button Factory 來建立網頁按鈕?
1.進入 Da Button Factory 網站後,可參考下圖來操作,若按鈕上的文字需要是中文的話,請在 Font 處選擇[Zenhei]字型。
2.在設定背景顏色時,可有四種模式:單色(unicolor)、雙色(two colors)、單向漸變(gradient)以及雙向漸變(pyramid);可勾選[Bubble effect]增加成有氣泡效果的背景;另外,若選雙色(two colors),其背景是兩種顏色各佔背景上下的 50%,分別選取頂部顏色(Top color)和底部顏色(Bottom color),點擊[swap]即可調換頂部和底部的顏色。
3.製作好按鈕後,即可在 Output type 處來選擇要輸出 Image - 僅背景圖片、CSS background - 相對應的 CSS 程式碼,例如選擇 CSS background 後,便會產生 CSS Code,複製後便可應用到網頁裡。
建議要輸出時,可將背景圖片及 CSS Code 都做輸出,因為其 CSS Code 內的 background 的圖片是使用 Da Button Factory 自己的 http 連結,實際應用時,應將其 url 改到自己網頁內圖片所存放的位置。