四個步驟 - 線上製作 Web 2.0 Button

Web 2.0 free buttons maker 提供線上製作 Web 2.0 風格按鈕，
只要簡單的四個步驟，無論有沒有繪圖經驗都能夠輕鬆完成。

例子:

【網站網址】http://www.mycoolbutton.com/

在製作網站或是佈景的過程中，我們常常會需要用到很多的Icon或是Banner等等

平時我也收集了一些可以在線上協助我們製作的一些網站，今天就來整理一下

順便分享給大家！

1. 測試各種瀏覽器瀏覽你網站的實況，常製作網站的人必用，輸入網址再選擇你想測試的瀏覽器，底下還可以選擇你想打開或是忽略的項目等等，非常簡單易用！http://browsershots.org/

2. 線上配色網站，比較特殊的是有社群性，可以對你喜歡的顏色評分，也可以參考一下大家的喜好

http://www.colourlovers.com/

3. Web2.0線上徽章產生器，選好樣式後輸入你想要的文字即可，還提供PSD檔案下載

很慷慨的網站。http://www.web20badges.com/

4. 製作網站背景底圖，簡單的調整就可以製作出有水準的背景底圖喔！

http://lab.rails2u.com/bgmaker/

5. 製作Load中的小圖，樣式很多喔

http://www.loadinfo.net/

6. 幫你製作水水的Web2.0樣式LOGO！

http://web2.0stylr.com/stylr.aspx

7. 同樣也是線上LOGO製作，樣式較多，還有類似Google的喔！

http://creatr.cc/creatr/

8. 線上按鈕製作！

http://www.buttonator.com/

9. 專門產生用CSS製作的圓角圖案，如果特別喜歡圓角的話就很實用喔！

http://www.roundedcornr.com/

10. 線上製作Ajax的Load小圖，樣式也很多！

http://www.webscriptlab.com/

11. 同樣也是線上製作Ajax的Load小圖，樣式略有不同。

http://www.ajaxload.info/

12. 線上製作條紋圖，如果你有需要的話。

http://www.stripegenerator.com/

13. 線上按鈕製作，樣式少但是我很喜歡這種風格的按鈕。

http://www.mycoolbutton.com/

14. 線上TAB製作，整體風格蠻可愛的！

http://www.tabsgenerator.com/

15. 線上產生.htaccesse檔案，天啊！連這個都有。

http://www.htaccesseditor.com/tc.shtml

16. 提供一些LOGO的樣本下載。

http://www.logotemplater.com/

17. 幫圖片添加浮水印。

http://picmarkr.com/

18. 將標準圖片檔轉換成.ico格式，可用來製作網站的favicons，支援的格式請參考該網站

http://www.flavicon.com/converter

19. 也是提供Icon下載。

http://www.userinterfaceicons.com/

20. Icon的搜尋引擎。

http://www.iconfinder.net/

21. 提供Icon下載。

http://www.famfamfam.com/lab/icons/

22. 優化你的CSS檔案，沒有用過，想嘗試的網友要切記備份！

http://www.cssoptimiser.com/

23. 如果你覺得換算CSS的em很麻煩的話，有機算機可以幫你喔！

http://riddle.pl/emcalc/

24. 這個一定要大力推薦一下，根本就是學CSS的天堂，而且是中文的！

http://doc.51windows.net/css2/

25. 最後是大力協助我完成此篇文章的線上網站縮圖產生器，設定靈活，目前還沒碰到縮不出來的，速度又快，真的是網站縮圖首選啊！

http://capture.heartrails.com/

越來越多的線上工具如雨後春筍般的冒出，真的是各式各樣都有，感謝這些網站的作者！

不管是寫部落格或是製作網站等等都提供了很大的幫助！