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

雖說對於已經會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.作前端，我以爲靠譜的兩個方向

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

　　功能方向，好比交互之類的。