隨意研究 CSS

擁有大量預算作為後盾的 Web Design人員可以獲得任何所需的資源，從而可以把他們的想像力付諸於 Web 體驗。他們可以聘請專業攝像師來製作引人注目的照片;可以請最好的 HTML 和 CSS 專家來創建適用於多種流覽器的複雜佈局;可以指導圖形藝術家根據企業服裝來創作華麗的裝飾物;可以聘請專業文案人員起草迷人的散文。最大的好處是，他們能雇傭大量測試用戶和關注小組來確保網站設計吸引人、便於使用並能按照預期進行工作。 　　 但是，並不是所有的網頁設計人員都這樣幸運!不幸的是，有些設計人員必須用很少的錢來做網站建設，並且對 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。