html的基础讲解，入门菜鸟请进

老是有人喜欢讨论说做前端开发有前途没有，前几天还有一个刚毕业的大学生问我。要说做业务是挑战自己，做前端开发也是很挑战自己的，因为信息更新速度很快，要不断的学习，去研究。下面是我来网上转来的一篇文章，写的很有道理。希望我们做前端开发的人心能静下了，好好的学习。因为要学习的知识太多了。在这里我说一句，三百六十行，行行出状元！
关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。在这里，我只是 简要说一下自己对于这块儿内容的理解。有一个观点想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实 践。我提供一个实践途径，我们可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，我们可以用最低的价格来提升自身竞争力，获得大 量订单就意味着获得大量的实践机会，同时，还有一些收入作为工作成就感之外的安慰奖，还是不错的。想要学习前端的小伙伴，也可以加我的群 四九四零六，四九三四，这边每天有大神直播教学，而且会在课程结束的时候免费帮忙解答问题哦，欢迎和我们一起来免费学习
一、职业方向定位
首先，只有确定好自己的职业方向，才能做好职业规划。在我看来，做WEB前端技术能够找到的职业方向有以下几种：
（1）资深WEB前端工程师
这个方向算是一个WEB前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因 两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域；外因是国外的环境很好，能够良好的支撑这样的职业发展道路。反观国内，从内因来 讲，WEB前端技术人员还是蛮浮躁的，通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦，最终转向后台或其他道路。从外因来讲，WEB前端人员 没有获得公平的待遇，可能从HTML页面制作就开始并沿袭下来的，从来WEB前端人员都比后端人员低一等，貌似前端就是“浅显”的代名词、后端就是“深 奥”的代名词，这也直接造就了前端人员的收入无法和后端人员媲美，同时直接影响到前端人才市场的活跃程度。另一方面，前端的技术入门较容易，造成另一个极 端情况：人员泛滥、人才稀缺。我想对所有的WEB前端工程师说：面包总会有的，要耐得住寂寞！我个人比较推荐这个职业发展方向，因为，在这个方向下，只要 足够耐心、厚积薄发，成功的概率是非常高的。同时，这是一条最单纯的路，我们更多的是花费精力在技术的钻研上，而不是办公室政治等其它琐事。
（2）资深WEB架构师
说功利点儿，我喜欢这个方向，既兼顾了工作的单纯性、又能够减少实际Coding的工作量能腾出更多时间钻研技术。在国内，WEB前端工程师遇到较多的情 况是总是反复编写着同样的代码，总是面对着同样的技术和产品，容易感觉枯燥。由于我们拥有最为广泛的WEB相关知识沉淀，使得我们更加容易成为一名架构 师。这个职业发展方向不如第一种来得平滑，主要是作为一名架构师不得不学习：后端技术、DBA、Platform等内容，而这种学习通常需要实际操刀做项 目，不是自己在家里写两个Demo就好的，这就势必会遭遇一段时间的阵痛期。虽然不是很平滑，但是，对于一个大局观好、悟性好、知识面广的前端工程师，我 推荐你们努把力，走一条光荣的架构师之路吧。
（3）自己创业
其实，自己创业是最好的道路、也是成功率最低的道路，挑战和机遇并存。这里，作为一个前端技术人员，需要将自己的视野更多放在行业的动态、产业链的动态、 相关产品领域的动态，把关注细节的优势继续保持，同时，增强自己把控一个产品乃至一个公司命运的能力。但是，这条道路和技术之路稍有分歧，后续将不再赘述。哦 现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 并没有什么用!  如果你真的想学习网页制作这门技术，你可以来这个群四九四零六，四九三四。 在这里有最新的HTML课程 免费学习 也有很多人指导你 进步 不需要你付出什么 只要你有一颗学习的心就可以了 不是愿意学习或者自认不需要学习的就不要加了
。
（4） 转岗管理或其他

由于这条职业道路和WEB前端技术之路关系不大，故而，这里不做过多讨论，但是，无论是否走上这条道路，我觉得对于任何技术之路，更好的大局观、更广泛的 视野是良好发展的必备条件，拥有良好的大局观和更广泛的视野别无他法，只能不断的进行知识的横向拓展和积累，同时，多在横向拓展知识的时候进行实践，把知 识变成技能。

现在前端开发是一个很火很热门的行业，小编在这里为大家详细解释一下这个高大上的行业！
　　在国内大学课程里面，几乎没有前端开发这门课程，无非就是一些网页设计之类的课程，但那些课程无论是老师讲还是学生听，都是敷衍了事，这个我深有体会，我相信大家一定也有同感！所以，目前前端开发主要是通过自学，和参加正规的培训！对于培训来说，一般会分为初级、中级、高级等级别，因为凭我们自己很难掌握这些技能。但是自学是很困难的，毕竟是一个人自己摸索，网上看上去有很多视频可以学习，但是那些视频很多都是过时的，像js和h5这些想要自学根本学不会，更何况以后深入学习还要掌握框架构造！很多小伙伴就根本找不到学习的方向，最后白白浪费了自己的时间和精力！所以对于有条件的小伙伴，个人推荐最好是系统的学习一下！
　　那么我们应该怎么学习前端开发这门技术呢 ？ 现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用!  如果你真的想学习网页制作这门技术，你可以来这个裙，前面是四 九 四，中间是〇六 4，最后是九三4 ！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么 只要你有一颗学习的心就可以了 。

　　传统web从业者为什么必须学习前端开发技能？——学习前端开发是晋升和加薪的捷径。传统web从业者，只要精通html+css，简单的JS效果，切切图，写写网站等就可以了，而如今的前端开发不再只是一个简单的网站，现在越来越多的云计算应用程序，比如web QQ接近我们经常使用的QQ的功能。以前用java 、J2EE、 .Net 、Object C等高级语言开发的应用程序也越来越走向web化、云端化。 BS架构应用程序已逐渐成为主流。时代变了，用最犀利的前端技术武装我们的大脑的时代已经来临！

　　1、想要跟上潮流，想要掌握最新技术，做高精尖人才升职加薪，必须学习前端开发最新技能，毕竟做前端的就得跟上时代的潮流，如果有小伙伴想要学习前端开发，个人认为潭州学院还是蛮不错的 ！相比于线下的培训班，潭州无论是学费还是学习时间，都远远比线下的培训班更加实惠，而且只要有电脑，有网络就可以进行学习！

　　2、前端开发的就业方向及薪资情况。
　　记得有人说过，未来不再有互联网公司，因为未来所有的企业都会有互联网部门，而互联网世界离不开前端开发，像淘宝、阿里巴巴、支付宝、腾讯、京东、新浪微博等等大型的基于互联网的企业与产品，都需要优秀的前端高级开发人才。
　　不仅仅是互联网企业，随着O2O模式的越来越普及，传统企业越来越互联网化、云端化，前端开发人才需求越来越多，人才缺口高达上百万。
　　招聘网站上现在的前端开发工程师的平均薪酬已经达到了12926元，需求巨大，前景广阔，薪资还高。

　　3、你适不适合学习前端开发？
　　如果你已经有了传统web基础(css+div)，那么是时候提升你的前端开发技能了…
　　如果你没有接触过web前端开发，那么如果你经常上网，冲浪，希望要了解互联网世界背后的故事，可以先从web前端开始了解，因为这是开启互联网世界大门的钥匙…
　　web前端JS课程的核心特点。
　　web前端课程的核心特点是：我们不仅仅要学会制作一个网页，一个特效。
　　更多的是我们要用web前端开发传统应用程序，我们做pc端，移动端，各种响应式，web 游戏，web 企业管理系统，web 移动程序，开发一个大规模项目，html5游戏，甚至用js开发传统高级语言才能做的数据库交互，不用后台语言，就靠我们js做后台，流行大趋势……

　　4、课程模块介绍。
　　未来需要什么，我们就需要学什么：
　　模块1：基础入门阶段；
　　模块2：web移动开发– html5、 css3、
　　模块3：html 5 游戏— html5 、canvas；
　　模块4：用js去做传统java 、.NET、 PHP才能做的数据库操作，服务器编程。— ajax 、node.js；
　　模块5：大型BS、云计算、项目开发（比如淘宝，京东）–面向对象、设计模式、大型项目分层架构思想（比如MVC，MVVM)、js框架、web前端架构、js组件；

　　5、学习方法、薪资目标。
　　【两大基础，内外**】
　　两大基础：js基础（蹲马步，基础中的基础–函数，事件，语句等）、面向对象（基础）。内外**：
　　【内】掌握面向对象编程思维，模块化编程思维，大型项目分层编程思维，大型项目团队如何合作；
　　【外】学习一些前辈总结出来的最佳编程实践：设计模式，比如能够保证全局唯一的单例模式，创造万物的工厂模式，模拟现实中介的中介模式，代理模式，以及所有业界都在谈，都在吹，都在用的依赖倒置，依赖注入，面向切面编程等。
　　结语：十年前，随着iPhone的兴起，iOS开发火爆中国。当年的行动者，如今已经成为百万富翁！今天，随着HTML5等WEB前端技术兴起，前端开发的大潮已经袭来！赶快行动，让青春不留遗憾，占领行业制高点，主动权就再你的手中！

网页制作概述   
*两种设计模式  
从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。  于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容(en:Separation of style and content)，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。  由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。  这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。 网页制作学习交流群，四九四零六，四九三四。

网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。  

网页制作流程
网页设计是一个综合性极强的工作，涉及到商业策划、平面设计、人机界面、程序语言和数据库等。  
网页设计总体上分为策划、前台和后台三部分。一般都是由三种不同专业的人合作完成的，一个人独立完成的网站一般很难做到各方面都很专业。因此，网站设计一般由团队完成。 策划  网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。 前台  网站页面的设计制作，包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。 后台  程序设计、数据操作、功能实现、管理界面和管理功能设计等。   关于需要学习的知识则因你所面对的任务不同而不同。侧重界面设计的，应在图形设计和视觉创意上多下功夫，做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。 网页制作学习交流群，四九四零六，四九三四。


发展趋势  1，网站建设水平要求要高，符合WEB2.0 标准；w3c标准。 2，网站建设符合用户体验，让用户信赖企业网站。3，网站必须进行SEO**。  4，网站进行网络营销，这样网站才能摆上用场。 5，专人对网站进行维护，更新，在线咨询。

用到的语言
1.ASP全名Active Server Pages，是一个WEB
服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Java script）作为自己的开发语言。
  2.PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。  
3.JSP是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和Java Applet
之外，又有新的硕果，就是JSP，Java Server Page。JSP可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。

常用工具
  1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。  Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。 3、FLASH 网页需要画面流动时的首选择   4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。 5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。     6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。