自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Web設計師:網(wǎng)頁設計如何自學成才

開發(fā) 前端
Web設計師的路是充滿挑戰(zhàn)性的路。有很多技術需要學習,而且有很多知識可以用來稍微減輕路途上的負擔。最流行的學習媒介是書籍,但是隨著網(wǎng)絡的發(fā)展,如今學習網(wǎng)頁設計原理比以前任何時候都更容易。

我希望向對擴展自己設計方面的知識有興趣的人介紹一些有用的資源。內容涉及從網(wǎng)頁表單,教程,以及發(fā)表博客等到你可以想到的幾乎每個話題。你唯一需要的就是強烈的學習意愿和決心!

創(chuàng)建標準網(wǎng)站

對于那些不熟悉標準網(wǎng)站的人,你其實只需要學習一門語言。HTML5是W3文檔系列***發(fā)布的版本。在這里我們可以發(fā)現(xiàn)結構化的基于標簽和屬性的樹狀層級語言。

Web設計

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

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

HTML學習資源

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

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

W3Schools HTML5 page(http://www.w3schools.com/html5/default.asp)是另一個很有價值的資源。如果你有2-3個小時的空閑我強烈推薦你學習一下他們簡單的課程。每個方面都被提到,每個元素之間的過渡也很好,直到創(chuàng)建你的最終網(wǎng)頁。

如果要更專業(yè)一點的話,我找到了一些特別的站點。Dave Woods寫的標題為HTML 5 教程 – 入門的文章,概括了在你創(chuàng)建***個網(wǎng)站時需要了解的所有主要內容。

至高無尚的CSS

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

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

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

豐富的想象力

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

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

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

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

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

結論

現(xiàn)在做網(wǎng)頁設計比以前任何時候都容易。歷史上網(wǎng)頁是用來公開討論和分享知識的地方。網(wǎng)頁設計社區(qū)很樂意幫助別人去理解.
 

原文鏈接:http://rockux.com/archives/%E8%87%AA%E5%AD%A6%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1

【編輯推薦】

  1. 開發(fā)移動版網(wǎng)頁的技巧:一個案例
  2. 網(wǎng)頁設計師晉階必知的十個小竅門
  3. 網(wǎng)頁設計的80/20規(guī)則 你可知道?
  4. 中國的網(wǎng)頁設計為什么這么爛?
  5. 推薦25個非常優(yōu)秀的網(wǎng)頁表單設計案例
責任編輯:陳貽新 來源: RockUX
相關推薦

2020-01-21 22:00:34

程序員技能開發(fā)者

2020-11-04 10:21:37

機器學習技術人工智能

2017-01-10 14:59:03

開發(fā)者故事

2025-02-26 14:22:18

2016-01-27 10:36:25

程序員自學

2017-02-09 16:52:33

開發(fā)者優(yōu)勢劣勢

2025-02-25 08:06:05

2015-04-07 13:29:06

編程自學開發(fā)應用

2021-12-22 10:57:26

機器學習人工智能計算機

2017-01-10 10:14:47

新手學習編程

2025-04-07 03:00:00

Dreamer世界模型

2020-08-04 08:42:10

Python開發(fā)工具

2015-07-27 15:26:47

設計

2011-05-07 16:57:30

網(wǎng)頁設計師網(wǎng)站

2016-02-01 10:12:22

網(wǎng)頁設計移動端

2024-08-26 08:30:00

谷歌代碼

2019-04-30 14:36:36

程序員技能開發(fā)者

2011-08-03 11:08:27

HTML 5

2011-01-25 14:50:50

Chrome擴展

2017-09-01 16:38:35

Chrome
點贊
收藏

51CTO技術棧公眾號