从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 网页，，此处应该给自己一个小小的 赞。