第二，购买网站服务器
第三网站备案
第四，前端规划页面
第五，网站，设计
第六网站后台开发
第七网站测试上线
@ 零基础小白如何从头开发一个前端应用？
关于这个问题，太多人在问了。偶这几年一直都在从事web前端应用方面的培训普及工作，期间还公开出版过几本书，现提两点看法供参考。
第一，前端应用涉及的知识点太多，一定要首先找个靠谱的书籍或者教程（不要太厚、太长的）先对前端有个整体的认识，千万不要一头扎进某个方面学个一年半载。这样的做法，你所看到的将始终是眼前的这一小部分的“点”，而看不到“面”！而且，单纯的学习某一方面知识，很容易让人产生倦怠感，学着学着可能就要放弃了！
比如，在你对前端知识体系毫无了解的情况下，先来系统学习html的数十个甚至上百个标签，你能体会到每个标签在前端项目中的真正用途吗？你最多只是会用这些标签而已，却无法拓展自己的思路，更不可能对这些标签将来的用途有着深刻的理解。假如，你先有了一部分“面”上的知识，也简单知道了html、css和javascript在前端项目中是如何各司其职的，并对它们的用法有了初步的了解，那么，在重新学习html标签时，你可能就会思考：这个标签的样式该怎么设置？如何给这个标签添加一些事件以便让它触发某种操作行为？这样的学习就不再是一个个孤立的知识点了，而是把它们都融合起来了，学习过程也会变的更加有趣！
这种学习方法，正是本人一直倡导的“由面到点”，然后再“由点到面”。因此，偶的建议是：在有了一种总体性（“面”）的概念认知之后，你才会知道其中每个具体的“点”将用到哪里，这个“点”究竟是应该浅尝辄止还是要继续追本溯源。只有这样，才不会把时间浪费在很多琐碎的、有些甚至永远都用不到的知识点中，也才能以最具效率的方式帮助自己确定最终需要努力的方向。当以这样的方式学习时，你眼中的CSS和JavaScript可能都不再是独立的语言，也许只是页面中普通的<style></style>、<script></script>标签元素而已，这样才能真正的做到融会贯通！
第二，前端应用是离不开html、css和javascript三大基础的。在有了“面”上的初步知识之后，其实就可以找个前端框架先来练手一个小项目了。在练手的过程中，碰到没有用到的html标签属性、css样式设置方法或者不懂的js语法规则时再来找对应的基础知识学。这种“边干边学”的方式是最有效的，千万不要拿一整块的时间来系统学习某一方面的基础知识，否则你又将大概率的陷入到“从入门到放弃”的恶性循环中。
为什么要强调使用前端框架呢？这是因为，它可以让初学者暂时摆脱漫长且繁杂的学习过程，快速看到开发成果，从而增强继续学习的信心。待有了一定的感性认知与经验积累之后，回头再去看html、css和javascript三大基础，相信你一定会不时发出这样的感慨：原来是这样啊！这种“茅塞顿开”的感觉真的让人很爽！！！
请注意，偶这里强调的是“边干边学”，并不是蛮干。如果你只干不学，那是干不下去的，你也会被碰的头破血流的。前端框架永远只是框架，它不是万能的，内部的处理逻辑还需要你自己来写！
当然，新手在初始入门学习时，如果能有人带着是最好不过了。偶在头条上已经开辟了《网站开发全攻略》系列专栏：从前端的页面开发，到后端的数据交互；从PC端到移动端；从基础知识讲解到完整的订单系统实例，全包含！预计总章节数在1500课左右，建议新手可以先从其中的第1个专栏学起，学习过程中碰到任何问题都可随时留言交流。
@ web开发的步骤是怎么样的？
web开发流程其实并不复杂，如果概括来说应该是这么几个步骤
1.客户沟通，了解客户需求，拟定需求分析文档。
这是第一步，当然也是最重要的一步，如果说整个web开发是盖楼房，那这一步就是了解到底自己想要盖一个怎样的楼房。连这个概念都没有，谈何盖楼房？不过这一步也是最让人头疼的，因为毕竟客户不是技术人员，他们描述的很多需求其实都是非常抽象的。这些都要通过自己不断的沟通不断的摸索才能把握住客户的心理，尤其在美工设计方面，有时候你觉得很好的，可能客户就不满意。偶就不赘述了。
2.数据库设计。
这一步也非常关键，因为整个数据库设计的好坏直接关系到你项目数据表之间的关系逻辑是否清晰，是否全面，是否冗余。在数据库设计的时候要遵循给定的命名约定，要有一定的规则，这样以后使用起来就会方便很多。还要理清各表格之间的关系，以免出现逻辑混乱。
3.网站布局设计
这一步就是真正地开始页面设计了，也就是设计建筑框架图纸了。你不需要把什么都做到很精细，可以通过一些软件把基本布局设计好，总共有几个页面，每个页面要完成什么功能，把页面之间的联系粗略打通，让客户可以知道你的整个网站整体是怎么样的流程，可以完成怎么样的功能，如果客户基本满意，那么你就可以进入下一步了。
4.页面设计
这一步就算是对建筑的具体设计了，精确到每个细节。这一步可以完全在PS中完成，比如设计一个index模板，其实一个index就能代表整个网站的整体风格，如果客户对你的整体网站设计风格满意的话，你就可以着手设计其他页面，然后切片写css+div这些美工需要完成的事情了。切片概括起来讲就是把你需要的图片素材整理出来，然后在制作html页面的时候可以加以使用，把设计好的页面用html完整地表现出来。
5.服务器代码设计编写
这一步就是php、jsp之类的服务器语言编写了（其实是跟页面美工同时进行的），因为只要整体的网站功能和布局都清楚了，代码师完全不需要考虑表现层是怎样的，而只要完成自己逻辑层的功能就够了（这就是MVC体现出来的好处）。这一步就是对服务器代码进行编写，完成网站需要的具体功能。
