Web 開發人員可以找到很多免費資源，盡管其中一些資源會比另外一些資源更加自由。如果您正在設計網站或 Web 應用程序，那么不管是靜態的還是所有可以想到的動態 Ajax 內容，都能找到減輕您的勞動強度并為網站增色的資源。本文從免費圖標到 Web 布局，從模板到聯機網頁工具，介紹了目前 Web 架構師能得到的低價或免費的幫助。
擁有大量預算作為后盾的 Web 設計人員可以獲得任何所需的資源，從而可以把他們的想像力付諸于 Web 體驗。他們可以聘請專業攝像師來制作引人注目的照片；可以請好的 HTML 和 CSS 專家來創建適用于多種瀏覽器的復雜布局；可以指導圖形藝術家根據企業服裝來創作華麗的裝飾物；可以聘請專業文案人員起草迷人的散文。大的好處是，他們能雇傭大量測試用戶和關注小組來確保網站吸引人、便于使用并能按照預期進行工作。
但是，并不是所有的 Web 設計人員都這樣幸運！不幸的是，有些設計人員必須用很少的錢來創建網站，并且對 Web 體驗的預期并不見得很低。在這種情況下，您必須尋求一切可以獲得的幫助。多半來說，Web 開發人員和設計人員在與同事共享知識和成方面是非�？犊�。當您共享時，同事們通常會努力地糾正并增強您的作品，使其變得更加精致、bug 更少，并會提供您自己的關注小組和質量保證。這意味著您可以找到大量免費材料。如果您知道去哪里找的話，可以填補低預算 Web 開發運營情況下的一些漏洞。在本文中，我將介紹各類免費的 Web 資源，以及對一些貌似免費，實其不然的 Web 資源的警告。
創造性的公用
首先介紹 Creative Commons(CC)，它本身不是免費資源的來源，而是提供免費資源的人們所使用的許可證的來源。用他們自己的話說：CC 是一個非營利性組織，為創造性作品提供靈活的版權許可。您可以選擇一個 CC 許可，以允許所有者要求您在使用所有者的作品或修改他們的作品時給予他們榮譽（歸屬條款）；可以限制自己作品僅用于非營利性組織；可以要求任何對您作品所作的更改必須在與原條款相同的條款下共享（類似共享的條款）。還有其他條款，您可以組合這些條款。例如，一個常見的 CC 許可是Attribution Share Alike 許可。
CC 已取得了巨大成功 —— 來自 CC 許可的作品主體十分龐大，并且每天都在擴大。文學、圖像、音樂等作品都可以在 CC 許可下提供。只要滿足限制，您可以自由地在網站上使用任何這些作品。要了解如何找到 Web 設計的任何免費產品，第一步是了解如何搜索在 CC 許可下提供的材料。您可以使用 CC 搜索引擎頁面直接獲得來源，這允許您利用搜索引擎（如 Google 和 Flickr）和免費資源收集（如 Flick 和 DMusic) 的專業搜索功能。
樣式元素
好的樣式表是好網站的骨架 —— 尤其是層疊樣式表 (CSS)。不幸的是，瀏覽器中多變的支持意味著很難開發好的樣式表。依靠免費樣式表，至少是樣式元素的免費模塊，您可以省去大量精力和測試工作。許多站點提供 CSS 說明和示例，但我的關注點是我找到的站點，大多數都有 CSS 材料，您可以用于快速地組裝成自己的站點。有一個由 Web 專業人士開辦的以期刊形式出現的站點：A List Apart，著重于 Code 和 Design 主題。CSS Intensivstation Templates 專注于幾個用于結構化站點的主要的布局樣式。
有名的 CSS 交換地是 CSS Zen Garden，但您在使用此網站時必須格外小心。CSS Zen Garden 旨在展示 CSS 的強大功能。CSS 是分離內容和形式的好方法。但起初許多 Web 開發人員回避 CSS，因為他們認為如果不用傳統的 HTML 技巧（如布局表格和隱藏圖像），創建不出同樣令人難忘的效果。CSS Zen Garden 通過漂亮的樣式證明這一認識是錯誤的。其中有一個單獨且共享的內容片段，Web 設計人員創建了頁面來以某種獨特方式顯示這些內容。他們使用巧妙的布局、迷人的圖像和顏色，通常創作出某種主題，如大海或博物館風格的主題。CSS Zen Garden 不能作為模板的集合。您可以在大多數 CSS 貢獻中顯示的警告中看到以下說明：
此設計不是模板。未經設計者的書面許可，不得復制。但是，可以隨意研究 CSS 并在其他地方使用學到的技術。
此外，許多貢獻者使用非免費的圖像。站點維護人員請求貢獻者在非商業 Creative Commons 許可下提供他們的 CSS（參見 參考資料），所以復制 CSS 通常是安全的做法，但要確保檢查貢獻者 CSS 文件的開頭部分。
圖像
專業網站會使用各種圖像，從照片到藝術家的繪畫到圖標和符號，等等。一些站點提供免版稅的圖像。有一個項目值得您關注，即 Open Clip Art Library，它是一個貢獻的、可下載的剪貼畫的集合。圖像的范圍包括從小而簡單的圖像到大而復雜的圖像。大多數圖像是可縮放矢量圖形 (SVG) 格式，它是一種開放的、基于 XML 的格式。SVG 增強了對瀏覽器的支持，但它尚不通用，所以 Open Clip Art Library 包括每個圖像的 PNG 版本。您可以瀏覽或搜索網站上的圖像，但可能只想下載一個發行版，所以可以脫機瀏覽。圖形的質量類似于您在商店購買的許多剪貼畫集合中找到的圖像的質量。當我需要符號、圖標和其他資源（如高亮顯示）時，通常會瀏覽 Open Clip Art Library，但 MaxPower Free Icons 是一組很好的到免費圖標集合的鏈接。說到商店里的剪貼畫集合，即使已經購買，仍有許多限制。一些剪貼畫需要商業使用版稅。如果購買此類集合，請確保檢查 End User License Agreements。
當需要照片時，我經常會訪問前面提到過的 Flickr 的 CC 照片庫，但是我通常是通過 Yotophoto 到達那里的，Yotophoto 是從 CC 變體到 Public Domain 的一個免費許可照片的搜索聚合地。我喜歡的一個資源站點是 stock.xchng。此站點包括大量極高品質的照片，并有一個非常好用的搜索引擎。不是所有的照片都是免版稅的，但大多數是！您甚至可以查看是否有照片的模型發行，這是決定使用包含人像的照片時要考慮的一個重要因素。一個規模較小、尚不精致，但仍十分有用的站點是 Open Photo，它只包含經 CC 許可的照片。我還使用 MorgueFile，這個站點類似于 stock.xchng 站點，具有搜索和豐富元數據方面的類似優點。MorgueFile 上的所有圖像受到專門許可（不基于 CC）的約束，但免除了個人或商業作品的版稅。我喜歡 MorgueFile FAQ 中針對他們為什么提供免費圖像的解答：
此網站遵循傳統的萬維網。它致力于倡導自由觀點和交換。
設計工具
一些 Web 設計人員和公司提供聯機工具來幫助其他用戶并提高他們自己的社區形象。常用的是顏色方案工具，它允許您為自己的站點選擇富有美感的、令人愉快的一組顏色。在搭配顏色方面，我的確沒有世上好的眼力，所以我感謝諸如 Wellstyled.com 的 Color Scheme Generator 這樣的網站。另一個提供更多有關如何組裝方案的站點是 SiteProCentral.com's HTML Color Code Combination Chooser。
流行的 Web 瀏覽器也是奇怪的瀏覽器。多年來，Web 設計人員不得不應對 Microsoft Internet Explorer 5 和 6，包括 Macintosh 和 Windows 版本之間的差異。Microsoft 正在開發 7 版瀏覽器，他們承諾新版本具有更好的標準兼容性，但是另一方面 Dean Edwards 已經開發了 JavaScript 解決方案。引用該網站的話：
[Dean Edwards'] IE7 是一個 JavaScript 庫，使 IE 的行為像標準兼容的瀏覽器。它修復了許多 CSS 問題并使透明 PNG 在 IE5 和 IE6 下正常工作。
當您設計網站時，記住 Macintosh 用戶是十分重要的。如果購買測試用的 Mac 機不是一個選擇的話，您應感謝 Daniel Vine，因為他創建了 iCapture。您可以在此站點指定 URL、搜索看上去像 Mac 機上的 Safari Web 瀏覽器顯示的 PNG 圖像。Edwards 還提供 ieCapture，允許查看您的站點在 Macintosh IE7 beta 中的顯示效果。
完全 Web 布局和模板
有時即使獲得以上所有幫助，我還是不能創建引人注目的網頁。我可能想要一切，幸運的是可以在一些網站中找到免費的完整頁面布局，包含 HTML（經常是 XHTML）模板、圖形、樣式表、高亮顯示等。Open Web Design 有近 2000 個各種品質的完整模板。該網站有一個評級系統，有時會進行設計人員競賽來擴大其收集量。Open Source Web Design 是一個具有類似規模的網站。
結束語
在本文中，您了解了許多資源，可以從中獲得免費資料和工具以改進您的網站。即使您有預算來得到的專業幫助，如果熟悉 Web 設計的新技術，還是會很有幫助的。所幸的是，新技術幾乎不被隱藏或無法訪問，它們總是免費的。如果有機會，我還鼓勵您進行共享，比如為我提到的網站做貢獻。畢竟，Web 美學的浪潮會水漲船高。
