Web設(shè)計(jì)師：網(wǎng)頁(yè)設(shè)計(jì)如何自學(xué)成才
我希望向?qū)U(kuò)展自己設(shè)計(jì)方面的知識(shí)有興趣的人介紹一些有用的資源。內(nèi)容涉及從網(wǎng)頁(yè)表單，教程，以及發(fā)表博客等到你可以想到的幾乎每個(gè)話題。你唯一需要的就是強(qiáng)烈的學(xué)習(xí)意愿和決心!
創(chuàng)建標(biāo)準(zhǔn)網(wǎng)站
對(duì)于那些不熟悉標(biāo)準(zhǔn)網(wǎng)站的人，你其實(shí)只需要學(xué)習(xí)一門語(yǔ)言。HTML5是W3文檔系列***發(fā)布的版本。在這里我們可以發(fā)現(xiàn)結(jié)構(gòu)化的基于標(biāo)簽和屬性的樹狀層級(jí)語(yǔ)言。
然而如果只有HTML，你能做的可能只是沒(méi)有真正創(chuàng)造力的乏味的格式。CSS是一門用名-值對(duì)來(lái)書寫的樣式語(yǔ)言。在這些文件里，你針對(duì)頁(yè)面目標(biāo)元素寫代碼并更新它們的樣式。它些樣式可能是字體號(hào)或字體，背景色，位置，邊框或基本上你能想到的所有其它方面。
有這兩門語(yǔ)言就可以很容易的在幾天內(nèi)創(chuàng)建一個(gè)網(wǎng)站。它們的學(xué)習(xí)曲線不是很陡峭，一旦你理解了兩個(gè)語(yǔ)言如何互相交互，那剩下的幾乎就只是學(xué)習(xí)新的和不知道的標(biāo)簽了。它就像學(xué)習(xí)一門新語(yǔ)言一樣——一旦你理解了基本語(yǔ)法，主要的挑戰(zhàn)就在學(xué)習(xí)不同類型的詞匯上了。
HTML學(xué)習(xí)資源
如果你從來(lái)沒(méi)有學(xué)習(xí)過(guò)HTML或只是想擴(kuò)展你的知識(shí)，我可能會(huì)推薦Net Tuts+（http://net.tutsplus.com/）. 他們是一個(gè)流行的網(wǎng)頁(yè)開發(fā)博客，上面發(fā)布了許多非常有用的HTML代碼片段。
他們不僅僅關(guān)注HTML，所以你可能會(huì)看到很多其它類別的文章。他們的類別包括PHP，JavaScript，Python，Ruby以及其它許多分類。
W3Schools HTML5 page(http://www.w3schools.com/html5/default.asp)是另一個(gè)很有價(jià)值的資源。如果你有2-3個(gè)小時(shí)的空閑我強(qiáng)烈推薦你學(xué)習(xí)一下他們簡(jiǎn)單的課程。每個(gè)方面都被提到，每個(gè)元素之間的過(guò)渡也很好，直到創(chuàng)建你的最終網(wǎng)頁(yè)。
如果要更專業(yè)一點(diǎn)的話，我找到了一些特別的站點(diǎn)。Dave Woods寫的標(biāo)題為HTML 5 教程 – 入門的文章，概括了在你創(chuàng)建***個(gè)網(wǎng)站時(shí)需要了解的所有主要內(nèi)容。
至高無(wú)尚的CSS
如果HTML足夠簡(jiǎn)單并且你想提高你的CSS技巧，我推薦一些類似的資源。W3Schools實(shí)際上突出兩方面的課程。首先是介紹標(biāo)準(zhǔn)的CSS類如何裝飾你的網(wǎng)站。這包括字體，顏色，標(biāo)題，鏈接與及導(dǎo)航菜單。
為作它們中的高級(jí)成員他們的***的CSS3 release提供了***特性的深度解析。這些新特性在現(xiàn)在越來(lái)越流行，比如陰影效果和圓角。
類似的，還有大量的文章可以參考。與CSS技術(shù)一起，很多開發(fā)者已經(jīng)在整合CSS3教程。
豐富的想象力
一旦你學(xué)習(xí)設(shè)計(jì)到了一定的程度你就會(huì)覺(jué)得很容易創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)站。它不需要最漂亮，但是如果你想了解從頭到尾的整個(gè)過(guò)程那接下來(lái)就需要學(xué)習(xí)一些新的前沿知識(shí)。
一些設(shè)計(jì)師傾向于圖像藝術(shù)。這可能是圖標(biāo)或logo設(shè)計(jì)，插畫或矢量圖，背景，以及其它形式的圖像。數(shù)字藝術(shù)基本上通過(guò)Adobe的軟件套裝就可以建立，并且使用它們會(huì)感覺(jué)到很輕松地表達(dá)創(chuàng)造力以及創(chuàng)建網(wǎng)頁(yè)布局。
在相似的規(guī)模下網(wǎng)站的規(guī)范化會(huì)很大程度地影響用戶心情。如果你熟練畫圖和徒手畫圖工具，嘗試使用Adobe Illustrator。使用它很容易創(chuàng)建矢量圖，用于吉祥物，logo，甚至是Flash的背景圖。
圖標(biāo)設(shè)計(jì)也是一個(gè)相似的，設(shè)計(jì)師會(huì)用Photoshop或Fireworks來(lái)做。順便學(xué)會(huì)設(shè)計(jì)圖標(biāo)會(huì)帶來(lái)區(qū)大的好處。
你可以在新開的Web Design Tuts+博客中找到這些文章。他們專注于設(shè)計(jì)頁(yè)面圖像，布局，線框之類的。總之這是一個(gè)需要掌握的很好的技能，因?yàn)樗鼈兪沟镁W(wǎng)頁(yè)開發(fā)更容易。
結(jié)論
現(xiàn)在做網(wǎng)頁(yè)設(shè)計(jì)比以前任何時(shí)候都容易。歷史上網(wǎng)頁(yè)是用來(lái)公開討論和分享知識(shí)的地方。網(wǎng)頁(yè)設(shè)計(jì)社區(qū)很樂(lè)意幫助別人去理解.
原文鏈接：http://rockux.com/archives/%E8%87%AA%E5%AD%A6%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1
【編輯推薦】
