00:00
好,那我们再来上课,那么这节课呢,我们再来看一下我们HTMMR的框架标签啊,那么框架标签一般用在哪里呢?用到我们网站的后台啊,也就是说这样的效果,你看我们通过比如说在这里面,这里面是点不到的,对吧,比如说在这里面啊,哎,这呢,比如说你看我点击。顶部的内容对吧,顶部的内容我左侧内容在变,没错吧,哎,然后我点击呢,比如说这里面我点击这个左侧内容呢,右侧流容在变,看到了吧?哎,像这种一般都是用什么?用我们HTM的框架标签来做的啊,那么框架标签呢有两种。呃,一种是使用这个frame set。这一套了啊,但是呢,在H天马五中已经取消了啊,他不推荐你使用,但能不能用的能用,所以一会儿呢,这个我也会给大家演示一下,另外呢,是使用I frame I frame是直接在页面中打开一块空间去连接一个子页面的啊,那咱们来看。那我们先用这种方式来去做一个这样的效果啊,先去做一个这种框架页,那么这种方式的话,那一样就在做框架页,我们可能会需要多个页面,所以大家这个阶段最容易蒙,蒙在哪呢?蒙在是页面太多了啊,咱们来看在这里边我们先新建一个目录,叫做I frame set。
01:11
啊,在这个目录里边,我们去创建一个文件,比如叫做index这玩意,也就是我们的主入口啊,叫主页面吧,啊什么叫主页面啊,那么主页面是不是要包含的很多页面,我们框架页要有顶部的对吧?比如在这里面我来一个LA,这叫什么呢?这叫左侧的,那先来top吧,啊top top这叫什么?这叫顶部页面,比如在这里边我直接写了啊顶部的页面对吧?然后还有什么呢?还有这个。Left,这叫左侧页面那。左侧页面好,然后再来还有什么?还有right,右侧页面it right,这叫什么右侧页面。右侧页面OK,那现在咱们来看我这里边分为头左右三部分,怎么样能都在以dex这一个页面中显示呢?对吧?那这个时候记住我要用框架页的话,我将干嘛呢?将省略掉body标签啊,就是不需要使用包标签了,而使用什么呢?而是使用frame set来代替I frame set,这个frame set可以干嘛呢?指定框架页的这个大小啊,指定框架页大小和这个框架页可以分为什么,可以分为多少页啊这么个意思。
02:24
咱们来看啊,比如说在这里边,那我们直接。就使用这个了,对吧,开始给它进行什么进行分割对吧,它呢,就是代替body定义这个框架页,然后呢,定义这个框架页以及框架页的大小,那OK,我让他先干嘛呢?咱们来看啊,比如说正常一个页面。比如这个页面我先干嘛呢?先水平的割一刀,割一刀以后是不是会分为上下两个页面对不对,那也就是说在这里边我要先告诉他框架页大小,那Rose水平的割裂刀上边我说15%有15%对吧,剩下的所有都给下边,那这个时候我是不是相当于在15%的地方水平的切了一刀对不对,但是这样能看到效果吗?我们先来看一下啊,在。
03:09
这里边。你看有效果吗?没有对吧,但实际上你看鼠标慢慢慢慢放到这儿的时候啊。诶,你看这块是不是有变动,看到了吗?哎,那我们分切了一刀以后,是不是会分成两个页面,那么每个页面我们用谁接收呢?用来接收ime frame。啊,用这个标签来接收。还是ime啊,你看这些标签是不是都是被H5取消了,取消了是不是他就会帮我拿了一条红线了,对不对,哎,但是还能用啊,来这回再家看来刷新。诶刷新以后你看是不是就有这么一个道路,效果是不是分为上下两两个页面了,对吧?哎,分为上下两个页面,那顶顶部的页面我src,我可以引入什么top点和德莫勒那。注意top跟他是不是在同级啊,所以我就直接写top的安全码了啊,那现在咱们来看刷新。你看顶部一面过来了,对吧,那底下呢,底下的这部分我是不是还要再分割,我是不是要将它再竖着切一刀,分成什么左右两边了,对不对,那这样的话,我就是说,也就是说咱们这个标签是不是接收的那个对吧,接收的底部啊,所以这里边我把它不要了,干嘛我继续要给它切割I frame set,然后再来一个结束的frame set。
04:21
对吧,然后这个要怎么写,是不是竖着切cos对吧,然后左边一样,我留百分之。20对吧,剩下的所有我都给到右边啊,就是你可以给百分比,也可以给什么,也可以给像素对吧,也可以给这个新新代表所有了,那这个时候我们再来刷新没有效果对吧?但是我们知道数的切移到以后会分成什么左右两边的页面对吧?所以这里边我再用两个ime frame来去接收一下,然后src我们给他去。定义这个页面,这个叫left对吧,然后再有一个I frame set,这个SR叫做right点和的勒。好了,那这个时候你看我的左右页面是不是也被我连进来了,看到了吧,顶部页面,左侧页面跟右侧页面是不是都有了,哎,有了以后他说了点击页面是不是对应的让它变换了,哎,那比如说我们去找页面,那这个时候只需要操这几个操作这几个页面就行了啊在top这里边我们给他一个什么呢?给他比如说有这个。
05:18
呃,A标签,我就直接给A标签了啊,叫做用户管理。用户管理可能CVVVV对吧,还有什么呢?比如再来个这个分类管理。分类管理,然后以及这个呃,内容管理对吧,还有这个呃。网站管理啊,还有这个权限管理,比如瞎给的啊,给了这么多。那现在咱们来看,我一刷新首页,这里边是不是这么多呀。对吧,但是样这些样式就靠我们自己来调了啊,比如说这里边我们给他一个H2吧。
06:00
好。然后我们把这几个内容给它粘贴过来,OK,那么粘贴过来以后,现在我们再来看刷新一下这个内容是不是就下来了诶。啊好了,这回是不是下来了对吧,当我点击用户管理时候,当然这些我也可以给他马的居中对吧,那比如说在这里面,呃,咱整体居中嘛,是吧,给他一个center啊,已经这个center也是被舍弃的标签啊。也是被损失去的标签来刷新,你看整个内容居中了,对吧,当我点击用户管理的时候,这边是不是显示用户管理的内容啊,对不对,那也就是说当我点击用户管理的时候,我跳转到哪里,跳转到user user user的和德莫勒这么个页面好看好了,这个页面还有吗?是不没有啊,诶没有的话,在这里边我新建一个H文件,叫做user。第二,普特莫勒。啊,这里边叫什么呢?叫做用户管理。用户管理,然后我这里面一样给他来个center啊,因为现在我们还没学钥匙对吧,我们就只能简单的用标签来去控制一下啊。
07:02
好了,那么有了这个center以后,那么在这里边我们给他一个用户管理有哪些操作呢?A叫做添加。错了,我先给一个P标签吧,啊,我们学过段落了,对吧,段落标签是不是独占一行,或者我给div标签也可以啊,然后让他独占一行对吧,然后这个里面比如说有什么有添加用户。CTRLC。好这四个啊,添加用户还有什么查看。用户。修改用户删除用户好了,那现在咱们来看啊,我现在有这个页面了,对吧,当我一点击用户管理,诶你看是不是变了。看是不是变了,但是变归变啊,这个P标签他们挨着太近了啊,我还是给它换成这个P标签吧啊,让它变成段落,段落是不是会与上行文本下文本间隔一行啊。刷新再重新来啊,咱们来看这个时候,当我点击用户管理,诶你看用户管理对吧?哎,所有的页面是不是都在这一块去跳转了,但是我需要这样吗?不需要,我需要是什么,当我点击用户管理的时候,是不是在这个页面去打开这个U的S码对吧?那也就是说在他的target给的方式啊。
08:18
来top这里边,当我点击用户管理的时候,它的target给打开方式啊,打开的方式要在哪打开,是不是在left在这个左边在这块打开啊,对吧?但是怎么能去跳到这里呢?我需要给这个边起一个名字啊,那我就需要找到哪啊,找到index这里边,这里边是不是我划分这几个页面对吧?那OK,我在LA里边给它定义一个名字啊,Mean name等于等于什么等于left,同样这块我也直接起名了,等于什么等于right啊好了,那现在同样我们再来刷新啊,你看依然点着,还是在当前跳转对不对?那我需要的什么呢?我需要的是在这个左侧跳转,那也就是说我找到top这里边,当我点击用户管理的时候,我需要在哪?需要在left,就是我起名为left的那个地方打开,对吧?那这个时候再来看刷新啊,现在是默认的对吧,当我点击用户管理,你看这块是不是变成用户管理了。
09:10
看明白吧,那等一下当我点击分类管理这边是不是就相当于分类管理,那同样在这里边我再做一个啊,这里边页面会比较多啊,所以大家跟住啊,Type等于分莫勒,然后TRGT他给的依然为left,在left页面打开对吧,那这里边有一个。U的H码,CTRLCCTRLV,我们复制一个改成type的H码,诶type h码有了对吧,这块叫什么不叫用户了,那也就在这里边,我找到所有的用户。用户替换成什么?替换成分类?好了保存一下啊,这个ta全码对吧,那在top这里边,当我一点击分类管理,是不是跳到type安全码了,对吧?依然打开方式是在左侧打开了,那现在你看我再来刷新,回到这是默认效果对吧?那点击用户管理,你看用户管理,点击分类管理,你看是分类管理。
10:01
对吧?那么点击用户管理的时候,比如我点添加用户右侧对应是不是点击添加用户的表单呢?对吧?那也就是说在这个用户管理这里边一点击跳到优质的P码对吧?那user码里边有添加用户,添加用户这里边比如说我叫做user点和德莫勒,那我是不是得创建这么文件,那在这里边继续新建一个码文件,叫做user ad点赫德莫勒,那么有了这个文件以后,这里边叫什么咱们知道,这里边这一样,我还给了个三角标签L,然后来个HR叫做添加用户对吧?那添加用户咱是不是有表单呢?是不是得输入内容呢?那form表单,然后action我就不写了,Ma的方式,比如说我用盖的方式了啊,然后这里边比如说有用户名。Input。Taste。然后给他一个。BR。边,然后这个name呢,我们就给它起个叫user了啊,然后还有什么呢,还有密码。Input passpsswwd password,然后PWD。
11:03
然后给他一个BR,对吧,用户名密码,最后再来一个什么确认密码,确认密码input pss还叫word wordd,那这个名呢,叫re pwd,好嘞,然后来个BR,最后我们再给它来一个什么input,叫做sub,是不是登录啊,来登录啊,不是登录是添加啊,添加好了,那现在咱们来看啊,我再来刷新。点击用户管理这里边点击添加用户,它是在左侧去跳转,对吧,我需要在右侧打开,所以当我们在这个user者里边去点击添加用户的时候,那他的他给的方式就需要指定到哪啊,是不是指定到我们的啊,不是不是name指定我们到我们的RA这里边对吧?那这里边一样刷新,刷新完以后你看点击用户管理。用户管理,用户管理,诶诶诶。重新刷新一下。来点击用户管理对吧,然后点击添加用户,你看是不是在这块填色对吧,这是不是就实现了,刚才我们在这里面看到效果,点击这块内容左侧有了对吧?然后点击左侧内容右侧显示了对吧?你看点击用户左侧显示,点击会员管理右侧显示了,诶会员管理对吧,是不是右侧显示了。
12:16
哎,这是不是就实现了这个框架了,对吧?只是这个框架用的页面会比较多啊,所以大家下来以后这个框架还是要好好练习一下,虽然被H5已经舍弃了,但是对于一般我们去做后台的时候呢,还是会用这个框架标签啊,这就是咱们这个frame啊好了,那frame看完我们再看一下I frame啊I frame一样,它是什么呢?它是在当前一个页面去打开一个空间,连接一个子页面,比如说在这里面。来你看好了,我在这块就直接在这写了,因为前期呢,我们现在用这个FRA还用不到啊,后期学GS的时候呢,我们还会再去讲这个f frame啊来比如说在这里边,我就直接在这里去引入了啊,直接写一个叫做多少了111213是吧,幺三叫做if frame。
13:04
好了,那在这里说了,直接是在页面中开辟一个空间,对吧,那。I。然后结束的I是不是这样的对吧,那写完以后,现在我们先看页面效果啊。什么效果都没有对吧,然后呢,诶。是没刷新完吗?来。重新刷新,OK,这里面是不是有这么大一块,哎,这是默认给的这么一大块儿啊,那这一块内容我什么都没写对不对,那比如说在这里边我src去引入,引入什么呢?比如说引入当前目录12有一个表单相关标签吧,来12叫做表单相关安全码好了引入过来以后,现在我一刷新。诶,你看我12页面是不是被我引到这里面来了,看到了吗?哎,同样可以干嘛呀,我可以通过宽度width宽度给它设置一下,对吧,比如说宽度多少呢。为这个500对吧,然后高度我也可以给测量高度转为600对吧,那现在你再来看刷新。是不是就大了对吧,这个时候滚动条是不是就没有了,哎,同样这个border的我也可以给它清除掉,对吧,比如说这个border Bo。
14:09
Are?Border啊frame border为是吧,为零啊,在这个时候再来刷新,你看边框是不是都没有了,你现在看的是不是就相当于看的是当前这个页面,但实际上是吗?不是对不对,哎,那这里边一样啊,咱包装还给了唯一让它有啊有边框,有边框我们才能看出对效果对不对。OK,平方有了,那这里边我能引入这一页面,我是不还可以CTRLCCTRLV再来引入一个,再来引个这个,比如叫做11 11什么是我们表格。相关标签。来。这个时候再来看刷新,你看表格是不是也有了,哎,表格比较长,表格我们给的多少,给的是800对吧,所以这个宽度我们给他这个850。好了,这回再来看。找你,诶表格是不是进来了,对不对,那现在你看我是不是一在一样在这一个页面中开辟了两块空间,引入了两个页面对不对,然后同样这里边我可以干嘛呀,把它设置为零,这回把它设置为零是不是就可以了,对吧,那现在再来看刷新。
15:11
诶,是不是就看不到效果了,对吧,这个左右两边其实我是不是都引入了两个页面,哎,这就是咱们I frame啊,它是直接在页面中开辟一块空间去连接一个子页面啊好了,这就是咱们HTML所有的内容啊,那OK,那这节课我们就到这里。
我来说两句