这个倒简单，若是新手的话，非常建议从前端开始学，前期可以不用研究的太深，主要是前段相对于后者容易出效果，就是写点代码就能看出效果来的那种。这样让新手更容易有成就感。
从html页面开始学，照着书本上的例子，一个一个做一做。
然后是css样式和js，这期间建议用原生的，写几次之后再用框架。
上面三个熟练之后开始熟悉框架，这时候基本上你对一个网页大概有一个印象。
2、找一个后端的语言
不太建议你选java，耗时耗力，新人，只要不是对程序情有独钟的，很容易会放弃掉。
现在的语言也是遍地开花，php这几年又开始火起来了，ruby现在变成冷门语言了，虽然偶还是很喜欢他，node.js听过，但没用过，但是效率比ruby好很多，好的不是一点半点。（这个问题还是有点保留，ruby语言其实挺快的，但是Rails框架速度慢，其他框架速度还是可以的），现在还比较流行python，也可以尝试一下。
后端语言学习的时候，就没有学前端的那么快了。
你不仅要学语言的本身怎么去使用，你还要需要学以下的东西:
数据库
数据库原理，如果不懂他的话，你的网站的数据没法永久存储，最终只能是个展示。
数据库系统有很多版本，大部分情况下都是用mysql作为练习用的。
数据结构和算法
这两门课可能一开始并没有感觉出能用在程序上，会在学习一段时间之后反映出来。
你去查询一下数据用的时候是非常大的情况，你居然考虑到你的整个数据库的结构，以及查询的算法的优化了。
操作系统和Linux
你需要学一下操作系统这门课，如果不想学习的话，你可以研究一下linux。毕竟写出来的程序需要部署在服务器上的，虽然你可以选择windows，但是并不建议这么做。
@ 有什么网校或者网站值得推荐吗？
首先，你觉得自己有没有设计天赋，如果配个色自己都觉得难看还是学后台吧！
如果觉得还行，先从最简单的HTML学起，不要去看什么CSS和JAVASCRIPT，最简单的html语言，如等等，了解他们的属性，然后自己去试着改变属性得到自己想要的样子，再学习CSS、JavaScript,网上很多网站介绍这些代码
@ html5哪个开发工具比较适合新手？
前端有两大神器
Sublmie
下载地址：
/
下面大家介绍一下Sublime的安装和使用：
处于安全和安装版本的考虑，建议大家还是去官网下载Sublime的安装包（/）， 官网上还用gif动态形象的展示了它的一些常用功能。
注意在安装后， Sublime不会在桌面添加图标，你需要在开始菜单的所有程序中找到它：
图6-打开Sublime编辑器（截图来自秒秒学课程）
通常大家习惯打开侧边栏，可以通过如下操作打开。
图7-打开Sublime侧边栏（截图来自秒秒学课程）
打开侧边栏后，基本的编辑界面就是下图中的样子。
图8-Sublime基本界面（截图来自秒秒学课程）
上图有行数，代码缩略图，标题以及侧边目录，和代码高亮。然后下图展示了智能代码提示功能，基本这几大功能是大家最常用的。
图9-Sublime智能代码提示（截图来自秒秒学课程）
Sublime当然还有其它很多的功能，比如多窗口，多选择，项目及时切换等等，作为web开发的初学者，偶其实也很少用到这些高级功能，但偶知道它真的很方便。
最后，当然是用浏览器打开html文件。如下图，在html文件中右键，然后选择Open in Broser选项就可以了。
图10-用浏览器打开操作（截图来自秒秒学课程）
总之呢，Sublime是一款轻量、简洁、高效、而且跨平台的编辑器。支持N多种语言，很多攻城狮都偏爱它！作为web学习者，偶觉得不用在编辑器的选择上太费周章，选一款你中意的就行，比如偶就比较中意Sublime。
Notepad++
https://notepad-plus-
/
以上两个都是前端开发的神器
