怎么制作自己的网页？

初级前端

主要学习三个部分：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、总体规划你的网站

当你想建立你的网站是你一定已经在网上浏览过n个小时了，当看见别人的网上之家的时候，或者受朋友“到我的网页看看”的精神刺激下，你开始产生网上建家的冲动了！但是这时候你并不知道你建网站的目的，你也不知道你该做成什么样的网页，“家里”该有些什么摆设。于是你应该静下来想一想，怎样规划你的网站。首先，你要有信心和知识。再次，你得有内容，网站应该有一个什么样的主题，别人来你的网页看什么。接着，你要组织你的网页了，它们该是什么结构，这种结构不仅要让访问者能感觉到你的风格，也要方便你自己维护网站。最后，构思出你的“引人入胜”的门面（HomePage)。

2、准备工具和材料

拿出扳手、电线、螺丝刀和我们要制作网页了！安装好一种编写HTML语言的编辑器，你可以利用IE的frontpage，但是你应该有更好的，当然是Frontpage98了！Word一般的简易 *** 作；支持Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite随便你。有了编程工具就该准备你的网页素材了！文本、、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做的Photoshop、做gif动画的GALE、制作map的工具MapThis、中文字库也应该拿出来。

3、制作网页

当然要制作网页了！于是你把网页制作好了！（以后再讲）

4、测试网站

网页做好了，链接做好了，测试工作必不可少。用Frontpage98的FrontPagewebServer（WEB服务器）可以对你的网页进行测试，看看链接是否正确发现问题及时改正。

5、上传你的网页

不对不对，你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多，coolercoool100net，收集了一些。申请到空间后，带上ftp工具上路了！如cuteftp，先在sitemanage添上你的，填写上传主机服务器的地址，你的用户名，你的密码，就可以了。开始连接主机，登录用户，打开右边允许你上传的目录，

把你要上传的东东都拖过去。注意：你的主页名应该是indexhtm；indexhtml或者defaulthtm；defaulthtml，按申请地方的要求来，还有就是文件名的大小写，unix主机可区分严格哟。上传后你就可以欣赏你的作品了，怎么样？兴奋吧！

6、宣传你的网页

网页做好了，也上传了。但现在没人知道，怎样宣传你的主页呢？当然是上聊天室，到处贴帖子，发E-MAIL通知好友，登录搜索引擎，用免费广告，同别人互相交换连接

7、网站维护和更新

要想访问量大，你得经常更新你的网页，增加网页内容，并弥补网站存在的缺陷

怎么创建一个网页？制作一个完整的网页有哪些步骤吗？
一、明确网页主题
网页的影响面是整个企业，所以一定要在网页建设之前确定好网页建设的主题。比如需要制作的网页是一个用于宣传企业形象的，或是推广企业产品的，还是服务型的。不同的需求对应不同的网页主题，也对应着不同的网页功能。不想要漫无目的的建站，想要确保网页的质量，那就要做好这一步。
二、设计网页界面
如今互联网上的网页有千千万万个，但是好的网页都有自己的特点，这都是要靠网页设计的。想要设计出好看又特别的网页界面，我们就要考虑到网页风格的选择，色彩的搭配，模块的布局等等。
三、制作发布网页
上面的都是策划的工作，这里就是实际的网页建设 *** 作了。比较简单的方法就是直接套用现成的网页模板。当然制作网页并不止使用网页模板搭建这么简单，还需要进行域名注册、备案、解析，网页空间配置等一系列的工作之后，才能进行网页发布上线。
四、宣传优化网页
特别是对于新网页来说，宣传和优化是必不可少的，常见的方法就是广告宣传、seo优化网页排名等等方法。

---