00:00
好,我们继续来上课,那么上节课呢,我们介绍了我们的这个HTTP协议对吧?那么通过我们这个HTP协议啊,我们也完成了我们这个URL的这个介绍,对吧?那么整个这urr里面会包含什么?包含我们的协议,含我们的域名,包含我们的端口对吧?然后以及我们所管理的目录,还有什么文件,后面什么是相对应的参数啊,那么这一段地址,我们在这个第一阶段会常看到这样的地址啊,所以呢,这一段内容大家一定要给他记住啊啊,那这节课呢,我们再来看一下我们动态网站开发所需要的构件,也就是说我们想去做一个动态网站,那么都需要哪些东西呢?那么第一就是我们的客户端浏览器啊,那么浏览器干嘛呢?它是万维网服务的客户端浏览程序,可以向万维网服务器发送各种的请求,对吧,然后并对这个服务器发来的超我们信息和各种多媒体数据进行什么解释,显示和播放啊,这就是浏览器的作用。啊,那么浏览器呢,是只显示网页服务器或者文件系统HM文件内容,并让用户与这些文件交互的这么一种软件啊,那么网页浏览器主要通过NDP协议和指定的UR地址与网页服务器进行什么交互,获取网页啊,那咱们来看这里面所说说浏览器啊,就是指显示网页服务器或者文件系统啊T码文件内容这么一个东西,对吧?然后并且让用户与这些软文件干嘛呀,进行交互的这么一个软件,那比如说。
01:24
咱们来看,我在这里边打开我们的浏览器啊,还是一样,然后这里边3w.com,我还是在这个360搜索的里边啊,那比如说在这个位置我搜什么呢?我要搜一个融资教育。融值教育,其实大家想想看,对于现在这个页面就已经什么已经是浏览器帮我们显示出来的对不对?那么当我在这里面输入完内容,一点搜索,这是不是在那交互,我是不是向他去要对吧?那么当我一点击搜索的时候,他是不是上服务器里面去查呀,对吧?那么查到以后是不是就给我们发过来了?显示到什么,显示到我们这一块了,对不对?哎,也就是像我们上节课我们换的这个动态网站一样,对吧?当我们这个通过浏览器访问一个地址,访问这个地址访问到服务器以后,那么服务器接收到了你的这个请求干嘛?是不是会交给挂载到PP这个服务器的这个PP引擎来解析,对吧?那么PP引擎发现干嘛呢?我要搜索什么,搜索这个融资教育,那么这个时候PP引擎干嘛会连接数据库,告诉数据库把什么把里边的这个所有跟融资教育相关的信息给我拿出来对吧?那么拿出来以后干嘛呀,数据库返回给我们的这个程序对吧?然后程序再返回谁啊,返回给我们的服务器,那么服务器接收到了这个程序以后,是不是再返回给浏览器。
02:39
对吧,然后浏览器最后在干嘛,解释显示出我们现在看到的这个页面啊,这就是浏览器的作用。啊,这就浏览器的作用,那么咱们来看一般呢,浏览器呢,我们会称为什么呢?称为五大浏览器啊,五大浏览器这里面没有是吧,我们来记一下啊,叫五大浏览器。五大浏览器啊,因为一说浏览器,大家可能脑海里面会过很多种浏览器对吧,什么IE啊,火狐啊,谷歌呀,对吧,什么360啊,什么腾讯的呀,对不对,很多浏览器对吧?但是不管再多,我们最终会给它做一个分类啊,那么分分为哪些类呢?会分为主要分为两类啊,因为我们有五大浏览器,五大浏览器就是五个内核,其他的所有的浏览器都是基于这些内核上去研发的啊,所以呢,我们归根结底五大浏览器有哪些?有IE浏览器。
03:30
浏览器还有呢,这个谷歌。浏览器啊,谷歌浏览器呢,也叫什么,也叫Chrome对吧,R meome,然后还有什么呢,还有这个火狐浏览器。叫做firefox。然后以及咱们的这个浏览器。苹果浏览器吧。浏览器。
04:00
Safari以及欧朋浏览器。叫做op。Era,好,这就是咱们的五大浏览器,那么五大浏览器里边我们会对它进行一个分类,分为什么呢?分为IE浏览器。IE浏览器。啊,以及非。I。浏览器啊,那么1IE浏览器就包含什么,包含了他自己对吧,IE浏览器,那么非IE浏览器呢,就是这四个啊,这就是我们常说的五大浏览器,那么也就是说当我们这节课上完以后,你的电脑里边必须要有这五大浏览器当中的其中。至少三个啊,因为什么,因为我们后期再去做页面的时候,我们会频频繁的去什么调试啊,所以你第一你要有IE浏览器对吧,然后还有什么呢?还有非IE的,你至少要有一个什么谷歌和一个火狐,也就这你的电脑里边至少要给我装这三款浏览器啊,那么像你之前装什么360的呀,什么腾讯的对吧,那个浏览器你都可以干嘛卸载了啊,我们用这些。
05:05
这个专业一点的浏览器啊。好了,这就是咱们的这个五大浏览器啊,那我们后期在所有的开发之上,我们都会拿这些进行什么进行相应的表示啊,那OK,那么知道浏览器的作用了,那么接下来干嘛?接下来就是超文本标记语言,叫做什么HTML啊,那么超文本之前我们也有解释,对不对,超过了文本范围这个内容对吧?它不仅可以干嘛加入文文字的文本文件,还可以什么加入链接啊,图片呢,声音呢,影视啊,动画等内容,对不对?哎,这就是我们的超文本,那什么叫标记语言呢?所谓的标记语言就是在这个重文本文件里面包含了什么HTML的指令代码,那么这些值呢,并不是一种程序的语言,它只是一种干嘛呀排版网页中资料显示位置的标记结构语言,比如说我说网页中这块资料是显示图片的,我说这块资料是超链接的,我说这块资料是一个这个列表了,我说这块资料是一个什么,是一个这个段落了,诶我就需要干嘛用它进行标记,它标记完以后,那么浏览器就能对应的去解释出。
06:06
我们要看到的这个效果啊,但是不光是他还需要什么用这个CSS啊,主要是什么呢?当他标记完以后,浏览器能认识这是什么东西。啊,所以大家这一点一定要记住,只要被它标记完以后,浏览器是能认识什么东西,比如说你标记是一个图片,浏览器解释出,诶,他只要这换是个图片,你标记是一个超链接,他知道这块是个超链接,你标注一个这个动画,他知道这块是一个动画啊,这就是咱们浏览器和这个HTML啊,也就是说H代码由谁来解析,就是由浏览器来直接解释执行和显示的啊。好,那么这些理论呢,可能在说的时候大家有点什么,有点不算太理解对吧,那不要紧,然后一会儿呢,我们会再去编写这样的代码给大家看一下,那么大家一看就明白了啊,所以这个文本内容就这些文字,大家在这里边我给大家记的这些笔记,大家下来以后一定要去记,然后整理一份属于自己的笔记啊,依然你可以写整理像我这样的格式,你也可以写一个word文档,把笔记一定要整理好啊,这样的话,在我们后期的学习过程中,也方便我们去什么去查阅资料啊。
07:10
好了,然后再往下来,那么我们HTML完事以后还有什么呢?还有CSS,它的主要作用只有两个,干嘛呀?第一增强网页样式信息,第二允许干嘛呀,样式信息与网页代码进行什么进行分离啊,可能现在我们说,因为大家可能对这个没有基础,对吧,我们在说这个时候并不好理解啊,那不理解咱们先不理,你只需要记住它能做两件事儿,等到我讲csi时候,我还会回过来再去强调这两个作用啊,然后第二再往下来,下一个叫什么客户端脚本编程语言叫javascript。啊,它是干嘛呢?它是在客户这一端执行的这个脚本语言啊,它的主要作用干嘛呢?也一样用来干嘛进行交互的啊,这里边会包含着两个对象,一个叫做文档对象模型,一个叫做浏览器对象模型,那么文档对象模型主要是提供访问和操作网页内容的方法和接口了,而这个浏览器对象模型模型呢,主要是提供与浏览器交互的方法和接口啊这是我们再去学习javascript主要学习的这两个对象,那么我们所说的前端,前端实际上前端最基本就是这三个架构加一起。
08:16
啊,比如说所有的模型都是建立于这三个东西加一起的,其实我们再去布局前端页面,比如说像我们现在看到的这个页面,对吧?哎,包括我们看到的这个融资教育,比如说edu。That's it。好,包括我们看到这个页,你看这个页面是有动画的,对吧,比如说你看鼠标方向来是吧,鼠标方向来触发了它这个事件对吧,什么事件是不是添加了这么一个效果对吧?包括这个东西它也会自动什么自动轮播对吧?只是我的这个网漫还没加载出来啊,包括这块内容也会干嘛,是不是也会自动轮播对吧?哎,所以这整个这么一个前台的页面,它就是什么呢?它就相当于一个盖房的一样啊,也就是说我们需要配合三个工具,哪三个工具,一个是HTML。
09:04
对吧,一个是CSS,一个是加上石块子,这三个加一起才能干嘛实现出我们现在看到的这个页面对吧?然后最终这个页面由谁由浏览器来干嘛执行显示和播放,对吧?那也就是说这三个东西是不是都是由浏览器直接执行显示播放的。没说吧,那OK,那刚才说了这三个东西加在一起才能布局出这个页面,其实我们在布局页面的时候就跟盖房子一样啊,我们现在说页面可能大家不太好理解,那我们来说盖房子。来,你看好了,我们盖房的第一件事干嘛,是不是打地基对吧?好比这就是HT毛,也就是说我们可以把H天门看成什么呢?看作是一块块的砖头对吧?那打完地基以后,接下来干嘛,是不是就垒砖头啊对吧?那砖头什么样的都有,那就不一定了,对吧?那有可能是我这个砖头是这样的啊,然后再来这样的,这里上再来一个这样的,诶,各式各样的砖头对吧?那这块我再来一个横的,然后这块呢,我再这样的。
10:00
对吧,然后这块我再来一块好了,那砖头垒完之后,接下来干嘛,是不是上房价,那我再上一个房价。这一个房价对吧,最后我再给他落个烟囱好了,那么这样的话,这一个房子我自己就盖完了,对吧,那这就是写HTL的东西了,也就是说HTML,我们就在一个页面都可以把它当成什么,当成砖头对吧,各式各样的砖头,你比如说在这里边,你看好了,比如说在最顶部的这个位置,诶我就把这块看成一个砖头。对不对,哎,只是这个砖头里面包含什么,包含了左边一个砖头,右边一个砖头,我可以这么理解吧,对不对,所以说咱们布局页面就相当于盖房子垒砖头一样,那么垒完砖头就行了,不行,对吧?这个房子能住人吗?不能,我需要干嘛?我是不是需要打混凝土去指定去。定位啊,或者叫对定位应该让它固定对不对?哎,往这里面去打混凝土,让它固定,所以这些东西由谁来控呢?由CSS由CS来来来控制啊,那另外你看砖头啊,是不是有大有小,包括到这个墙边的时候,那我的砖头如果太大了,是不是要给它敲碎,对吧?那这些都是由谁啊,都是由CSS来控制的。
11:08
啊,都由CSS控制,那么砖头本身是什么?是我们的HTML。啊atl,然后呢,现在就能住人了吗?也不行,为什么?因为我连个窗户什么都没有,它是纸芯啊,对不对,所以我需要干嘛,是不是抠一个窗户对吧?那么这也一样,也由CSS配合着H来做啊,那你看我把这个。做一个窗户啊。中间给它来一个竖杠。然后这边我们给他画一个。把走把走好了,这些都是有什么,都是由CSS来做的,那问题来了啊,现在啊,我们能不能住人了,没问题了,对不对,哎,因为该固定的我们也固定了,窗户我们也有了,对不对,那我问你什么时候开窗。什么时候开窗,什么时候关窗,我是不是有开关窗的动作了,我一般什么时候开窗,什么时候关窗,是不是当天气好的时候,我需要开窗对吧?你不可能外面下着大暴雨,你把窗户开开吧。
12:09
没错吧,哎,所以这里边就有一个情况,有个什么情况呢。如果。如果对吧,如果天气很好。我要干嘛,我是不是选择开窗动作?开窗对吧,那否则呢,也就否则也就天气不好的时候呢,我是不是干嘛选择关窗啊,对不对,或者到黑天了,我是不是选择关窗对吧,那这个时候是不是就有这么一个条件了,哎,那么凡是有这种条件的去判断的都是需要什么呢?需要我们刚才说的javascript。哎,动态处理解为SSCP加va sc啊,也就是说加va sc可以干嘛,可以根据当前那个条件的好坏,干嘛选择自动是开窗还是什么还是关窗啊,这就是这三个加在一起,是不是就是一个盖房子,整个房子的过程是不是就出现了。
13:00
对不对,哎,这就是他们三个加在一起,最后实现了我们这个好看的页面啊,实现了一个好看的页面啊,这就是咱们的前台的内容,好了,那前端的内容我们完事了解了以后。当然我们在第一阶段我们只学一部分对吧,我们只为了我们第一阶段的项目去布局这个人嘛,所以第一阶段我们采用的是div加CSS,不涉及到。加SC不涉及到加va s sc,只需要去布局最基本的页面就可以了,那么第二阶段呢,我们是采用伸缩盒啊,伸缩盒加响应式的方式布局,什么叫响应式啊,就是当前如果你是PC的这个,就是你浏览器的这个客户端来访问的,我显示是一样的页面,对吧?如果你是这个pad端来访问的,我显示页面,如果你是这个移动端来访问的,我可能又显示你的页面对吧?也就是说不同的设备显示什么不同的效果啊。然后呢,我们还会配合什么,配合价格之外的动态的做处理啊,这是在第二阶段我们要学的前端啊,第三个和第四个阶段呢,我们主要就是什么?主要就是学一些这个框架的,你比如说像vuee啊,对吧,React呀,小程序啊啊会学习这些啊好了,那再往下来看什么呢?就是我们的web服务器,那么web服务器干嘛呢?它主要功能就是提供网上信息浏览服务,那么目前web服务器有很多,那么常用的有什么?阿帕奇,Is topcad,对吧,还有GW以及N啊,那这里边我们主用的什么呢?阿帕奇啊,叫阿帕奇,阿帕奇叫什么呢?叫做充满补丁的服务器软件啊,咱们说了什么是服务器,你一台电脑就可以叫做服务器,对吗?但是在你这个电脑里边必须装有服务器的软件才可以,对吧?什么叫软件,比如说电脑里边,你在电脑里面装一个游戏,这个游戏是个软件,你装一个word,这word是不是软件啊,对不对,所以你需要装一个阿玛奇,阿玛奇也是个软件。
14:46
啊,它要充满补丁的服务器软件,是由这个服务器经过多次改变而得来的啊,那么阿帕奇这个服务器,记住,它最终只会管理无个目录,所以我们需要把我们写的所有的代码都需要放到这个目录下啊,那么等我们讲到这个服务器这块的时候,我会再给大家去说啊,那再往下还有什么呢?还有个N几啊,它是一个很强大的高性能的web服务器,是由这个俄罗斯的这个人去开发的啊。
15:12
所以这个呢,我们了解一下后期到第四个阶段,我们会讲N几个啊,然后再往下来,那么服务器我们知道了,有服务器以后,我们开始干嘛呀,安装服务器端的脚本编程语言啊,那这里边我们主学的什么是PP啊,那么常用的服务圈的脚本编程语言有哪些呢?PPGSP还有ASP啊,这是很常用的啊,包括像hyon的Java都可以当服务器端脚本编程语言,对不对?哎,这里边。啊,我们主学的是PP啊,那PP是一种创建动态交互性站点强有力的一个脚,这个服务器端脚本编程语言,而且它是免费的,并且使用非常广泛啊,所以呢,我们服务器端会采用PP啊,然后再往下看什么呀?就是我们的数据库啊,数据库呢,在我们第一个阶段,我们主要学习的是什么?MYSQL数据库啊,它是一个开源免费的,那么到第二阶段我们依然也是MYSQL数据库,那在这个阶段我们会讲一些MYSQL8里面新增的,比如说Jason的数据类型啊,对吧,比如说这些索引的使用啊,啊创建呢,对吧?诶会讲一些这些内容,等到我们的第三个阶段呢,我们主要学什么呢?学它的这些优化啊,如何去命中这些索引,对吧?哎,如何去添加这些索引。
16:20
是吧,会学这些东西了啊,那么第一个阶段我们主要对买身股,就是自持,最简单的增删改查,不用考虑任何效果,只要能实现就可以了啊,这是第一个阶段我们去做的。好了,那么等到第三个阶段,我们还会学习什么,会学习这种nosql数据库啊,也就是非关系型数据库,MYSQL呢,它是关系型数据库啊,那么还有另外就是非关系性数据库啊,这就是我们这个数据库管理系统啊,那么也就是说我们正常情况下一个web网站,然后就动态网站开发所需要哪些?第一客户端浏览器我们要用,对吧?第二我们要学超额文本标记语言以及层叠样式表,对吧?用来改样式的还有什么?还有动态处理的加va之外的,这三个加一起是我们前端的效果,对吧?那么前端用户这一块能看到这个页面了,那接下来什么?接下来就是服务器端了,对吧?那让他具体去操作某个功能了,比如说登录注册呀,是不是都需要什么,需要服务器端,需要服务器的专门编程语言,需要数据库对吧?哎,登录注册搜索呀,显示啊,这些就都需要什么服务器端来进行帮忙解决了啊,所以大家一定要把这些东西要记住,知道我们未来要去学习哪些东西,我们才能做出一个动态网站。
17:29
好了,这就是咱们这个动态网站开发所需要的构架,那OK,这节课我们到这里。
我来说两句