原文链接：http://www.zhihu.com/question/22646257
原作者：落忧

如果你有耐心坚持个一年以上的话，我会推荐HTML，css，js，apache，php，mysql。

后三者是需要装软件的，推荐wamp，绝佳的一站式环境配置，WampServer, the web development platform on Windows 直接包括了apache，php，mysql三个软件，省的自己一个一个装。

有不少人在评论里问mac os下对应的软件，这里补充一下：XAMPP Installers and Downloads for Apache Friends

1. 首先学习HTML，css，这两个东西是一套的，非常容易理解，把w3school上面的教程过一遍就会了，记住要一个个过，千万不要偷懒，一旦开始偷懒，你会越来越偷懒，最后什么都没学成， HTML 教程， CSS 教程

2. 下一步是学js，js相比前两个会难的多，因为js才是一门正式的编程语言，同样，w3school的教程全过一遍，JavaScript 教程，教程过完了就可以买书看了，强烈推荐一本超好入门书：《JavaScript DOM编程艺术（第2版）》(Jeremy Keith，Jeffrey Sambells)，认真学，多看，看完之后学jquery，这个时候你基本能够了解语言库了，jquery 也直接过一遍w3school的教程，jQuery 教程。jquery会了，基本上你网页开发前端就已经入门了，如果你学的扎实，反复的看，其实你就可以胜任前端开发的工作了，不过浏览器兼容性还是解决不了的，不过你目标不是前端工程师，浏览器的兼容性不了解也无所谓。

3. 在第二步你学习js的时候，你可能就接触一些后端的东西，没错，就是ajax。这个是需要后端返回数据的。这个时候你要开始学习php了，入门php相比于js会更麻烦一些，因为运行php需要有很多细节要处理，所以一本好的入门书籍是非常重要的，这个w3school上面的php帮不了什么忙了，推荐一本书：《php和mysql web开发（原书第4版）》([澳]威利，[澳]汤姆森) ，当然，这过程中你会遇到各种各样的问题，但是如果你学到了这一步，非常欢迎你私信我来学习，我绝对帮助，现在肯学习的孩子太少了，而且题主才上高中，太难能可贵了。

4. 一些注意点, 学习HTML, css, js的时候, 只要有浏览器就够了, 不需要装wamp, 编辑器推荐sublime, 多用google, 多敲代码, 尤其是多敲代码非常重要, 不敲代码你什么都学不会. 其他的想起来再补充吧.

对于那些说加入xxx阵营的, 不要理他们, 直接在win上面学, php和apache对win的兼容性非常好, 完全可以从入门学到精通都无需碰linux. 当然, 如果你网站最终上线的话, 还是需要接触linux服务器进行部署. 这个到需要部署的时候再说, 提前接触linux就是浪费时间.