HTML/CSS学习
阶段，你要从最基础的HTML/CSS开始，简单地说，HTML就是一堆非常简单的标签，而CSS则是把你画画的流程用英语按一定的格式写出来。然后你需要理解常用HTML标签的意思，学会各种CSS的属性，还有CSS的盒模型、优先级、选择器……
JavaScript学习
第二阶段，你要是想在网页上实现交互效果，比如轮播图、点击按钮后播放动画等等，那么就必须学会JavaScript.JavaScript是一门完整、强大、热门的编程语言，浏览器的各种交互效果都由它来做到的。
你先要了解一些基础的JavaScript概念(变量、函数、基本类型)后，然后学习jQuery(JavaScript代码库的一种)，并且通过jQuery继续使用CSS的选择器。
你知道如何写页面，也知道怎么做的更好，并且更加理解Web世界，做出更“系统化”的设计。
关于CSS的知识，你需要理解文档流、浮动流等各种定位的方式与原理，理解CSS的继承复用思想、理解浏览器的差异、兼容等。
关于HTML的知识，你需要学习语义化、可访问性与结构的合理，以及“结构与样式的分离”等。
你会爱上CSS 3的酷炫属性，可以做出响应式网页设计，用transiton和animation做补间动画与关键帧动画，用transform做缩放、旋转、3D变换，还有圆角、渐变、阴影、弹性盒……
掌握了以上的这些，你完全可以利用你的设计功底和web前端知识，做出微信的H5页面、一些有趣的网页，或者个人的网站。