初级前端
主要学习三个部分：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，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。
2jQuery学习：
这些基础知识掌握好之后，还需要学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学习。
4js框架学习，requireJS、 AngularJS等，往前端架构师靠近。
5nodejs学习。
到招聘网站，参考任聘要求，准没错，举例如下：
1精通html和css，能制作符合W3C标准的静态页面；
2精通JavaScript编程，对面向对象编程思想有深刻理解；
3精通主流Javascript库/框架jQuery；
4理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；
5对浏览器兼容性有深入的研究，精通各种浏览器问题 ；
6了解Backbonejs、AngularJs等MVC框架并有实际项目开发经验；
7了解>
自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。
1、注册购买一个域名：
比如baiducom等，域名注册可以在阿里云或者其它域名注册平台注册；
2、购买一个虚拟主机：
服务器可以在阿里云或者其他平台购买。服务器主要用来放网站程序与数据库，存放网站数据（包括文字//代码等）；
3、绑定域名跟空间的ip：
通常在购买空间的帮助界面会告诉你如何绑定；
4、部署安装网站程序：
点开空间管理的后台，点击程序预装，会提供许多可以直接进行安装的网站程序；
5、网站备案：
按照规定的要求提供资料即可
1、首先，请先确认你的系统中文件扩展名已经打开。方法是：打开我的电脑，点击文件夹选项，打开文件夹选项对话框，确保“隐藏已知文件的扩展名”前面的小勾已经去掉，如果没有去掉，请把小勾去掉。2、然后，创建你的第一个网页文件。为了便于管理，请先创建一个文件夹，用来存放你的网页文件和等资料。在你创建的文件夹中右击，选择新建，文本文件。
3、然后，对这个文件重命名为index,把小点后面的txt改为html。这样一个网页文件就准备好了。
4、html是网页文件的扩展名。扩展名用来区分文件的类型，扩展名也用来告诉用哪个软件打开。比如html就会告诉浏览器这是一个网页，需要用网页的方式来解析并显示。
5、然后，用notepad++打开这个indexhtml文件，在编写之前，我们有必要先来了解一下一个网页最基本的结构：网页有头部和主体两大部分组成。头部和主体都包含在一对<html>标签之内。因为网页是html语言编写的，html语言是一门标记语言，就是用一对对的标签来标记网页中的内容，从而对内容进行组织和管理。
6、然后，标签就是网页中内容的容器。
7、整体的最外层标签是<html>和</html>,头部是<head>和</head>标签。在<head>标签中，又可以写<title>(标题)等标签。而<head>标签内的内容一般是不会显示在浏览器窗口中的。显示在浏览器窗口给我们看的内容，都在<body></body>标签里。
8、然后，了解了网页的基本结构，我们就开始来写一段完整的网页代码。
9、最后，保存之后我们在浏览器中预览。上面我们说过，<head>标签里的内容不会显示在浏览器中，但是我们在<head>中写了一句：<title>这是网页的标题</title>，如果你细心就会发现，在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。
10、原来网页标题就是显示在浏览器标题栏上的内容。网页的标题不等于内容的标题，于是我们写的这是一个一级标题，它被显示在浏览器窗口中。
自己制作网站有三种方法是：付费代劳建站法、代码建站法、建站系统建站法。
1、付费代劳建站法：付费找懂得建网站的人，帮你搭建一个网站，这是最省时间和精力的方法，只要花钱就能搞定的事情。
2、代码建站法：你自己学会写代码后，自己给自己搭建一个网站，这是最耗时间和精力的方法，入门要一两年、精通要三五年，因为你需要先学会比如：html、css、js、php等难懂的代码，你才能自己建立一个网站。
3、建站系统建站法：不学代码，用现成的建站系统，快速给自己搭建一个网站，这是非常推荐的、适合新手的建站方法，很多网友只要1天，就可以自己建好一个网站。
自己制作网站可以使用的网站是如下：
1、Wix：Wix 是一个网页开发平台，你可以拖拽就可以创建HTML 5 工具网站，你可以免费创建，但是额外的功能需要付费了。
它也是老牌的免费创建网站的网站，它的模板丰富，样式齐全，有专业的设计师设计模板。180 个国家的900 万用户使用他们的服务，也看出他们的出色。
你只需要注册登录，选择模板，自定义发布文本，等等，然后发布你的网站，所有人都可以访问你的网站。由于是国外的网站，不太稳定。
2、Weebly：Weebly 也是类似Wix 的通过拖拽可以创建网站。它的网站本身就是高颜值，它的模板也是一样的很精美的。
而且它几乎帮你完成了一切，比如默认的各种样式，文本，，表单等等。它还内置了很多高清库，还有丰富的模板和样式，让你随意挑选。
它也一样有很多外置的服务，但是一样需要付费的。而且它的空间还是无限的，你可以随意上传自己想要的东西。
建立一个网站就像盖一幢大楼一样，是一个系统的工程。
首先确定主题。确定主题是建立网站时首先考虑的问题，特别是对个人网站，定位要小，内容要精。不要贪大求全，将所有自认为精彩的内容都放在网站中，这样会事与愿违，给人感觉没有主题，没有特色。
然后要搜集材料，明确主题后，你就要搜集材料，让自己的网站有血有肉。
选择合适的简单的工具来制作网站。
制作网页，材料有了，工具有了，把自己的想法变为现实。
上传测试，网页制作完了，需要发布到Web服务器上才能让用户观看，有些网页工具本身就带有上传功能，打开自己网站，打开链接逐个排查，发现错误及时修改。
推广宣传，制作完后要不断地宣传，才能让更多朋友去关注。
怎么创建一个网页？制作一个完整的网页有哪些步骤吗？一、明确网页主题
网页的影响面是整个企业，所以一定要在网页建设之前确定好网页建设的主题。比如需要制作的网页是一个用于宣传企业形象的，或是推广企业产品的，还是服务型的。不同的需求对应不同的网页主题，也对应着不同的网页功能。不想要漫无目的的建站，想要确保网页的质量，那就要做好这一步。
二、设计网页界面
如今互联网上的网页有千千万万个，但是好的网页都有自己的特点，这都是要靠网页设计的。想要设计出好看又特别的网页界面，我们就要考虑到网页风格的选择，色彩的搭配，模块的布局等等。
三、制作发布网页
上面的都是策划的工作，这里就是实际的网页建设 *** 作了。比较简单的方法就是直接套用现成的网页模板。当然制作网页并不止使用网页模板搭建这么简单，还需要进行域名注册、备案、解析，网页空间配置等一系列的工作之后，才能进行网页发布上线。
四、宣传优化网页
特别是对于新网页来说，宣传和优化是必不可少的，常见的方法就是广告宣传、seo优化网页排名等等方法。要注册网站域名，购买或者租用到网站的空间。上传内容，上传图文和视频等内容就可以创建自己的网站了。
现在市场上很多各式各样的网站搭建工具，网站制作平台，任意找一个自己用起来易上手的工具即可。网站搭建工具中一般都有模板提供，可以按照行业、风格、类型来选择自己中意的模板。选好后就可以套用，网站随即成功创建。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）