一、 web1.0时代的网页 ***

网页 *** 是web1.0时代的产物，那个时刻的网页主要是静态网页，所谓的静态网页就是没有与用户举行交互而仅仅供读者浏览的网页，我们那时称为“牛皮癣”网页。

例如一篇 *** 日志、一篇博文等展示性文章。在web1.0时代，用户能做的唯一事情就是浏览这个网站的文字图片内容，这时用户也不能像现在在大多数网站都可以谈论交流（缺乏交互性）。

信赖可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代额产物

二、 web2.0时代的前端开发

“前端开发”是从“网页 *** ”演变而来的。

从2005年更先，互联网进入web 2.0时代，由单一的文字和图片组成的静态网页已经不能知足用户的需求，用户需要更好的体验。

在web 2.0时代，网页有静态网页和动态网页。

所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器举行交互。举个例子，你上岸新浪微博，要输入账号密码，这个时刻就需要服务器对你的账号和密码举行验证通过才行。

web2.0时代的网页不仅包罗炫丽的动画、音频和视频，还可以让用户在网页中举行谈论交流、上传和下载文件等（交互性）。这个时代的网页，若是是用“网页三剑客Dreamweaver+Fireworks+Flash” *** 的，那是远远不能知足需求。

现在网站开发无论是开发难度，照样开发方式上，都更靠近传统的网站后台开发，以是现在不再叫“网页 *** ”，而是叫“web前端开发”。

以是，处于web2.0时代的你，若是要学习网站开发手艺，就不要再信赖所谓的“网页三剑客Dreamweaver+Fireworks+Flash”，由于这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也异常多，例如代码冗余、网站维护难题（学习到后期，你会知道为什么不用这个组合了

三、 Web前端能做什么？

公司官网（在PC通过浏览器来访问公司网站）移动端网页（在手机上来浏览公司信息、小游戏等）移动端APP（例如： *** 、去哪儿旅游、携程等）微信小程序（微信最新推出的功效，随用随装，不占用手机空间）。前端开发所学手艺由简朴到难，以是在许多网站上你会看到“七天入门前端”的视频博客等等，也就是说一星期就学会了HTML+CSS。最基本的页面你就可以书写了。

四、 为什么要学习前端开发

我们为什么要学习前端开发，由于我们的课程定位是Python全栈开发，也就是说我们不仅要掌握后端开发的手艺还要掌握一定水平的前端开发手艺。 通过前面课程的学习，信赖人人都已经掌握了Python基础语法、函数、面向对象、 *** 编程及数据库相关的内容。上面说的那些内容都是属于后端开发范围的，在接下来的这个章节我们将一起来学习一下前端部门的内容

五、 前端开发都有哪些内容

我们知道，用所谓的网页三剑客已经不能知足需求了，那前端开发究竟要学习什么手艺呢？网页最主要由3部门组成：结构、显示和行为。网页现在新的尺度是W3C，现在模式是HTML、CSS和JavaScript。

（1）HTML是什么？

HTML，全称“Hyper Text Markup Language（超文本符号语言）”，简朴来说，网页就是用HTML语言 *** 的。HTML是一门描述性语言，是一门异常容易入门的语言。

（2）CSS

CSS，全称“（层叠样式表）”。以后我们在其余地方看到“层叠样式表”、“CSS样式”，指的就是CSS。

（3）JavaScript

JavaScript是一门脚本语言。

HTML、CSS和JavaScript的区别 我们都知道前端手艺最焦点的是HTML、CSS和JavaScript这三种。然则这三者究竟是干嘛的呢？“HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。若是我们把前端开发的历程比喻成“建屋子”，做一个网页就像盖一栋屋子

1、先把屋子结构建好（HTML）
2、建好屋子之后给屋子装修（CSS），例如往窗户安上窗帘、往地板铺上漂亮的瓷砖
3、最后呢，装修完了之后，当夜幕降临的时刻，我们要开灯（JavaScript），这样才气看得见内里。

我们先用HTML搭建网页结构，这时刻默认情况下，字体、字体颜色、字体大小和靠山颜色如下图，仅仅使用HTML的文字。然后我们通过CSS修饰一下，改变其字体、字体大小、字体颜色和靠山颜色。最后，我们通过JavaScript界说鼠标一个行为，就是鼠标移动到上面的时刻，靠山颜色会转变

六、 开发环境

市面上有许多的HTML编辑器可以选择，常见的Hbuild、Sublime Text、Dreamweare都可以用来开发HTML。 固然PyCharm也支持HTML开发。

1、浏览器

浏览器在内陆也能打开html文件，浏览器就跟注释器一样，从上倒下，从左到右

全球共有五大浏览器厂商，我们主要以chrome为主。ie，chrome，firfox，safri，presto浏览器内核差别，浏览器渲染引擎差别（后期思量兼容性问题），其他浏览器都是使用这5款浏览器内核 

2、浏览器历史：