简单快速理解web前端技术

简单快速了解web前端技术

1.什么是web前端？

web前端，通俗地说就是你在电脑或者手机上浏览网页时所有能看到的东西。你浏览的任何网页可能包括文字、图像、声音、动画或视频。

2.web前端包括什么技术？

结构：由什么组成。以汽车为例，汽车由发动机、座椅、外壳、大灯、轮子、控制按钮等组成。这些部件构成汽车的结构。同理，网页也是由标题、段落、图像、视频等组成，这些东西构成了一个网页的结构。设计一个网页的结构需要用到html技术。

表现：各组成部件长什么样子以及在什么位置。例如，汽车的轮子位于底盘下面，颜色为黑色。当然组成网页的各部件也有自己的样子和位置。比如，一幅图片有宽度和高度，一段文字有颜色和字体的大小等。设计一个网页的表现需要用到css技术。

行为：控制各组成部件的动作。例如，汽车的大灯可以通过控制按钮产生由近光变为远光，通过挂挡可调节汽车的速度。网页中也可以控制一幅图片来产生运动效果。控制一个网页各部件的行为，需要用到javascrit技术。

3.学习web前端需要准备什么？

第一、能记住两百个左右的英文单词。web前端的三大技术（html技术，css技术，JavaScript技术）常用的单词也就一两百个。

第二、会使用Windows自带的记事本输入英语字母即可。html代码、css代码和JavaScript代码都可以使用记事本来编写。

4.学习web前端技术的顺序。

html语言用于编写网页的各组成部件，有三个版本html4，xhtml和html5。

css用于编写网页各组成部件的样式。有两个版本css2和css3。

JavaScript用于控制网页各组成部件的动作。

html4 + xhtml + css2 + JavaScript主要用于电脑端页面开发

JavaScript + html5 + css3主要用于手机端页面开发。

建议学习顺序：html4、 xhtml、css2、JavaScript、html5、css3。