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