<!-- Feedsky FEED發布代碼開始 -->

如果您喜歡這些文章，歡迎點擊此處訂閱本Blog

<!-- FEED自動發現標記開始 --> <!-- FEED自動發現標記結束 -->

<!--Google 468*60橫幅廣告開始-->

<script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "image"; //2007-07-26: CSDN google_ad_channel = "6063905817"; google_color_border = "6699CC"; google_color_bg = "E6E6E6"; google_color_link = "FFFFFF"; google_color_text = "333333"; google_color_url = "AECCEB"; google_ui_features = "rc:6"; // --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

<!--Google 468*60橫幅廣告結束-->

配色工具

配色最痛苦了。（= =）更多配色工具請參考： 為你的網頁組合出一個完美的配色方案

• Color Schemer Gallery：配色展覽館
• COLOURlovers
• Website Color Picker
• I Like Your Colors：喜歡某個網站的配色？就用這個工具。

免費的 CSS 導航欄菜單

導航欄的重要性不用多說，尤其是一個動感十足有易用的。網上已經有大把的模板，稍稍修改一下就可以用啦。

• Listamatic
• Exploding Boy
• Alvit.de
• Dynamic Drive
• Our own collection of CSS Menus

制作 DHTML 導航欄軟件

Xtreeme DHTML Menu Studio （要 49 刀，#sfufoet：類似的一款軟件：Sothink DHTML Menu，也是收費軟件。）

找呀找照片

照片拿來做什么？這個我就不懂了。有誰懂？麻煩留言。謝啦。

• Stock.Xchng – 大量免費照片
• Stock Expert – 要付出一些些錢的照片。
• iStockphoto - 同上
• Big Stock Photo - 同上

圖標

好圖標絕對很搶眼。

• IconFinder.net – 圖標搜索引擎，煎蛋介紹過。
• 31 Sources of Quality, Free Icons - 圖標嘛， 煎蛋 介紹過很多。請自行搜索。

空白的 WordPress 模板

想做個 WP 主題？看看這些 空白模板 吧。

CSS 的模板

用表格定位和用 CSS 定位差多遠啊。

• Layout-O-Matic - 一個方便你創建 CSS 基本模板的工具
• CSS Creator - CSS 布局生成器
• Layout Gala - 模板聚集地
• Open Designs - 開源模板。這年頭什么都可以開源
• Open Source Templates

Eric Meyer’s CSS Sculptor

CSS 布局生成軟件，要 149 刀，貴est。

思戀檢查器，哦不，打錯，死鏈檢查器

死鏈？就是點擊后出現 404 的鏈接。

• DeadLinks.com
• Online Link Validation Tool

在多個瀏覽器里面測試

只兼容 IE 的網頁不是好網頁。

• Browser Shots
• Browsercam
• NetMechanic

更多類似工具 。

檢查代碼有效性

換句話說，是不是符合國際標準。

• HTML
• CSS
• RSS and Atom
• RSS, Atom, and KML

腳本

這個世界有太多的腳本，你無需再去重復發明。

• JavaFile
• PHP Freaks
• DynamicDrive
• The JavaScript Source
• PowerfulScripts
• DHTMLGoodies.com
• PHP Open Source Scripts

Favicons 生成器

Favicons，那是 16 × 16 像素的藝術品。

• Dynamic Drive
• Favicon from Pictures
• FaviconGenerator.com
• Favicons with text instead of images
• Graphics Guru

字體

字體，這兩個字你我都認識。

• 80 Beautiful Typefaces for Professional Design (Smashing Magazine)
• dafont.com
• Urban Fonts
• 1001 Free Fonts

Web 2.0 工具

Web 2.0，這個世界本沒有 Web 2.0 ，人想多了，就有了 Web 2.0。什么斜紋背景啊、Beta 徽章啊、倒影啊，用用下面的工具就搞定了。

• Stripe Generator
• Web 2.0 Badges
• More Web 2.0 Badges
• Web 2.0 Icons
• Web 2.0 Logo Creator

弄個按鈕

按鈕，就是紅色的，按下去會自爆的那種。

• Dynamic Drive
• Kalsey.com
• Lucazappa.com
• Blog Flux
• Yugatech.com
• MyCoolButton
• Buttonator

漸變工具

誰都會漸漸改變。

• Dynamic Drive
• 4u2ges.com

圓角框框

這個世界流行圓角。

• CSS Rounded Box Generator
• Spiffy Corners

CSS 氣泡對話框

評論和引用一定要用氣泡對話框。

• WillMayo.com
• CSS Play

CSS 工具

這個世界流行減肥，所以 CSS 一定要減肥。

• CSS Tidy - CSS 優化工具
• Clean CSS
• CSS Optimizer
• CSS Analyzer - 檢查 CSS 語法
• CSS Mate - 在線 CSS 編輯器
• CSS Compressor

其他

• Web Host Uploader - 一個簡單的 FTP 工具
• Web Standards Checklist
• Firebug Add-On for Firefox - 編輯、除錯和監視 CSS、HTML、JavaScript 的火狐擴展
• Web Developer Firefox Add-On - 這個火狐插件太經典

<!--新Google 468*60橫幅廣告開始-->

<script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 創建于 08-8-6 */ google_ad_slot = "7368701459"; google_ad_width = 468; google_ad_height = 60; // --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

<!--新Google 468*60橫幅廣告結束-->

<!--新Google 468x15 橫鏈接單元開始-->

<script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x15 橫鏈接單元 */ google_ad_slot = "5785741422"; google_ad_width = 468; google_ad_height = 15; // --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

<!--新Google 468x15 橫鏈接單元結束-->

Web 2.0網頁設計DIV+CSS必備資源