Web設計師的路:自學網頁設計的有用資源

文章簡介：Web設計師的路是充滿挑戰性的路。有很多技術需要學習，而且有很多知識可以用來稍微減輕路途上的負擔。最流行的學習媒介是書籍，但是隨著網路的發展，如今學習網頁設計原理比以前任何時候都更容易。

Web設計師的路是充滿挑戰性的路。有很多技術需要學習，而且有很多知識可以用來稍微減輕路途上的負擔。最流行的學習媒介是書籍，但是隨著網路的發展，如今學習網頁設計原理比以前任何時候都更容易。
我希望向對擴充自己設計方面的知識有興趣的人介紹一些有用的資源。內容涉及從網頁表單，教程，以及發表部落格等到你可以想到的幾乎每個話題。你唯一需要的就是強烈的學習意願和決心！

建立標準網站

對於那些不熟悉標準網站的人，你其實只需要學習一門語言。HTML5是W3文檔系列最新發行的版本。在這裡我們可以發現結構化的基於標籤和屬性的樹狀層級語言。

然而如果只有HTML，你能做的可能只是沒有真正創造力的乏味的格式。CSS是一門用名-值對來書寫的樣式語言。在這些檔案裡，你針對頁面目標元素寫代碼並更新它們的樣式。它些樣式可能是字型號或字型，背景色，位置，邊框或基本上你能想到的所有其它方面。

有這兩門語言就可以很容易的在幾天內建立一個網站。它們的學習曲線不是很陡峭，一旦你理解了兩個語言如何互相互動，那剩下的幾乎就只是學習新的和不知道的標籤了。它就像學習一門新語言一樣——一旦你理解了基本文法，主要的挑戰就在學習不同類型的詞彙上了。

HTML學習資源

如果你從來沒有學習過HTML或只是想擴充你的知識，我可能會推薦Net Tuts+. 他們是一個流行的網頁開發部落格，上面發布了許多非常有用的HTML程式碼片段。

他們不僅僅關注HTML，所以你可能會看到很多其它類別的文章。他們的類別包括PHP，JavaScript，WordPress，Ruby以及其它許多分類。

W3Schools HTML5 page是另一個很有價值的資源。如果你有2-3個小時的空閑我強烈推薦你學習一下他們簡單的課程。每個方面都被提到，每個元素之間的過渡也很好，直到建立你的最終網頁。

如果要更專業一點的話，我找到了一些特別的網站。Dave Woods寫的標題為HTML5 教程 – 入門的文章，概括了在你建立第一個網站時需要瞭解的所有主要內容。

至高無尚的CSS

如果HTML足夠簡單並且你想提高你的CSS技巧，我推薦一些類似的資源。W3Schools實際上突出兩方面的課程。首先是介紹標準的CSS類如何裝飾你的網站。這包括字型，顏色，標題，連結與及導覽功能表。

為作它們中的進階成員他們的最新的CSS3 release提供了最新特性的深度解析。這些新特性在現在越來越流行，比如陰影製作效果和圓角。

類似的，還有大量的文章可以參考。與CSS技術一起，很多開發人員已經在整合CSS3教程。

豐富的想象力

一旦你學習設計到了一定的程度你就會覺得很容易建立一個簡單的網站。它不需要最漂亮，但是如果你想瞭解從頭到尾的整個過程那接下來就需要學習一些新的前沿知識。

一些設計師傾向於映像藝術。這可能是表徵圖或logo設計，插畫或向量圖，背景，以及其它形式的映像。數字藝術基本上通過Adobe的軟體套裝就可以建立，並且使用它們會感覺到很輕鬆地表達創造力以及建立網頁布局。

在相似的規模下網站的正常化會很大程度地影響使用者心情。如果你熟練畫圖和徒手畫圖工具，嘗試使用Adobe Illustrator。使用它很容易建立向量圖，用于吉祥物，logo，甚至是Flash的背景圖。

表徵圖設計也是一個相似的，設計師會用Photoshop或Fireworks來做。順便學會設計表徵圖會帶來區大的好處。

你可以在新開的Web Design Tuts+部落格中找到這些文章。他們專註於設計頁面映像，布局，線框之類的。總之這是一個需要掌握的很好的技能，因為它們使得網頁開發更容易。

結論

現在做網頁設計比以前任何時候都容易。曆史上網頁是用來公開討論和分享知識的地方。網頁設計社區很樂意協助別人去理解。[English]

轉載請註明：
作者：RockUX–WEB前端
出自：自學網頁設計