1.开发环境：初学web前端主要涉及到以下几种文件，后缀分别为html、css、js，你可以直接使用普通文本编辑器，在保存文件时更改文件后缀即可。 我们常用的编辑器有DreamWeaver，WS，Sublime，Hbuilder等，但是我用的是eclipse，因为Java课有学这个，所以就用了这个。
2.浏览器：浏览器：web前端是针对浏览器展示的网页进行开发的，所以浏览器在学习过程中必不可少的，由于目前几种主流浏览器的内核各不相同，所以为了更好地学习了解各类浏览器的兼容性，我们需要在电脑上安装chrome、Safari、Firefox、IE，我选用的是Chrome。下图为我上网查找的常见内核对应的浏览器。
3.学习路线：学习初期路线明确简单，建议开始不要考虑太多，按照如下路线打基础即可：html→css→js以及一些常用框架。
4.学习站点：网上关于前端学习的站点比比皆是，比如MDN中文网，慕课网，网易云课堂什么的，但是我选择的是w3school，原因是w3school非常适合新手学习，分类明确，可在线编译，对新手非常友好。
5.这里要提的一个前端学习的“入门键”——F12，在任意网页按下键盘上的F12，会看到网页代码，在这里你可以更加直观快捷地学习到你想实现的布局、效果等。此外，也可以通过右击当前网页，点击“另存为”直接将当前网页的源码和相关文件保存到本地。
6.除去前面提到的开发工具，你还需要安装一个PS或Firework等图像处理软件，利用他们对美工设计好的网页demo进行分析、修改、定宽高等。只需熟悉常用功能即可。