延伸學習

HTML相關

以下整理的是我自己較推薦的網路上學習資源，歡迎有興趣的同學們繼續深入瞭解；雖然大部份是英文網站，但我相信只要多瀏覽幾次，重要的關鍵字瞭解之後，妳／你的學習就會游刃有餘了！加油！

Anvision Web Templates: 提供許多 HTML / CSS的網頁版型，算是即插即用的。值得參考！
FlashTemplates.com: 專業網頁版型參考。這個雖然是Flash版型的網站，但裡面提供很多的版型，值得參考！這個頁面上的"tag"裡有很多的選項,各位可以針對自己喜愛的風格選擇類型，很不錯喔！對了，你可以看這些版型的售價，就可以竊喜妳自己賺了多少錢！
FreeWebsiteTemplates: 另一個提供版型的好地方，這裡提供免費的網頁版型，數量也很多！
W3Schools Online Web Tutorials: 在這裡可以看到完整的(X)HTML標籤語法
HTTP Codes Tutorial: 另一個學習基礎HTML標籤和語法的網頁，內容豐富，但要注意，這個網頁沒有提供負面標籤的相關資訊喔！
World Wide Web Consortium (W3C): W3C是訂定(X)HTML的大本營，這個網頁雖然不好搜尋，畫面也陽春（需要視傳的設計師來幫忙），但卻充滿了寶貝！你可以找到最近版(X)HTML的語法與解釋，以及重要的訊息。
Mozilla: 除了Microsoft的IE之外，你會有別的選擇！試試Fire Fox 吧！
Javascript 自習網（繁體中文）: 有同學問到Javascript 相關的問題，所以先放上來；在我們上到之前，請好奇的妳／你先慢慢享用囉！
Jakob Nielsen's Website: 有「網頁設計導師」之稱的Jakob Nielsen，在過去十年間發表的許多網頁設計相關文章，是個長知識的好地方。
Jane 的部落格: 一位網頁設計人在這裡聊聊設計的心得、css研究、旅遊經驗、書籍和文章的推薦分享等
英文的假字製造機: 如果你做平面設計時，需要大量的英文假字來做效果，這個網頁是個不錯的選擇，可以做出大量的假字。
中文的假字製造機: 這是假字的中文版，裡面可以依照需求設定字數，用亂數取字的方法給你一堆假字（文）。

回本頁最上方

CSS相關

Website Tips (英): 這裡有很多HTML, CSS 的小技巧，也有不同平台間網頁設計的技術介紹。
CSS 語法教學: 這個網頁提供完整的CSS語法介紹，可以在課後自己複習CSS語法，也可以學習沒有教的部份喔！
CSS Zen Garden (英): 「CSS禪園」？嗯，聽起來就是一個意境深遠的CSS樂土，快來參考眾多漂亮的範例吧！
CSS3 (英): CSS 3 規格終於千呼萬喚始出來，並得到 Firefox 3.5 的完整支援，歡迎大家進來看看！
Six Revisions (英): 豐富的網頁設計／平面設計相關的論壇、範例、文章，都能在這裡出現，永遠有新的驚奇發現！
Stop Design (英): 想知道高手們如何善用CSS做排版嗎？這裡可以滿足你的求知慾；作者提出了很多有關<div>的排版作法，會讓你有所領悟的。
網頁設計師的線上手冊 (英): 如果未來妳想要更瞭解CSS，或想要駕禦CSS，那就非上來看看不可！尤其是他的CSS Grid Calculator更是不可錯失的版面設計工具！

回本頁最上方

網頁配色

Color Scheme 3: 還不錯用的配色小工具，很適合學過色彩學的妳／你：互補色、對比色、三角配色...都可以試試看喔！
配色事典: 其實這裡是一個賣名片的站，提供了很多很多主題配色，值得參考。
混色器: 只要在網頁上點選兩個顏色，就會出現混和後的色彩。
Adobe Kuler: Adobe提供的專業配色網頁，也已整合在CS4 extended 裡面。

回本頁最上方

網頁驗證

寫好了HTML或CSS了嗎？以下是W3C提供的驗證網頁，快快來驗證，通過了驗證後，就可以加入「完成驗證標章」，來顯示妳／你的專業網頁設計能力喔！：

Web Standards chedklist: 什麼是網頁標準化？和設計師們有什麼關係？如果你希望未來職場的網頁設計是可以跨平台，那麼，你就非瞭解這個趨勢不可。快進來瞧瞧吧！
驗證HTML
驗證CSS
驗證網頁內鏈結

回本頁最上方

電繪相關

網頁不能只有蒼白的版面，必須搭上美麗的圖案，才是視傳的創作。以下收集相關的設計資源，歡迎使用：

CoolFonts: 另一個有用的字型網，許多有趣的字型。
GetBrushes.com: 免費又好看的Photoshop筆刷，而且常有更新，讚！
net.tuts+: 這是一個線上教學，很詳細的說明了如何從草圖開始，用Photoshop畫網頁的版型。超仔細！
psd.tuts+: 有很多的Photoshop線上教學，包括材質製作、特效製作、網頁版型設計，也有免費的筆刷、濾鏡等。
TheFreeSoundProject: 這是一個尋找免費音效的好地方，像是相機快門聲、零錢落地聲、清晨的聲音、大海的聲音...等，只要免費註冊就可下載，供各種多媒體或簡報使用，非常方便。
Tutcast.com - Photoshop: 這裡有很多實用的Photoshop教學，從基本的調整影像，到創作影像都有，還可以練習英語聽力 :D
WebpageFonts.com: 這裡有超過6,500種英文字型可供下載，還蠻完整的，也有字型圖例，值得參考。
Xenicore Designs: 另一個Photoshop教學網，圖文並茂

回本頁最上方