網頁素材

不管是使用 Microsoft 的 IE 瀏覽器或是 Google Chrome 瀏覽器，瀏覽網頁時，應該都會在其網址列或其瀏覽分頁上，看到該網站的代表圖示或是瀏覽器所預設的圖示，若加入書籤或我的最愛也會在其列上出現該網站的代表圖示，方便使用者識別。AnimatedFavicon 是一個可以免費製作該類圖示的免費服務網站，製作過程相當簡單，只要上傳圖片後，接下來就是下載應用，其提供對所上傳的圖片會製作出 GIF、ICO、16 x 16 與 32 x 32 尺寸的 PNG 圖檔，以利後續應用。

bgMaker 是一個操作簡單卻又很實用的線上背景圖片產生器，除了可透過 bgMaker 所設計的方格來產生簡單的圖形之外，也可以增加或減少排版版面大小、自訂色彩，且在每個改變的過程中，均會產生相對應的網頁背景圖以供預覽。相關的線上免費服務還可以參考 Tartan Maker 線上免費的網頁背景圖片製作服務。

很多人會在自己的網頁或是部落格放上一些裝飾用的元件，例如天氣預報、音樂、線上即時人數或是時鐘等等，避免自己的版面過於單調，也能提供訪問者即時的資訊。ClockLink 是一個線上提供時鐘的免費網站，各式各樣造型的時鐘圖樣，絕對有你滿意的，且均提供連結的 JavaScript Code 及 embed 內嵌程式碼，方便放到網頁裡。

COOLTEXT 是一個只要輸入文字並透過所設計好的樣板，即可線上產生 Logo 圖標，比較特別的是一般提供該類型服務的通常字型都只有英文，而 COOLTEXT 除了提供豐富的英文字型可供選擇外，也提供中文字型協助來中文用戶，另外產生好的 Logo 圖型，也可以選擇使用 PNG、GIF、JPG、PSD 及 XCF 等圖檔格式儲存到本機電腦。

寫網頁程式，常常會為了排版或美工傷透腦筋，若有此困惱，可以到 freeCSStemplates 這個免費的 CSS 網頁模板下載網站來看看，只要在該網站上看到的模板，通通可以下載，且完全免費，下載任一模板解壓縮後會得到其模板內的 CSS、圖片，若有使用到像是 JavaScript 或是 JQuery 時，會一並附上，最後還有立刻可執行的 HTML 檔，只要使用瀏覽器開啟，該模板完全是可運作，當然，最終還是要做部分的修改，來符合自己網頁的功能。

當需要使用 ICON 圖示時，不管是在提供圖標素材的網站下載，還是需要取出某個應用程式的 ICO 圖示或是想自己新建一個 ICON 圖示時，IcoFX 這套免費的新建、取出、編輯 ICON 圖示工具軟體應該是會很實用，除了可以新建、取出、編輯 ICON 圖示之外，IcoFX 也提供從不同的圖檔格式來轉換成 ICON 圖示。

不管是平面的海報、廣告設計或網頁美工、職場上的簡報等等，常有顏色搭配的需求，若自己非科班出身，對於顏色應如何搭配才顯得合適，常會佔用較多的時間。若有色彩配置的問題，不彷可以試試由 Adobe 所開發的線上色彩配置服務 kuler ，透過 kuler 的色彩配置規則，為自己的作品搭配出更顯專業的美工色彩。

網頁處理、運算、傳輸都需要時間，如果讓使用者乾等待，就容易產生當機的錯覺，因此，在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的，而現行網頁最常見的就是使用等待動畫圖示，負責處理到呈現這段時間的呈現，這個動畫可以使用 GIF 圖檔，也可以使用純 CSS 語法打造，24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示，只需在網頁中引用該 CSS 檔案，就可輕易實現等待中使用動畫圖示來提示。

常在網路上尋找適合美工的圖片素材嗎？其實也可以自己動手做，只要透過 Repper Lite 這個網站，三個步驟就能將自己喜歡的照片(支援 JPG、GIF 及 JPEG)，輕鬆製做出適合美工用的花紋素材，製作出的成品除了提供一個超連結網址，方便分享到 Facebook、Twitter 等網站，還可以免註冊、免留資料的下載回自己的電腦裡做後續的應用。

目前在網頁上的圓角框大致上可使用四個圓角圖片、Javascript 或是使用 CSS 這幾種作法，各有優缺點，Spiffy Corners 則是一個使用 CSS 的線上圓角框產生器，所產生的 CSS 也適用 Microsoft IE、Google Chrome 瀏覽器及 Opera 等主流的瀏覽器。

Tartan Maker 是一個可用來製作網頁背景圖片的免費線上服務，透過 Tartan Maker 網站所提供的格子原圖片素材，後續可自訂其線條與格子顏色、格子數及格子大小、線條粗細等等，方便且快速的用來設計自己喜歡的背景樣式，設計好的樣式圖片提供全螢幕即時預覽與下載，相當方便。

瀏覽網頁之所以會覺得網站可能沒有回應，原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等，總之，在這之前如果適時地放上一個等待圖示或是加載中，請稍後...的字樣，都比讓用戶空等帶來的好，如果是要放等待動畫圖示，GIF 是個選擇，而另一選擇則是使用 CSS，Uiball.com 這個網站提供 24個以 CSS 打造的等動畫圖示，喜患的就可以直接複製其 html 與 css語法，直接放到想要顯示的位置即可。