DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Web設計師的路:自學網頁設計的有用資源
Web設計師的路:自學網頁設計的有用資源
編輯:關於JavaScript     

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

創建標准網站

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

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

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

HTML學習資源

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

The Smashing Magazine web design book

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

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

Tokyo, Japan at night

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

至高無尚的CSS

如果HTML足夠簡單並且你想提高你的CSS技巧,我推薦一些類似的資源。W3Schools實際上突出兩方面的課程。首先是介紹標准的CSS類如何裝飾你的網站。這包括字體,顏色,標題,鏈接與及導航菜單。

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

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

豐富的想象力

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

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

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

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

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

結論

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

轉載請注明:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved