從15年 八月底 一直到現在，期間間間斷斷的學習開發網頁前端，並且將服務器的數據展示在前端在自己學習html+css+javascript+php這一階段，最后實現一個具有自響應，自適應，動態的網頁，其中很感謝一位學長指導我學習。
先講講我自己是怎么學習 寫一個靜態的具有自適應的前端展示頁面，
第一，最重要的是，學習任何一樣東西，一定要有一個全局觀，先大致明白 what ，我最先做的事就是 在 www.w3school.com.cn 完整的看了兩遍（學長推薦三遍，我也推薦三遍，只是那時候too naive，不懂事） html，html5，css，css3，javascript，通過閱讀完這些文檔，並且利用 w3c中網上在線測試例子，對網頁前端開發有了一個大致的了解。
第二，在有一個大致的了解后，最好開始寫 一個簡單的測試網頁頁面，最開始寫的 一定是 靜態的html+css， 能夠對網頁的布局有一定的認識，其中 一定要加深理解盒模型
我們做的是一個展示新聞的前端頁面，所以我們做的時候前期需要一定的調研，個人覺得cnn 的新聞展示 還有newYork times 的展示的結構很不錯，所以在我們概要設計和詳細設計時，參考了這兩個網站的設計展示，接下來，有一個很重要的工具需要介紹
其中 查看元素 這個功能很強大，能夠看到網頁的html+css+js，我自己只恨自己發現這個工具太晚，有了它，你可以對你自己喜歡的網頁進行深度學習，學習人家how to display，更快更方便的了解別人網頁的布局，在寫網頁這一塊，最開始的階段一定是多看多學習多實踐
第三 ，在能夠通過 html+css 寫出一個簡單的展示頁面后，下面 在具體開發的時候，一定要學會用模板，組件， 當下最流行的開發模板當屬 bootstrap 首先一定先看完整個的文檔，一定不要太過於追求細節，理解為重，要會用，以后具體要用到某一個 組件的時候 再具體去看，不過有一個 css樣式 很重要--柵格系統，有了它能夠很方便的給你的 網頁布局，一定要好好地理解並能熟練的運用
第四，在開發靜態的頁面時，有的時候需要一些javascript 組件和一些特效，需要要求達到，能夠運用就可以，網上有很多這樣的例子與模板，如果有時間多，可以自己試着寫一寫，研究研究別人實現的方法， 在開發網頁的時候，，one more thing 需要我們最先開始在腦子里 有個概念，一、網頁的自適應性，需要針對不同的屏幕大小能夠自動調節展示，手機，pad，電腦屏幕有三種，具體實現的時候，再針對我們所寫的網頁需要在哪些屏幕上展示而后決定，二、瀏覽器的兼容性，不同版本的瀏覽器對網頁展示的支持也不一樣，這一部分的內容在 w3c中也有介紹，在這里 再 透露一個 css hack，我自己目前還沒有用到，到時候，需要用到的時候 再好好的學習，
至此，通過以上的學習，已經能夠 教熟料的寫出一個 具有一定自適應性的靜態html 網頁，，此處應該給自己一個小小的 贊。