詳細(xì)解析網(wǎng)頁初級學(xué)習(xí)者如何學(xué)習(xí)
2024-04-29 分類： 網(wǎng)站建設(shè)
網(wǎng)頁設(shè)計可能是你職業(yè)生涯中讓你滿血復(fù)活的技能之一了。路漫漫其修遠(yuǎn)兮，在這漫長的學(xué)習(xí)中,開始的30天是至關(guān)重要的，因?yàn)楹芏嗳藘H僅堅持了一兩個星期就放棄。在這篇文章中，我將傳授你一些有用的知識和技巧，讓你更好的開始網(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è)計的知識。其中一些有：
Codecademy Udacity Mozilla Developer Network Udemy 在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)然啦，僅僅讀一本好書是不可能成為大神的
堅持是網(wǎng)頁設(shè)計的第一秘訣，你摸著胸口問問自己，我每天都學(xué)習(xí)了嗎？每個新知識我都復(fù)習(xí)超過三遍了嗎（一周）？你要知道，每天學(xué)一點(diǎn)比一天學(xué)很多要管用的多，因?yàn)橐豢诔圆怀蓚€大胖子?？赡苣銜?我究竟怎么做才能堅持下去呢?有什么方法能幫助我提高鍛煉的次數(shù)嗎?我的辦法是：
寫下你要做的事情
我曾經(jīng)看過一項調(diào)查報告,他的結(jié)論是:明確的目標(biāo)能幫助學(xué)生做明確的事.在這項試驗(yàn)中調(diào)查員把學(xué)生分成三組:
第一組的同學(xué)得到的信息是”寫一篇報告”; 第二組的同學(xué)得到的信息是”在圖書館寫一篇報告”; 第三組的同學(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ì)包過。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！
網(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è)計的知識。其中一些有：
Codecademy Udacity Mozilla Developer Network Udemy 在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)然啦，僅僅讀一本好書是不可能成為大神的
堅持是網(wǎng)頁設(shè)計的第一秘訣，你摸著胸口問問自己，我每天都學(xué)習(xí)了嗎？每個新知識我都復(fù)習(xí)超過三遍了嗎（一周）？你要知道，每天學(xué)一點(diǎn)比一天學(xué)很多要管用的多，因?yàn)橐豢诔圆怀蓚€大胖子?？赡苣銜?我究竟怎么做才能堅持下去呢?有什么方法能幫助我提高鍛煉的次數(shù)嗎?我的辦法是：
寫下你要做的事情
我曾經(jīng)看過一項調(diào)查報告,他的結(jié)論是:明確的目標(biāo)能幫助學(xué)生做明確的事.在這項試驗(yàn)中調(diào)查員把學(xué)生分成三組:
第一組的同學(xué)得到的信息是”寫一篇報告”; 第二組的同學(xué)得到的信息是”在圖書館寫一篇報告”; 第三組的同學(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ì)包過。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！
當(dāng)前標(biāo)題：詳細(xì)解析網(wǎng)頁初級學(xué)習(xí)者如何學(xué)習(xí)
分享網(wǎng)址：http://jinyejixie.com/news37/325837.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、云服務(wù)器、網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、ChatGPT、定制網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 什么是服務(wù)器虛擬化？云主機(jī)和VPS主機(jī)的優(yōu)勢 2024-04-29
- 保護(hù)你的服務(wù)器免受DDoS攻擊：美國高防服務(wù)器的防護(hù)策略 2024-04-29
- 社交網(wǎng)站中關(guān)系網(wǎng)絡(luò)及功能設(shè)計分析 2024-04-29
- 成都網(wǎng)站建設(shè)有哪些基本技巧呢? 2024-04-29
- 內(nèi)容運(yùn)營的三大要素 2024-04-29
- 美國物理服務(wù)器網(wǎng)絡(luò)掉包的原因 2024-04-29
- 詳細(xì)介紹錨文本的作用和使用方法 2024-04-29
- 分享如何開網(wǎng)店和客戶溝通？ 2024-04-29
- 網(wǎng)站制作在體驗(yàn)上有哪些講究 2024-04-29
- 成都400電話教你如何省錢 2024-04-29
- 選擇網(wǎng)站優(yōu)化服務(wù)商怎樣才不會入坑？ 2024-04-29
- 對話成都綠交所董事長王乃祥：碳量化、碳定價與碳金融是雙碳利器 2024-04-29
- 成都網(wǎng)站建設(shè)丨企業(yè)手機(jī)端網(wǎng)站建設(shè)的幾點(diǎn)建議 2024-04-29
- 如何做好響應(yīng)式營銷型網(wǎng)站建設(shè)內(nèi)頁優(yōu)化排名的技巧 2024-04-29
- 成都企業(yè)網(wǎng)站建站公司告訴你中小企業(yè)網(wǎng)站制作如何才能減少費(fèi)用？ 2024-04-29
- 網(wǎng)站建設(shè)中外貿(mào)網(wǎng)站搭建要避免的幾個常見誤區(qū)！(深圳外貿(mào)網(wǎng)站建設(shè)) 2024-04-29
- 成都小程序制作開發(fā)優(yōu)勢：不占內(nèi)存用完即走！ 2024-04-29
- 成都網(wǎng)站建設(shè)分享推廣關(guān)鍵點(diǎn) 2024-04-29
- 想要商機(jī)無限嗎？辦理短信群發(fā) 2024-04-29