Web 開發(fā)人員可以找到很多免費資源，盡管其中一些資源會比另外一些資源更加自由。如果您正在設(shè)計網(wǎng)站或 Web 應(yīng)用程序，那么不管是靜態(tài)的還是所有可以想到的動態(tài) Ajax 內(nèi)容，都能找到減輕您的勞動強度并為網(wǎng)站增色的資源。本文從免費圖標到 Web 布局，從模板到聯(lián)機網(wǎng)頁工具，介紹了目前 Web 架構(gòu)師能得到的低價或免費的幫助。

擁有大量預(yù)算作為后盾的 Web 設(shè)計人員可以獲得任何所需的資源，從而可以把他們的想像力付諸于 Web 體驗。他們可以聘請專業(yè)攝像師來制作引人注目的照片；可以請好的 HTML 和 CSS 專家來創(chuàng)建適用于多種瀏覽器的復(fù)雜布局；可以指導(dǎo)圖形藝術(shù)家根據(jù)企業(yè)服裝來創(chuàng)作華麗的裝飾物；可以聘請專業(yè)文案人員起草迷人的散文。大的好處是，他們能雇傭大量測試用戶和關(guān)注小組來確保網(wǎng)站吸引人、便于使用并能按照預(yù)期進行工作。

但是，并不是所有的 Web 設(shè)計人員都這樣幸運！不幸的是，有些設(shè)計人員必須用很少的錢來創(chuàng)建網(wǎng)站，并且對 Web 體驗的預(yù)期并不見得很低。在這種情況下，您必須尋求一切可以獲得的幫助。多半來說，Web 開發(fā)人員和設(shè)計人員在與同事共享知識和成方面是非常慷慨的。當您共享時，同事們通常會努力地糾正并增強您的作品，使其變得更加精致、bug 更少，并會提供您自己的關(guān)注小組和質(zhì)量保證。這意味著您可以找到大量免費材料。如果您知道去哪里找的話，可以填補低預(yù)算 Web 開發(fā)運營情況下的一些漏洞。在本文中，我將介紹各類免費的 Web 資源，以及對一些貌似免費，實其不然的 Web 資源的警告。

創(chuàng)造性的公用

首先介紹 Creative Commons(CC)，它本身不是免費資源的來源，而是提供免費資源的人們所使用的許可證的來源。用他們自己的話說：CC 是一個非營利性組織，為創(chuàng)造性作品提供靈活的版權(quán)許可。您可以選擇一個 CC 許可，以允許所有者要求您在使用所有者的作品或修改他們的作品時給予他們榮譽（歸屬條款）；可以限制自己作品僅用于非營利性組織；可以要求任何對您作品所作的更改必須在與原條款相同的條款下共享（類似共享的條款）。還有其他條款，您可以組合這些條款。例如，一個常見的 CC 許可是Attribution Share Alike 許可。

CC 已取得了巨大成功 —— 來自 CC 許可的作品主體十分龐大，并且每天都在擴大。文學(xué)、圖像、音樂等作品都可以在 CC 許可下提供。只要滿足限制，您可以自由地在網(wǎng)站上使用任何這些作品。要了解如何找到 Web 設(shè)計的任何免費產(chǎn)品，第一步是了解如何搜索在 CC 許可下提供的材料。您可以使用 CC 搜索引擎頁面直接獲得來源，這允許您利用搜索引擎（如 Google 和 Flickr）和免費資源收集（如 Flick 和 DMusic) 的專業(yè)搜索功能。

樣式元素

好的樣式表是好網(wǎng)站的骨架 —— 尤其是層疊樣式表 (CSS)。不幸的是，瀏覽器中多變的支持意味著很難開發(fā)好的樣式表。依靠免費樣式表，至少是樣式元素的免費模塊，您可以省去大量精力和測試工作。許多站點提供 CSS 說明和示例，但我的關(guān)注點是我找到的站點，大多數(shù)都有 CSS 材料，您可以用于快速地組裝成自己的站點。有一個由 Web 專業(yè)人士開辦的以期刊形式出現(xiàn)的站點：A List Apart，著重于 Code 和 Design 主題。CSS Intensivstation Templates 專注于幾個用于結(jié)構(gòu)化站點的主要的布局樣式。

有名的 CSS 交換地是 CSS Zen Garden，但您在使用此網(wǎng)站時必須格外小心。CSS Zen Garden 旨在展示 CSS 的強大功能。CSS 是分離內(nèi)容和形式的好方法。但起初許多 Web 開發(fā)人員回避 CSS，因為他們認為如果不用傳統(tǒng)的 HTML 技巧（如布局表格和隱藏圖像），創(chuàng)建不出同樣令人難忘的效果。CSS Zen Garden 通過漂亮的樣式證明這一認識是錯誤的。其中有一個單獨且共享的內(nèi)容片段，Web 設(shè)計人員創(chuàng)建了頁面來以某種獨特方式顯示這些內(nèi)容。他們使用巧妙的布局、迷人的圖像和顏色，通常創(chuàng)作出某種主題，如大�；虿┪镳^風(fēng)格的主題。CSS Zen Garden 不能作為模板的集合。您可以在大多數(shù) CSS 貢獻中顯示的警告中看到以下說明：

此設(shè)計不是模板。未經(jīng)設(shè)計者的書面許可，不得復(fù)制。但是，可以隨意研究 CSS 并在其他地方使用學(xué)到的技術(shù)。

此外，許多貢獻者使用非免費的圖像。站點維護人員請求貢獻者在非商業(yè) Creative Commons 許可下提供他們的 CSS（參見 參考資料），所以復(fù)制 CSS 通常是安全的做法，但要確保檢查貢獻者 CSS 文件的開頭部分。

圖像

專業(yè)網(wǎng)站會使用各種圖像，從照片到藝術(shù)家的繪畫到圖標和符號，等等。一些站點提供免版稅的圖像。有一個項目值得您關(guān)注，即 Open Clip Art Library，它是一個貢獻的、可下載的剪貼畫的集合。圖像的范圍包括從小而簡單的圖像到大而復(fù)雜的圖像。大多數(shù)圖像是可縮放矢量圖形 (SVG) 格式，它是一種開放的、基于 XML 的格式。SVG 增強了對瀏覽器的支持，但它尚不通用，所以 Open Clip Art Library 包括每個圖像的 PNG 版本。您可以瀏覽或搜索網(wǎng)站上的圖像，但可能只想下載一個發(fā)行版，所以可以脫機瀏覽。圖形的質(zhì)量類似于您在商店購買的許多剪貼畫集合中找到的圖像的質(zhì)量。當我需要符號、圖標和其他資源（如高亮顯示）時，通常會瀏覽 Open Clip Art Library，但 MaxPower Free Icons 是一組很好的到免費圖標集合的鏈接。說到商店里的剪貼畫集合，即使已經(jīng)購買，仍有許多限制。一些剪貼畫需要商業(yè)使用版稅。如果購買此類集合，請確保檢查 End User License Agreements。

當需要照片時，我經(jīng)常會訪問前面提到過的 Flickr 的 CC 照片庫，但是我通常是通過 Yotophoto 到達那里的，Yotophoto 是從 CC 變體到 Public Domain 的一個免費許可照片的搜索聚合地。我喜歡的一個資源站點是 stock.xchng。此站點包括大量極高品質(zhì)的照片，并有一個非常好用的搜索引擎。不是所有的照片都是免版稅的，但大多數(shù)是！您甚至可以查看是否有照片的模型發(fā)行，這是決定使用包含人像的照片時要考慮的一個重要因素。一個規(guī)模較小、尚不精致，但仍十分有用的站點是 Open Photo，它只包含經(jīng) CC 許可的照片。我還使用 MorgueFile，這個站點類似于 stock.xchng 站點，具有搜索和豐富元數(shù)據(jù)方面的類似優(yōu)點。MorgueFile 上的所有圖像受到專門許可（不基于 CC）的約束，但免除了個人或商業(yè)作品的版稅。我喜歡 MorgueFile FAQ 中針對他們?yōu)槭裁刺峁┟赓M圖像的解答：

此網(wǎng)站遵循傳統(tǒng)的萬維網(wǎng)。它致力于倡導(dǎo)自由觀點和交換。

設(shè)計工具

一些 Web 設(shè)計人員和公司提供聯(lián)機工具來幫助其他用戶并提高他們自己的社區(qū)形象。常用的是顏色方案工具，它允許您為自己的站點選擇富有美感的、令人愉快的一組顏色。在搭配顏色方面，我的確沒有世上好的眼力，所以我感謝諸如 Wellstyled.com 的 Color Scheme Generator 這樣的網(wǎng)站。另一個提供更多有關(guān)如何組裝方案的站點是 SiteProCentral.com's HTML Color Code Combination Chooser。

流行的 Web 瀏覽器也是奇怪的瀏覽器。多年來，Web 設(shè)計人員不得不應(yīng)對 Microsoft Internet Explorer 5 和 6，包括 Macintosh 和 Windows 版本之間的差異。Microsoft 正在開發(fā) 7 版瀏覽器，他們承諾新版本具有更好的標準兼容性，但是另一方面 Dean Edwards 已經(jīng)開發(fā)了 JavaScript 解決方案。引用該網(wǎng)站的話：

[Dean Edwards'] IE7 是一個 JavaScript 庫，使 IE 的行為像標準兼容的瀏覽器。它修復(fù)了許多 CSS 問題并使透明 PNG 在 IE5 和 IE6 下正常工作。

當您設(shè)計網(wǎng)站時，記住 Macintosh 用戶是十分重要的。如果購買測試用的 Mac 機不是一個選擇的話，您應(yīng)感謝 Daniel Vine，因為他創(chuàng)建了 iCapture。您可以在此站點指定 URL、搜索看上去像 Mac 機上的 Safari Web 瀏覽器顯示的 PNG 圖像。Edwards 還提供 ieCapture，允許查看您的站點在 Macintosh IE7 beta 中的顯示效果。

完全 Web 布局和模板

有時即使獲得以上所有幫助，我還是不能創(chuàng)建引人注目的網(wǎng)頁。我可能想要一切，幸運的是可以在一些網(wǎng)站中找到免費的完整頁面布局，包含 HTML（經(jīng)常是 XHTML）模板、圖形、樣式表、高亮顯示等。Open Web Design 有近 2000 個各種品質(zhì)的完整模板。該網(wǎng)站有一個評級系統(tǒng)，有時會進行設(shè)計人員競賽來擴大其收集量。Open Source Web Design 是一個具有類似規(guī)模的網(wǎng)站。

結(jié)束語

在本文中，您了解了許多資源，可以從中獲得免費資料和工具以改進您的網(wǎng)站。即使您有預(yù)算來得到的專業(yè)幫助，如果熟悉 Web 設(shè)計的新技術(shù)，還是會很有幫助的。所幸的是，新技術(shù)幾乎不被隱藏或無法訪問，它們總是免費的。如果有機會，我還鼓勵您進行共享，比如為我提到的網(wǎng)站做貢獻。畢竟，Web 美學(xué)的浪潮會水漲船高。