首先，我们需要有一些基本功：
- HTML知识：一些基本的标签得熟悉，比如，列表（有序、无序），表单（文本框，文本域，密码框，隐藏域，按钮等..），了解块级元素与行内元素，了解盒子模型（padding，margin，border等...）;差不多就这样了
- css层叠样式表：了解语法 ,了解选择器（id选择器，class选择器，堆（群，组）选择器，派生选择器，子代选择器，后代选择器）
选择器名{ 属性名1:属性值1; 属性名2:属性值2; .... }其实你会简单的布局就可以跳过前面1，2步，话又说回来，会简单的布局就得学习以上知识，咋们是纯手工，当然您也可以使用框架插件进行网页设计。- JavaScript（jQuery）：了解事件，方法和对象，比如：keyup事件可以实时监听文本框输入，可用于实时验证。click可以触发事件，比如提交，弹框等等...
- 了解Ajax方法，有ajax,load getJSON,post,get等方法
- 至少了解一门后台语言，比如Jsp，C#,PHP;
- 了解数据库，会增删查改，联表查询
- 有一个称心如意的代码编辑器（我个人比较喜欢的是vs2013，sublime-text）
然后就可开工了
- 配置好服务器，在本地的话本人推荐用php写后台，使用PHPstudy集成环境就可以运行网站了；
- 使用HTML5+css3（div+css3）先编写前端静态网页；
- 引入jQuery，使用Ajax获取后台数据，将数据加载到前端页面；
- 后台只负责处理数据（就是对数据库的增删查改等一系列操作）；
总结：其实就是通过jQuery的ajax方法作为媒介，获取后台数据响应前端的操作，实现动态加载前端页面，开发起来js代码量大于前端页面和后台页面的代码量，个人理解起来有点向mvc结构，v是html静态页面，m是后台数据处理模型，c是jquery(ajax)控制器，如果严格的看，又不是，因为jQuery里也对数据进行了处理。