本文目录一览：
网页制作与网站制作有什么关系，和不同？
应该说是整体与部分的关系（很像我们老师给我们上哲学的时候的口吻，(*^__^*)
嘻嘻……）
网页制作是部分，一个个网页的制作完成，接着在每个网页当中加入超连接，使得每一个网页上产生了联系，从一个网页跳转到另一个网页，又可以返回到原来的页面。联合在一起，弄成一个页面，这个就可以说是网站制作的雏形，也就是整体。不过要注意，是雏形。因为正如上面极为朋友说的，网站制作，需要考虑是制作什么信息（比如专门讨论网页游戏的等等），再就是安全性等等。完成一系列的操作，就是一个网站制作。
可以用木桶与木板的比喻来说明：你要造一个多大的木桶，质量要怎样（这就是网站制作的规划），接着就是选材，选购质地，价格（也就是获取信息，这是网页制作），把一块块木板用钉子啊，或者木工专用胶水把木板围起来（加入超链接，也是网页的制作），最后去装一桶水看看能不能过关（这是网站制作的安全性检查，也是雏形）。如果达到要求了，一个木桶也就完成了。（这就是整体网站开发完毕，接下来就是联系空间服务商的问题了）
网页制作和网站制作有什么区别
其实出现这个问题，还是可以理解的，因为一般网民上网浏览到的都是网页，所以他们知道看到的网页是制作出来的，所以他们自己也想上互联网的时候，他们就认为是需要做网页，其实想法和实际的概念还是有区别的。
专业的解释是上网需要做网站，网页这个其实只是网站建设里面的一个基本元素，也就是说网页只是网站建设里面的页面，网站是有很多个网页组成的，但是网站建设不只是建设网页那么简单。网站建设是一项系统工程。
他包括域名注册，虚拟主机的选购，网站建设前期的策划，内容组织等，现在随着网民对互联网的依赖越来越大，有什么问题都喜欢问如何做，什么是等等。但是真的网站制作可以问怎么做，但是回答的时候真的很难回答，因为一个程序员从学习到毕业再到项目的开放，都需要几年的时间，他们学习的东西，你说能几句话就可以教会你吗？
如何制作网页或网站
简单制作网页的方法：
工具、原料：
电脑
Dreamweaver CS5
方法步骤：
下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。
下载好之后安装，安装后之后打开，会看到如下界面。
会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。
如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.
按F12.预览就会得到以下效果.
网页制作和网站制作有什么区别？
Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！
它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
那么我们应该怎么学习web前端开发这门技术呢 ？
现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，前面是6 5 7，中间是I 三 柒，最后是九 零 6！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间 。
随着近两三年来RIA（Rich Internet Applications的缩写，中文含义为：丰富的因特网应用程序）的流行和普及带来的诸如：Flash/Flex，Silverlight、XML和服务器端语言（PHP、.NET，JSP、Python）等语言，前端开发工程师也需要掌握。
前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。
HTML 甚至不是一门语言，他仅仅是简单的标记语言！CSS 只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript 的基础部分相对来说不难，入手还算快。
也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。
Web前端技术有一些江湖气，知识点过于琐碎，技术价值观的博弈也难分伯仲，即全局的系统的知识结构并未成体系，这些因素也客观上影响了“正统“前端技术的沉淀！而且各种“奇技淫巧”被滥用，前端技术知识的传承也过于泛泛，新人难看清时局把握主次。因此，前端技术领域，为自己觅得一个靠谱的师兄，重要性要盖过项目、团队、公司、甚至薪水。
另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、负边距布局、栅格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。
随着手持设备的迅猛发展，带动了 HTML5行业标准的快速发展。web领域的技术，大概有10年都没有大的更新了！现在市场很需要优秀的、高级的前端工程师。一方面是因为这是一个比较新的细分行业，而且前端程序员大都自学一部分，知识结构不系统；另一方面，大学里面没有这种课程。
怎么制作自己的网页？
初级前端
主要学习三个部分：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.有良好的责任心和团队合作能力、能承受较大的压力；
自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。