網(wǎng)頁設(shè)計頭三十天如何開始如何堅(jiān)持
嗨少年，你是否下定決心學(xué)習(xí)網(wǎng)頁設(shè)計？那就恭喜你了！網(wǎng)頁設(shè)計可能是你職業(yè)生涯中讓你滿血復(fù)活的技能之一了。路漫漫其修遠(yuǎn)兮，在這漫長的學(xué)習(xí)中,開始的30天是至關(guān)重要的，因?yàn)楹芏嗳藘H僅堅(jiān)持了一兩個星期就放棄。在這篇文章中，我將傳授你一些有用的知識和技巧，讓你更好的開始網(wǎng)頁設(shè)計之路，并長久的留在這個賽道上。向上吧，騷年！
網(wǎng)頁設(shè)計是一個涉及面很廣的領(lǐng)域
“我想學(xué)習(xí)網(wǎng)頁設(shè)計”這句話就像“我想學(xué)習(xí)如何烹飪”一樣,你知道嗎？做飯有成千上萬的食譜,很多不同的烹飪風(fēng)格。每個成為設(shè)計師的人都應(yīng)該知道, 網(wǎng)頁設(shè)計有成千上萬的特定工具和一般原則。也正因?yàn)榫W(wǎng)頁設(shè)計是這樣一個廣泛的領(lǐng)域,許多人就簡單地問：叫獸，我該如何開始？這個問題雖然只有六個字，卻能阻擋了人們的網(wǎng)頁設(shè)計之路：有這么多工具可以選擇,那我到底該選哪個呢？我真的無從下手。
我的網(wǎng)頁設(shè)計之路
在網(wǎng)頁設(shè)計大軍中,我也曾是一個被如何開始和從哪里開始弄的不知所措的菜鳥。我不知道是該先學(xué)習(xí)Dreamweaver呢還是Photoshop ? 或者先學(xué)習(xí)如何用JavaScript編程?其實(shí)這些事情我都可以做,但當(dāng)學(xué)習(xí)的資源很多的時候,我們中的許多人就會面臨著過載的選擇,當(dāng)你有很多選擇時,你會煩惱,最終一個也不想選了。你有過這種經(jīng)歷嗎？
Dreamweaver是一個很基本的程序,它可以幫助你更快編寫HTML和CSS代碼。它的優(yōu)點(diǎn)是簡單,缺點(diǎn)是你會花更多的時間去編碼。所以 Dreamweaver只能是一個節(jié)省時間的好方法,而不是學(xué)習(xí)網(wǎng)頁設(shè)計的好開頭。這就是我已經(jīng)吸取的教訓(xùn)。所以我的選擇是:首先學(xué)習(xí)HTML和CSS.
為什么要從HTML 和CSS開始?
大多數(shù)的網(wǎng)站(我猜99% 以上)是由HTML編寫的。想看看它的真面目嗎?只需去你喜歡的網(wǎng)站,按CTRL + U(若瀏覽器不顯示,可以點(diǎn)擊”查看 < 查看網(wǎng)頁源代碼”)。那些華麗麗亮瞎了眼睛的<p>, <a>, <strong>, <script type=’text/javascript’>, <span>, <style>文字你看懂了嗎?這就是HTML標(biāo)簽。不用擔(dān)心你什么都不知道,因?yàn)槟愫芸炀湍軐W(xué)會。時下的網(wǎng)站幾乎都由HTML作為構(gòu)架,那么什么是CSS呢？
CSS的作用主要就像上圖，是給這些結(jié)構(gòu)添加一個樣式。沒有CSS的網(wǎng)站看起來很可怕,就像一串文字雜亂無章的堆在筆記本上。要真正理解并成為一個優(yōu)秀的網(wǎng)頁設(shè)計師,我認(rèn)為至關(guān)重要的是了解這兩個簡單的語言。而且, 一旦你掌握它們背后的邏輯就非常容易上手。別擔(dān)心,這不是實(shí)際的編程語言PHP,Javascript或C + +，他們是完全不同的領(lǐng)域。學(xué)習(xí)HTML和CSS與學(xué)習(xí)這些語言相比,就像學(xué)習(xí)騎自行車和飛機(jī)。你知道如何騎自行車嗎?既然你有學(xué)自行車的能力,那你就有能力學(xué)好HTML和CSS。
如何開始學(xué)習(xí)HTML和CSS
這兩塊我栽過無數(shù)次跟頭。在我看來,選擇正確的書對學(xué)習(xí)是至關(guān)重要的,它決定著你的去留,一本好書將知識簡潔的提供給讀者,它的內(nèi)容是有趣而引人入勝的。有本書叫<Head First HTML & CSS>,我覺得它蠻好。一般來說,所有的“靈魂”書比其他文學(xué)主題的書要好。這本書可能是唯一一本關(guān)注你學(xué)習(xí)HTML和CSS經(jīng)驗(yàn)的書,。他們運(yùn)用大量的研究性學(xué)習(xí)原則來幫助你保持動力,最重要的是,它們讓你覺得你已經(jīng)做成了一些東西!這就是好書和壞書的區(qū)別:讀好書的進(jìn)步是潛移默化的，它沒有反饋機(jī)制來告訴你,你已經(jīng)取得了一些進(jìn)步(有些書會在書尾向你“祝賀”,但這是遠(yuǎn)遠(yuǎn)不夠)。如果你想看看<Head First HTML & CSS>的內(nèi)容, 你可以在谷歌圖書預(yù)覽一下。
在偶然發(fā)現(xiàn)這本書之前,我曾看過其他四本書但最終都以放棄結(jié)尾,主要是因?yàn)樽x這些書的時候,我發(fā)現(xiàn)自己被困在一個概念里,而這些書又未能簡潔的給我解釋清楚，把我的腦子弄的烏煙瘴氣的。無論多少次我試圖“重讀”這些書的某些章節(jié),我都沒能理出頭緒。雖然在谷歌搜索的幫助下我理解了一些,但是在第三或第四次陷入困境時,我開始想,“為什么我必須繼續(xù)閱讀這本如此差勁的書?為什么我要浪費(fèi)時間與它周旋？我明明可以選擇另一本書或從網(wǎng)上學(xué)習(xí)啊，既然搜索都能幫我它卻不能那我還要它干嘛？”
相信我吧少年，工欲善其事必先利其器，好書勝過千言萬語。
給我一些免費(fèi)的資源吧！
2012年是“網(wǎng)絡(luò)教學(xué)”行業(yè)的繁盛年，你能從很多新創(chuàng)公司中學(xué)習(xí)到網(wǎng)頁設(shè)計的知識。其中一些有：
在1stWebDesigner里你也可以看到很多與學(xué)習(xí)網(wǎng)頁設(shè)計有關(guān)的好文章，比如：
Basic Visual Web Design Mistakes
Learn Web Design – Quit College (really good advice there, by the way)
Call to Action – Web Design Usability
我非常推薦你去看這些文章，但前提是你已經(jīng)讀過一本好書，并打好了基礎(chǔ)。
當(dāng)然啦，僅僅讀一本好書是不可能成為大神的
堅(jiān)持是網(wǎng)頁設(shè)計的第一秘訣，你摸著胸口問問自己，我每天都學(xué)習(xí)了嗎？每個新知識我都復(fù)習(xí)超過三遍了嗎（一周）？你要知道，每天學(xué)一點(diǎn)比一天學(xué)很多要管用的多，因?yàn)橐豢诔圆怀蓚€大胖子?？赡苣銜?我究竟怎么做才能堅(jiān)持下去呢?有什么方法能幫助我提高鍛煉的次數(shù)嗎?我的辦法是：
寫下你要做的事情
我曾經(jīng)看過一項(xiàng)調(diào)查報告,他的結(jié)論是:明確的目標(biāo)能幫助學(xué)生做明確的事.在這項(xiàng)試驗(yàn)中調(diào)查員把學(xué)生分成三組:
1.第一組的同學(xué)得到的信息是”寫一篇報告”;
2.第二組的同學(xué)得到的信息是”在圖書館寫一篇報告”;
3.第三組的同學(xué)得到的信息是”星期一下午3點(diǎn)鐘在圖書館寫一篇報告
你猜出了哪個組完成的更多嗎? 正是第三組,被告知了時間地點(diǎn)事件的小組.
若你想把一件事做的更有效率,那么寫出事情的時間地點(diǎn)更有利于你完成任務(wù).時間不一定要精確到幾分幾秒,可以是”起床之后立即去”或者其他的日?；顒? 就像”從體育館回來之后馬上去”等等.
還有一個好辦法就是用清單記錄你的日?；顒?這種方式可以讓你感覺自己一天做的事情都很有成效,極大的激勵了你(這個記錄要從早上你起床開始).
動力像火車的燃料
經(jīng)常激勵自己可以幫助你在有限的時間完成更多的事情.比如說,當(dāng)我瀏覽博客例如TechCrunch時看到上面談?wù)摳鞣N小型新創(chuàng)公司被高價收購我就會有更多的動力去學(xué)習(xí)編程。這些新創(chuàng)公司的根基在于軟件,相對來說比較 容易創(chuàng)建—–這些話讓我熱血沸騰!
當(dāng)然,只有通過記錄你的日常行程,了解你自己,你才能發(fā)現(xiàn)屬于你自己的激勵因素.
你還在等什么?
如果你打開電腦準(zhǔn)備玩一把LOL卻無意中發(fā)現(xiàn)了這篇文章,這個章節(jié),那么少年,停下你激蕩的腳步,放松一下吧,試著忘記一切.你知道嗎,最好的自我控制方法就是放松片刻.
小憩一會兒了吧?現(xiàn)在用你靈敏的腦瓜子想想:明天你可以找個時間學(xué)習(xí)網(wǎng)頁設(shè)計了嗎?你有目標(biāo)了嗎?比如“讀30分鐘 <Head First HTML & CSS>,或者其他更好的書。“還有,你什么時候開始?3點(diǎn)?或者4點(diǎn)?睡醒了就去?你要決定好時間才行。
在學(xué)習(xí)網(wǎng)頁設(shè)計的時候什么是你最大的障礙？告訴我吧，排憂解難保質(zhì)包過。
加油吧少年，這個世界可不是你的老媽子！
原文鏈接：http://www.uisdc.com/your-first-30-days-of-learning-web-design
英文原文：http://www.1stwebdesigner.com/design/learning-web-design-30-days/
