初级前端
主要学习三个部分：HTML，CSS，JavaScript
一、html + css部分：
这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。
二、JavaScript部分。
1.基础学习：
难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。
针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。
2.jQuery学习：
这些基础知识掌握好之后，还需要学jQuery，这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作，消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。
大概流程就是这样，如下图所示：
3.进阶学习：
有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）。
中高级前端
1.工具学习习：大型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习的还有：包管理器bower、npm，代码优化CSS Lint、JSHint、JSLint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。
2.布局框架学习如Bootstrap。
3.新技术html5学习。
4.js框架学习，requireJS、 AngularJS等，往前端架构师靠近。
5.nodejs学习。
到招聘网站，参考任聘要求，准没错，举例如下：
1.精通html和css，能制作符合W3C标准的静态页面；
2.精通JavaScript编程，对面向对象编程思想有深刻理解；
3.精通主流Javascript库/框架jQuery；
4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；
5.对浏览器兼容性有深入的研究，精通各种浏览器问题 ；
6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验；
7.了解http://asp.net等服务器后台技术和拥有一定的C#编程能力者优先；
8.对交互体验、可用性、用户体验有一定程度的理解；
9.有良好的责任心和团队合作能力、能承受较大的压力；
自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。
必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。
我觉得建站可以按照以下步骤进行：
1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）
5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）
6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）
7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！
不过也可以这样使用FP建站：
1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。完毕。
如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。本回答被提问者和网友采纳
简单来说，网页制作需要的内容如下：页面设计、前端开发、后端开发（如果只是简单的介绍页面或者不常改的页面可以不需要该内容）、自己的服务器与域名、服务器部署及域名DNS解析配置。
非开发者需要你知道如果你自学需要很多内容去完善，大概拼命学3个月左右你可以尝试弄个简单的网页，但是这也代表着你入坑了，后面会有大把的坑等着你去填，在最后会和你说下开发者制作网页的步骤。以下为非开发者制作的步骤：
1、了解网页制作的组成、原理和基础知识，咨询下身边的朋友有没有做开发的基友。
2、百度查看下网页制作的花销组成，以及哪些地方是可以自己完成的，哪些地方自己完成还不如花钱让他人去做来的性价比高的。
3、找一些可以免费制作网页的服务商尝试一下步骤（免费的只能体会到网页设计和实现后的结果，过程无法体验，后端无法体验，服务器域名还有额，所有都体验不到，但是你可以看到最后的成果），提高下积极性。
4、找朋友，找小的服务商，找基友制作，自己尝试做一个解决方案，需求文档。
5、你已经离成功就剩实践的距离了，去做就可以得到你想要的，加油吧骚年。
对于初学或者技术的开发者：
1、将基础的网页前端页面画出来，大体的框架和基础文案。
2、将该设计图稿使用前端语言（vue.js、node.js或者h5）进行实现，也就是用电脑的语言画出来你之前的设计内容。
3、后端可以选择不要，或者使用开源代码去进行搭建简单的服务，提供一些基础内容的动态实现和互动（这个如果你不会可以找朋友，自学会花你比较大比例的时间）语言很多，自选。
4、购买服务器与域名，进行实名认证及ICP备案。
5、将代码打包到服务器中部署运行，设置tomcat配置文件，解析域名DNS到服务器的公网IP上。
6、确定无误后进行测试访问，网页中输入你的域名进行访问。
当然我们可以根据自身的实际需求来选择网站建设公司，具体可以参考以下的条件：
1、服务好
不管是企业用户还是个人用户，在选择网站建设公司的时候，一定要注意网站建设公司的服务是否符合企业的需求。比如说企业用户不懂技术，在选择网站建设公司的时候，可以选择一些支持智能建站技术服务的网站公司。
2、技术好
现在并不是所有的网站建设公司的技术人员都是“全才”，也有他们不擅长的东西。所以我们在选择网站建设公司的时候，应该根据网站公司的专业方向，去找合适的那一家。
3、信誉好
信誉是一个企业的生存之本，所以我们在选择网站建设公司的时候，一定要注意网站建设公司的信誉。一般可以直接通过网络查询的方式去查询这家公司的相关信息，然后去判断这家公司的口碑如何，信誉好就可以选择。
其实搭建一个网站并没有那么难，想做大家也可以试试的喔！
现在市场上建站公司非常多，列举以下几种建站方式供你参考：
模板建站公司（价格比较便宜，板式固定不能按照自己的意愿来设计，风格功能会固定死）价格在几百到几千块。
是全定制网站类网站（价格比较昂贵，，好处就是自己可以定义网站展示风格+功能，比较美观），市面上一般是5000起上至几万。
现在市面上有SaaS建站公司比较火，这类公司会把域名 空间 网站设计功能全包按套餐价格售卖，不同的套餐设计风格和功能不一样，当然他们也有定制类服务，需要具体去咨询。
或者你还可以用"免费开源建站cms"自己来搭建网站，这种对技术和设计有一定的要求。