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