2.尚硅谷_HTML&CSS基础_学习内容简介.avi原创

那刚才呢，简单对我们这个课程进行了一下了解，也就是说实际上对我们这个未来的一个一个方向，包括我们诶要学习一个内容啊，一个难度做一个简单的介绍，那问题就来了，那我们说了，我们这个程序员要这么要学习这么多东西啊，我们这个前端工程师，那我们这个前端工程师它到底要学什么呢？诶要学什么呢？其实我们要学的东西主要是分成三部分啊，三部分我们说了一个网页主要由三部分组成，哪三部分呢？我们叫做一个结构表现，还有什么呢？行为啊结构表现还有行为，这三部分都是由我们这个W3C这个组织啊，W3C我们叫做一个万维网联盟啊，外网两万维网联盟，那以后我们还要对这个组织进行一个简介啊，你要记住这个标准都是由它去定的啊，叫什么呢？分成三部分，叫做结构、表现、行为三个部分分别对应的三个技。

技术结构对应的是我们这个HTML，表现对应我们这个CSS，行为对应的是我们这个javascript啊javascript，那这里边我们来简单说一下，到底什么是结构表达行为，这是一个也是一个比较重要一个概念，我们来先说第一个叫什么呢？叫做结构，什么叫结构呢？HTML用来描述我们这个页面的结构，什么叫结构？简单举个例子，拿人来说，节构就像什么呀？像我们这个人体的骨架一样，骨架干嘛呀？哎，我的这个骨架定义出什么呀？哎，我这块是哪是脑袋，哪是胳膊，哪是肩膀，哪是腿，我这个骨架是不是定义出我身体的各部分的一个结构啊？哎，各部分结构那同样，那我们在一个页面里什么是结构呢？我页面里有什么呀？有标题，有段落，有有这个图片，还有什么呀，超链接，这是不是就是我这个页面里边的一个结构。

啊诶，所以注意结构干嘛呀，就是页面的结构，我们用什么呢？用HTML这个语言来干嘛呢？来描述我们这个页面的一个结构，哪里是标题，哪里是段落，哪里是图片，哪里是超链接等等，这些全都是谁，全都是HTML负责啊，L负责，然后再往下说，还有一个什么呀，叫表现，诶那刚才我们说了，结构就相当于一个人的什么呀，骨架，那我们想想，如果这个人。它只有骨架，那好不好看？你出来转转还挺渗人的是吧？哎，所以仅有骨架是不好看，那我们需要什么呀？人我得给他贴上皮肤对吧，然后还得干嘛呀，穿上衣服是不能让它变得漂亮一些呀，所以同理，如果我页面的仅有结构呢，这个页面也不会是一个非常漂亮的页面，它干嘛呀，很单调，不够好看，那我们说了，既然这么重视我们这个用户体验，我们是不是得让它页面变得。

漂亮一些呀，哎，所以这些什么呢？所有外在显示的东西都叫什么呀，都叫表现，CSS用于控制页面中元素的什么呀，样式，哎，这就是我们所谓的什么呀，表现用谁呢？用我们这个CSS来控制什么叫表现呀，所有你看到的全都是表现什么呀？我这个页面的大小，文字的颜色，背景图片，背景颜色，我们这个两个标签之间一个距离，所有你看到的东西全都算什么呀？全都算表现啊，全都算表现，跟我们人一样，你能不能看到我这个骨头架子呀，你要真看见我也快死了是吧？哎，我也快死了，所以这里边结构一般我们都是看不见，只看的是谁啊，看他是这个表现啊，所有看的都是表现啊，然后还有什么呢？行为，行为又是什么呀？那我们想想，一个人。有了骨架了，身上也贴上皮肤了，穿上衣服了是吧，也化好妆了，但是这人干嘛呢？

只能躺在那儿不能动，可能两个眼睛一瞪是吧，舌头还吐着是吧？诶那这行不行啊，这是不是挺吓人的呀，哎，挺吓人的，所以这里边我们就需要一种叫什么呢？叫做行为，那什么叫行为，也就是说我希望这个人干嘛呀，他是能动起来呀，哎能动起来，能走起来，能跟你说话，能跟你握手，能跟你去交流吧，诶这叫什么呀，叫行为，那我们说了，那我页面里什么叫行为啊，页面他他不能总跟我说话吧，对吧？那页面里叫什么叫行为啊，哎，那比如说我页面里有什么呀，最典型的有一个按钮，哎有一个按钮，那这按钮我在干嘛呀，我是不是能点呀，哎就是我一点这个按钮，浏览器什么给我弹出个，给我做出一个响应啊，我一点按钮，你网页干嘛呢？关了我一点按钮，你给我执行一个动画，我一点按钮，你给我弹出一个提示框，这些都是什么呀，都是行为，那行为表示什么呢？哎，用于响我们用什么呀，我们用javascript用于响应我们这个用户的一个什么呀，操作也就。

比如说我们用户浏览器，我们这个页面和用户的交互行为啊，这个叫行为，所以我们网页分成三部分，结构、表现、行为缺一不可，三部分分别对应三个语言，HTMLCSS，还有我们这个JAVASCRIPT3个语言，也就是说我们要学习的三个东西，那我们说了，这里边实际上最简单的是谁呀？最简单的是HTML，然后呢，CSS，诶其实CSS呢也不算简单，因为它的东西会比较多，尤其是当我们考虑兼容性的问题的时候，然后最难，最难的是谁啊？Javascript啊，最难最难的javascript，而我们这个前端与传统的这个网页公司的区别就是主要什么呀，主要就在GS啊，主要在GS，所以我们这里边学习的重点，包括以后我们找工作面试的时候，人家主要问你的东西也主要是谁呀，Javascript啊，也主要Java script，所以这里边DS既是我们的重点，也是我们的什么呀，难点啊，也是我们难点，所以希望你学习GS呢，它可能会稍微有一点难，但是希望你学习的时候干嘛呀，用心一点啊，用心一点，诶那还好，我们学的东西不多，就这三个，24SS，还有GS，是不是就这仨呀？诶，但是还是这句话，学完这三，你发现这仨学的干嘛呀，没完没了的啊，没完没了的，所以慢慢来学就OK了啊好，那这里边我们这有这么一个小关系图，小图来说明一下他们关系，诶第一个呢，我们这是一个骨架，我们说了H天猫负责我们这个页面的一个什么呀，结构，诶哪是脑袋呀，哪是胳膊呀，哪是腿，这是一个结构，然后呢，结构有。

走了，我们在干嘛呀？哎，我们还可以通过CSS负责我们这个页面样式，美化页面可以干嘛呀，可以让我们这个骨架干嘛呢？贴上皮肤，是不是穿上衣服变得漂亮，还变常漂亮，但是我们更希望什么呀？它是不是能能动起来呀，哎，能动起来，所以这里边我还还需要谁呀？是不是给他加上行为啊，行为用谁呀？

哎，我们的GS，我们的这个Java script啊，给它加上行为，让它干嘛呀，动起来，诶我们发现有了GS以后，这是不是有点这种化腐朽为神奇的意思呀，诶一下一个普通的图片变成一个会动的是吧？哎，会动的啊，这么一个效果好，这也是我们说我们要学习的三个东西，那这一阶段我们要学什么呢？这一阶段我们要学习HTML和CSS的基础值，也就是我们所所说的什么呀，比较简单的那个部分，那这一阶段主要大概花多长时间呢？花费应该是十天左右，不到十天的样子，那这十天过来以后呢，这十天你会干啥呀，你会非常的轻松，这十天过去以后，我们开始学习，学习什么呢？学习GS，那我们这十天主要学的就是我们这个HTL。CSS，还有我们网页布局的一些内容啊，一些内容好，那接下来呢，我们这里边我们要用到工具，也可以简单说一下要要用到的工具呢，乱气主要什么呀？火狐艾叶CH啊CH，因为我个人呢，比较偏向于用火狐，所以我可能用火狐用的会比较要多一些，但是用火狐用该用Chrome的都无所谓，找一个你习惯用的就OK了，甚至你说你用360呢也行啊，你用360也行，它那盒也是Chrome的是吧，那盒也是Chrome的，然后后我们的这个编辑器呢，我们主要用什么呀？诶记事本，我们的note pad加加，还有我们那个h builder这东西，咱们用的时候再去说调试工具，有一个工具叫firebug，到咱们用的时候再教大家如何去安装，还有一个我们图片工具，就是我们这个photo Photoshop啊，Photoshop这几个工具，咱们用的时候再依次去说，现在先有个印象就OK了，然后呢，我们这里边儿还涉及到两个组织，一个叫做W3C，我们的万维网联盟，这个组织它干嘛呢？我们网我们网页开发的很多。

种标准，包括HTL，包括这个CSS，包括我们GS里边这个盗标准，实际上都是由这个组织去定义的，我们学习的时候也主要围着它的标准来学习，咱们，哎，就了解它是这么一个组织就OK了啊，然后还有一个叫什么呢？有一个组织叫what WG，诶what WG这个组织呢，它也是一个，它是定义我们这什么呀，HTMTML5标准的一个组织，那这两个组织的关系呢，我们再去介绍，到时候我们再去一一介绍，你先了解一下，知道怎么一个东西就OK了啊好，那这里边我们就停一下。