本文目录一览：
网页制作与网站制作有什么关系，和不同？
应该说是整体与部分的关系（很像我们老师给我们上哲学的时候的口吻，(*^__^*)
嘻嘻……）
网页制作是部分，一个个网页的制作完成，接着在每个网页当中加入超连接，使得每一个网页上产生了联系，从一个网页跳转到另一个网页，又可以返回到原来的页面。联合在一起，弄成一个页面，这个就可以说是网站制作的雏形，也就是整体。不过要注意，是雏形。因为正如上面极为朋友说的，网站制作，需要考虑是制作什么信息（比如专门讨论网页游戏的等等），再就是安全性等等。完成一系列的操作，就是一个网站制作。
可以用木桶与木板的比喻来说明：你要造一个多大的木桶，质量要怎样（这就是网站制作的规划），接着就是选材，选购质地，价格（也就是获取信息，这是网页制作），把一块块木板用钉子啊，或者木工专用胶水把木板围起来（加入超链接，也是网页的制作），最后去装一桶水看看能不能过关（这是网站制作的安全性检查，也是雏形）。如果达到要求了，一个木桶也就完成了。（这就是整体网站开发完毕，接下来就是联系空间服务商的问题了）
怎么制作自己的网页？
初级前端
主要学习三个部分：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.了解等服务器后台技术和拥有一定的C#编程能力者优先；
8.对交互体验、可用性、用户体验有一定程度的理解；
9.有良好的责任心和团队合作能力、能承受较大的压力；
自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。
如何制作网页或网站
简单制作网页的方法：
工具、原料：
电脑
Dreamweaver CS5
方法步骤：
下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。
下载好之后安装，安装后之后打开，会看到如下界面。
会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。
如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.
按F12.预览就会得到以下效果.