初级前端

主要学习三个部分：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.有良好的责任心和团队合作能力、能承受较大的压力；

自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。

网站分为静态的和动态的，也就是网站设计和网站编程。

先说设计，主要使用网页三剑客：]

网页设计用网页三剑客了。

学以致用——网页三剑客MX 2004中文版典型实例教程

本书通过丰富而典型的实例，详尽介绍了MacromediaStudioMX 2004中文版在网站建设、网页制作、动画制作、网页图形图像设计方面的应用。全书共分四章，前三章分别讲解DreamweaverMX2004、FireworksMX2004和FlashMX2004的应用实例，从最基本的工作环境、菜单命令、工具...

然后是网站编程

ASP：

ASP程序设计

本书对ASP动态网站编程作了系统的介绍，全书分成四大部分。第一部分为环境配置与ASP编程基础，介绍ASP+SQL Server平台的配置，以及HTML、CSS和VBScript语言的使用。第二部分为ASP数据库程序设计，介绍了ASP操作Access和SQL Server数据库的三大基本格式，以及如何读?...

ASP程序设计教程

ASP是一种服务器端脚本编写环境，其主要功能是把脚本、HTML、组件和Web数据库访问功能有机地结合在一起，形成一个能在服务器端运行的交互、动态且高效的Web应用程序。全书共8章，内容包括：ASP基础、HTML语言、VBSCRIPT编程基础、ASP内置对象、ASP组件、Web数据库基础、...

ASP程序设计及应用

ASP是开发Web应用程序非常有效的一项技术，由于其具有功能强大、易于开发和修改的特点，目前已经得到了广泛的应用。本书从实用的角度出发，详细介绍了与ASP开发相关的技术细节，内容包括Web服务器的设置、HTML标记的使用、ASP代码的编写、ASP内置对象的使用、ASP组?...

ASP程序设计教程

本书遵循模仿→理解→修改/扩充→练习→检验的模式，系统介绍HTML语言、VBScript基础、VBScript对话、ASP编程以及ADO对象的相关知识，循序渐进，并通过两个综合应用实例进行总结和提高。本书各章在讲解基础知识后紧跟实例，操作步骤清晰易懂，程序完整并且均已调试通...

QBASIC程序设计教程（第二版）

本书从计算机和非计算机专业的培养目标和教学特点出发，以全国计算机等级考试二级QBASIC 2002新大纲为基准，由浅入深地讲述了QBASIC语言程序设计。全书共10章，内容包括QBASIC语言的基本知识，算法与流程图，顺序结构程序设计，选择结构程序设计，循环结构程序设计...

VB程序设计

本书深入浅地介绍了Visual Basic 6.0中文企业版的编程环境、Visual Basic 6.0语言成分和程序结构、常用内部控件和ActiveX控件的功能和用法、菜单和工具栏、图形图像、文件管理以及数据应用程序的开发技术等内容，还简单介绍了Visual Basic.NET。本书可作为高?...

PHP：

C程序设计（第二版）

C语言是国内外广泛使用的计算机语言，是计算机应用人员应掌握的一种程序设计工具。本书第一版于1991年出版，全书针对初学者的特点，精心策划、准确定位、概念清晰、例题丰富、深入浅出，受到专家和读者的一致好评。普遍认为它是学习C语言的好教材，被全国大多数高校...

PHP程序设计与实例分析教程

本书为“全面突破网络编程技术丛书”之一。本书介绍的PHP语言是一种服务器端解释的脚本语言，它根据用户请求或服务器端的数据产生动态网页。全书系统地介绍了PHP在多种平台环境中的设计方法，重点讲解了其强大的内建访问数据库的能力，以及它如何能够作为Apache Web服务...

JSP：

Java程序设计

本书是讲述Java2编程基本知识的教材，介绍了Java编程的基本知识，并辅以大量实例讲解了Java程序的实现。全书由12章组成，分两部分来实现。第一部分从第1章到第5章，讲述Java语言的基础知识，包括Java标识符、Java运算符、表达式和Java语句、Java的面向对象编程、继承?...

Java程序设计

本书和典型Java教科书之间的差别，在于本书目标不仅是介绍Java语言，还想教如何有效的编程，而且，用一种充满趣味的方式来教。有了明确的动机，学习起来会更容易。在示例设计上考虑彼此的相关性，和各种类型读者的要求。事实上，有位评论家提出警告，认为例子有时候过分...

JSP程序设计教程

本书以JSP为开发工具，以java为开发语言，用通俗、简明的语言由浅入深出地讲解了JSP程序设计的开发方法，同时辅以大量的实例，书中所有实例程序代码均在开发环境中调试通过。同时，每一章后面都附有相应的练习题帮助读者对本章所学知识进一步理解和掌握。本书内容...

JSP程序设计

JSP（JavaServer Pages）是目前热门的跨平台动态Web应用开发技术。本书由经验丰富的开发人员撰写，是一本通俗易懂的JSP入门书籍。书中主要介绍JSP基础知识、JSP和表达式语言（EL）、JSP标记库和JSTL、JSP指令、JSP和JavaBean、错误处理、JSP和servlet、访问数据库以...

希望我的介绍对你有用。

▲警告：本问题由百度知道机器人自动回答，但不能保证100%回答准确，请不要使用“在线交谈”“离线留言”“站内消息”功能询问机器人，回答结果仅供参考！

关于自学网页设计，推荐几个途径。先介绍一下学习思路：

1.Dreamweaver是比较方便的网页制作工具。

2.flash、ps、Illustrator、CorelDRAW等软件属于交互动画、位图、矢量图的编辑、制作软件，可以丰富、美观自己的网页。

3.如果还想学习后台开发，那就需要学习语言，像ASP.NET、PHP、JavaWeb等。

当你觉得还想学得更深一些，可以从淘宝买些教程(建议看完免费的基础视频后再来选择，可以有的放矢地选择)，不贵，比自己百度搜免费资源方便多了(现在网上有用的免费资源太少了，费时费力)。

最后，确实喜欢的话，可以买本需要用到的后台开发语言参考工具书，遇到问题可以直接翻阅。

关于怎么自学网页设计内容，青藤小编就和您分享到这里了。如果您对网页设计有着浓厚的兴趣，希望这篇文章可以为您提供帮助。如果您还想了解更多关于网站优化、互联网营销的技巧及素材等内容，可以点击本站的其他文章进行学习。

转载请注明：片头模版 » 自己如何制作一个网站教学(如何自学网页设计)