一.前端的演变
1.web1.0时代的网页制作
网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，我们当时称为“牛皮癣”网页
例如一篇QQ日志、一篇博文等展示性文章; 在web1.0时代，用户能做的唯一事情就是浏览这个网站的文字图片内容，这时用户也不能像现在在大多数网站都可以评论交流(缺乏交互性)
相信可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代额产物
2.web2.0时代的前端开发
"前端开发"是从"网页制作"演变而来的
从2005年开始，互联网进入web 2.0时代，由单一的文字和图片组成的静态网页已经不能满足用户的需求，用户需要更好的体验
在web 2.0时代，网页有静态网页和动态网页。
所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器进行交互。举个例子，你登陆新浪微博，要输入账号密码，这个时候就需要服务器对你的账号和密码进行验证通过才行。
web2.0时代的网页不仅包含炫丽的动画、音频和视频，还可以让用户在网页中进行评论交流、上传和下载文件等（交互性）。这个时代的网页，如果是用“网页三剑客Dreamweaver+Fireworks+Flash”制作的，那是远远不能满足需求。
现在网站开发无论是开发难度，还是开发方式上，都更接近传统的网站后台开发，所以现在不再叫“网页制作”，而是叫“web前端开发”。
所以，处于web2.0时代的你，如果要学习网站开发技术，就不要再相信所谓的“网页三剑客Dreamweaver+Fireworks+Flash”，因为这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也非常多，例如代码冗余、网站维护困难
二.web前端是什么
通俗的讲, Web前端就是展示位用户一张经过设计的网页, 用户可以在网页上进行交互等操作完成自己的需求
三.web前端的运用
- 公司官网（在PC通过浏览器来访问公司网站）
- 移动端网页（在手机上来浏览公司信息、小游戏等）
- 移动端APP（例如：淘宝、去哪儿旅游、携程等）
- 微信小程序（微信最新推出的功能，随用随装，不占用手机空间）
四.web前端包含哪些技术
一般来讲, 网页主要有三部分组成 : 结构、样式、动态行为, 对应的语言分别是HTML、CSS、JavaScript
1.HTML
HTML，全称"Hyper Text Markup Language(超文本标记语言)"
简单来说，网页就是用HTML语言制作的; HTML是一门描述性语言，是一门非常容易入门的语言
密码:
2.CSS
CSS，全称"(层叠样式表)"
主要是用来美化HTML元素的，最新的CSS3.0在浏览器的支持下还可以实现一些简单动画效果
3.JavaScript
JavaScript是一门脚本语言, (与Java没有关系)
JavaScript可以为网页提供前端数据校验、前后端数据传输等功能
4.三种语言的配合
HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为
如果我们把前端开发的过程比喻成"建房子"，做一个网页就像盖一栋房子
- 先把房子结构建好(HTML)
- 建好房子之后给房子装修(CSS), 例如往窗户安上窗帘、往地板铺上漂亮的瓷砖
- 最后呢, 装修完了之后, 当夜幕降临的时候, 我们要开灯(JavaScript), 这样才能看得见里面
五.开发环境
1.开发编辑器
市面上有很多的HTML编辑器可以选择，常见的Hbuild、Sublime Text、Dreamweare都可以用来开发HTML, 当然PyCharm也支持HTML开发
2.浏览器
浏览器在本地也能打开html文件，浏览器就跟解释器一样，从上倒下，从左到右
全球共有五大浏览器厂商，我们主要以chrome为主
- ie 浏览器
- chrome (Google浏览器)
- firfox (火狐浏览器)
- safri (Mac计算机浏览器)
- persto (欧朋浏览器Opera, presto是内核)
浏览器内核不同，浏览器渲染引擎不同
世界最早浏览器, 网景浏览(Netscape), 因为想做操作系统
后来微软利用windows操作系统的市场占有率，提供了免费浏览器ie
中国最早浏览器ie6，国企内就用ie6
ps : 学前端一半工作在考虑兼容性，目前html5在兼容性方面解决的比较好
3.文件后缀名规范
-
DOS系统（win95或win98）下只能支持长度为3的后缀名，所以老版本的系统一直在用.htm后缀
-
但在windows后缀长度可以大于3位，所以windows下无所谓htm与html，html是为长文件的格式命名的
-
如果文件后缀是.htm，毫无疑问，浏览器也可以兼容，但推荐使用.html