網頁設計入門必看的六點建議

雖然說對于已經會Html的人來說，學Html真的算不上什麼有技術性的東西，因為那個實在是很簡單，如果這個都搞不定，其他就不用提了。但是對于初次接觸網絡語言的人來說，那還是不容易搞定的一件事。

網頁網站設計入門

　　我身邊就有很多在學Html的朋友，接觸Html的時間也不算短，但是如果讓他獨立做一個網頁就不能勝任了，最多隻是會修改别人的模闆，簡而言之，就是看得懂，但不是真懂，沒入門。然後有個朋友問，那什麼才算入門呢？就是自己能獨立做一個網頁呗。

　　很多時候方法對了，學習這件事情隻會變得越來越容易，如果你感覺學得越來越吃力，最好回過頭好好審視一下你的學習方法問題。在學HTML這件事情上，我覺得最多最多一年肯定能搞定了，有些人快的話其實三個月就可以搞定了。但為什麼有的人兩年還是沒學會呢？一則我覺得可能是興趣不大，可學可不學的狀态，在工作中使用有時候套幾個模闆就可以了，不一定要自己做，會修改模闆就已經夠用了，是以也就無所謂學了。對于這樣的人，我覺得其實沒什麼可說的，因為人家志不在此。

　　但是還是有一部分人是想要往網絡這個方向發展的，那麼學習Html就是必須要掌握的一門語言，因為你以後接觸到的比如JS、PHP等很多都是需要Html的基礎，Html是大前提。但是如何快速地搞定這件事情呢？以下我總結我的一些經驗，希望對你有所幫助。

　　1.實戰為主，書本理論為輔

　　我其實學Html沒有很完整的看過一遍網上的教程，最開始的時候，書也看得很少，反而到會了以後，看的書籍和教程才開始慢慢變多，因為那個時候的閱讀，是主題閱讀，為了解決我實際中遇到的一些問題，或者想要實作的效果去針對性的閱讀和學習。

　　最初，我的大部分的經驗都是靠實戰中總結擷取到的，因為工作中就會用到這個，是以給了我大量練習的機會，從完全不懂，到慢慢會修改一些别人的模闆，再到在不同模闆之間挑選好的子產品嫁接到自己的網頁中，然後改着改着，有一天發現，别人寫的網頁看起來很費勁，要一個個比對太浪費眼神，幹脆自己動手做，然後就會了。

　　是以想要學會Html，最快的方法是找一個會用上這個的工作，逼着自己去大量的練習，不要看什麼Dreamweaver教程，那個沒用，Dreamweaver隻是寫Html比較友善的工具，學會了這個你也不會看懂代碼的，因為這個工具很大程度上提供了可視化的操作界面，熟悉并且依賴了這些可視化的界面，就意味着你離代碼越來越遠了，不如直接去看前端開發的教程。

　　不管是Html還是以後的腳本語言、又或者是程式設計，在實戰中學習，進步的速度都是比在書本中學到的快很多。當然，我覺得這種方法可能更合适，就是在實戰中碰到問題，然後通過閱讀書本或者看教程等資料，将碰到的問題進行系統化的學習和掌握。最好不要在實戰中碰到問題，然後百度解決了，就完事了，應該更加深入的挖掘問題的本質，找到解決這一類問題的解決方案。

　　2.足夠多量的積累，才會有質的飛躍

　　回想起我自己在學Html的經曆，前前後後我修改了别人至少一百個模闆。很多時候我能做出來，往往是因為經驗多。但是單純地量的積累，并不會帶來質的飛躍。每次需要有改進提高的地方，一次進步一點，漸漸累積才會有所收獲，這個時候要學會記錄自己學習的進展，比如今天我在導航制作上面有了一些新的發現，就像記錄網站的更新日志一樣，記錄自己在學習上的突破和進展。在修改别人模闆的時候，嘗試一下每次給自己增加考驗的難度，如果遇到自己在某方面特别薄弱，就用頻繁的刻意練習修複你的薄弱環節。并且适時的總結自己的收獲，比如說，在浏覽器相容性問題處理方面，很多時候都是依靠自己經驗的總結。

　　3.大量不同的模闆練習，不如專注熟練一種模闆

　　這也是我覺得最靠譜，并且進步最快的一種辦法，就是去找一個優秀的網頁作品，從優設網、UI中國之類的網站上，或者那些自己收集喜歡的網頁作品中，找一個不是很複雜的網頁作品，然後用心研究之，把它吃透了，再找個稍微難一點的網頁再研究，逐漸積累難度。一般來說，真的研究透了兩三個，基本就入門了。而且鑽研優秀的網頁往往會帶來其他額外的好處，比如，通過看作品慢慢把握網頁制作現在流行的趨勢、可以吸收一些新鮮的技術、可以培養自己更規範的命名、或者良好的布局觀念。但是往往這是一般人很不願意去做的事情，更不用說，為了研究透而專門總結寫研究報告的了。不過這個方法，即使學程式設計了還是會很有用。

　　如何專注的研究一個網頁專題模闆呢？就是周遊它！把你想要鑽研的網頁源代碼拷貝儲存到印象筆記中看起來，有遇到不明白的地方，查資料，手邊最好放一本《Html&Css常用标簽速查手冊》或者Html&Css的參考手冊，不明白的樣式、屬性就去查一查，或者放到DW中看看效果，然後記錄下來，最好分解成不同的子產品，每天看一點，把所有這個網頁中自己迷惑的地方周遊一遍，查出來整理的筆記，就要開始總結，撰寫《某某網頁學習報告》之類的總結性文章，這些文章整理的多了之後，很多不明白的地方，就會慢慢開始熟悉起來，偶爾有空去整理一下自己學到的知識點中要背的地方，然後利用碎片的時間，多看看背背，就記住了。

　　一般人很正常的思維是通過大量的學習，去試圖理清楚Html的知識點結構，然後按照自己了解的結構，一點一點的消化它。這種學習法雖然看起來美妙，似乎也很可取，但是做起來并不容易，一個初學者往往很難把握一個新東西的整體架構。不過說實話其實也很容易，在網上随便搜一下這個的思維導圖，或者找一本比較全面的html的書，看一下目錄就知道。不一定非要自己整理，一般等你自己能夠整理出來，黃花菜都涼，自己也早就不需要了。而且我也覺得沒什麼必要，因為就那麼一點東西。

　　4.從模仿到身份的認同，如何打進這個圈子

　　對于大部分的初學者來說，其實還有一種比較難的事情，就是如何把他變成生活的一部分，當然這完全取決于你對它的興趣有多濃厚，我也可以說，興趣是最好的老師，沒有興趣想不到的事情，隻有沒興趣才做不到而已。當然，我也可以說這是另一種叫做帶入思維的觀念，你想要成為什麼樣的人，你就要想辦法了解那種人在想些什麼，然後模拟這種思維，将自己帶入到那種氛圍裡頭去，想着如果我是那種人，我會關注什麼，我常常混的社群會是什麼樣的，這樣的想法更容易讓你的目标成真。

　　如果你想要成為網頁設計師、或者更甚想要做程式員，那就用那些人的思維去經營自己的生活。混這類人常混的社群、關注這些人會喜歡的事務、培養某些隻有這些人才會有的性格潔癖，比如碼代碼的人一般對代碼的潔淨會有潔癖，網頁設計師對于像素會很敏感、對于在不同浏覽器中都要顯示一樣的效果這件事情會非常在意。

　　5.入門以後的成長軌迹一般是這樣的

　　1，能用html+css把頁面做出來，能用js實作動态效果。

　　2，在1的基礎上保證浏覽器相容性

　　3.在2的基礎上開始出現代碼潔癖，代碼會逐漸趨向于簡潔高效。

　　4.在3的基礎上開始關注語義性、可用性和可重用性。

　　5.在4的基礎上開始關注頁面性能。

　　6.在5的基礎上開始費勁腦汁的去尋思怎麼能把開發效率也提升上來。7.在6的基礎上，我擦，HTML5來了，我擦，CSS3也上了。得了，接着學去了8.說不定，在還沒學會HTML5，CSS3的時候，你會發現SASS也有了，Responsive也變成一種趨勢了，總之接着學呗。

　　這就是走上前端的不歸路了，不過确實，你要是沒在這過程中獲得快感還是盡早轉行吧。

　　6.做前端，我覺得靠譜的兩個方向

　　視覺方向，更酷炫的頁面。

　　功能方向，比如互動之類的。

版權聲明：本文為CSDN部落客「weixin_33709219」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_33709219/article/details/91912713