Frame技术制作网页资料.pptx

上传人:一*** 文档编号:71818573 上传时间:2023-02-06 格式:PPTX 页数:51 大小:580.89KB
返回 下载 相关 举报
Frame技术制作网页资料.pptx_第1页
第1页 / 共51页
Frame技术制作网页资料.pptx_第2页
第2页 / 共51页
点击查看更多>>
资源描述

《Frame技术制作网页资料.pptx》由会员分享,可在线阅读,更多相关《Frame技术制作网页资料.pptx(51页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。

1、会计学1Frame技术技术(jsh)制作网页制作网页 资料资料PPT课件课件第一页,共51页。学学学学 习习习习 目目目目 标标标标 框架也称为帧,是设计网页时非常有用的工具。它可以将框架也称为帧,是设计网页时非常有用的工具。它可以将浏览器窗口划分为若干个区域,每个区域分别显示不同浏览器窗口划分为若干个区域,每个区域分别显示不同(b(b tn)tn)的网页,从而使用户能够一次浏览更多内容。本章学的网页,从而使用户能够一次浏览更多内容。本章学习框架的一些基础知识,以及怎么同时在一个浏览器窗口习框架的一些基础知识,以及怎么同时在一个浏览器窗口中显示多个网页。中显示多个网页。第1页/共51页第二页,

2、共51页。本本本本 章章章章 重重重重 点点点点uuu 框架的基本构成框架的基本构成框架的基本构成框架的基本构成框架的基本构成框架的基本构成uuu 创建创建创建创建创建创建(chungjin)(chungjin)(chungjin)(chungjin)(chungjin)(chungjin)和设置框架和设置框架和设置框架和设置框架和设置框架和设置框架uuu 框架中的链接目标框架中的链接目标框架中的链接目标框架中的链接目标框架中的链接目标框架中的链接目标uuu 框架中网页的设置框架中网页的设置框架中网页的设置框架中网页的设置框架中网页的设置框架中网页的设置uuu 框架设置滚动条框架设置滚动条框架

3、设置滚动条框架设置滚动条框架设置滚动条框架设置滚动条第2页/共51页第三页,共51页。一个一个一个一个(y(y )框架应用实例框架应用实例框架应用实例框架应用实例第3页/共51页第四页,共51页。页面分析页面分析 该实例实质是一个应用了该实例实质是一个应用了top left框架的框架的网页。这种框架的页面被分成了网页。这种框架的页面被分成了3个区域,个区域,其中包含了其中包含了4个网页文件,分别为:个网页文件,分别为:frameset网页、上边网页、上边topframe框架中包含的框架中包含的网页文件、左边网页文件、左边leftframe框架中包含的网页框架中包含的网页文件、右边文件、右边ma

4、inframe中包含的网页文件。中包含的网页文件。因此在保存这个框架集网页时,需要因此在保存这个框架集网页时,需要(xyo)4个文件。个文件。第4页/共51页第五页,共51页。实现基于框架的网页的基本思路如下:实现基于框架的网页的基本思路如下:实现基于框架的网页的基本思路如下:实现基于框架的网页的基本思路如下:(1 1)在页面中创建框架集和框架,并对页面布局进行适当)在页面中创建框架集和框架,并对页面布局进行适当)在页面中创建框架集和框架,并对页面布局进行适当)在页面中创建框架集和框架,并对页面布局进行适当(shdng)(shdng)的调整。的调整。的调整。的调整。(2 2)输入框架页面内容。

5、)输入框架页面内容。)输入框架页面内容。)输入框架页面内容。(3 3)保存框架集文件和框架文件。)保存框架集文件和框架文件。)保存框架集文件和框架文件。)保存框架集文件和框架文件。(4 4)确认链接目标的框架设置,使所有链接内容都出现在)确认链接目标的框架设置,使所有链接内容都出现在)确认链接目标的框架设置,使所有链接内容都出现在)确认链接目标的框架设置,使所有链接内容都出现在 正确的区域内。正确的区域内。正确的区域内。正确的区域内。(5 5)通过设置框架和框架集属性,来改变框架网页的外观)通过设置框架和框架集属性,来改变框架网页的外观)通过设置框架和框架集属性,来改变框架网页的外观)通过设置

6、框架和框架集属性,来改变框架网页的外观 等。等。等。等。第5页/共51页第六页,共51页。创建创建(chungjin)框架结构框架结构调出框架面板(frames),利用它可以进行选取、观察修改框架等基本操作。在对框架操作时,最好一起打开框架面板!打开方法(fngf)“窗口”“框架”。或者快捷键Shift+F2没有没有(mi yu)插入框架时的框架面板插入框架时的框架面板第6页/共51页第七页,共51页。插入插入top left结构的框架结构的框架(kun ji)集页面集页面n n为了方便观察和操作框架,需要启用可视化助理,打开方法菜单栏可视化助理n n打开方法是:菜单栏查看可视化助理框架边框n

7、 n当启用了辅助工具后文档窗口(chungku)的四周就出现了灰色框架边框第7页/共51页第八页,共51页。对象面板对象面板(min bn)上的框架集上的框架集插入插入(ch r)框架集框架集插入一个框架集,操作步骤如下插入一个框架集,操作步骤如下 (1)(1)新建一个文件新建一个文件 (2)(2)执行以下操作之一,插入执行以下操作之一,插入DWDW预定的框架集预定的框架集 A A、菜单栏、菜单栏插入插入框架框架左边左边(zu(zu bian)bian)B B、在对象面板上单击框架按钮,或者把按钮拖、在对象面板上单击框架按钮,或者把按钮拖 到页面上到页面上第8页/共51页第九页,共51页。n

8、n在文档窗口出现(chxin)了包含3个区域的top left结构框架集。其中立体的灰色边框为框架集的边框,而没有立体效果的细边框为框架边框。每一个框架都有自己的名字,用于识别其他框架,默认的框架名分别为topframe、leftframe、mainframen n 说明:创建框架集还可以使用自由托拽法,前提是框架边框是可见的。用这个方法首先要分析要创建的框架集的结构,然后进行相应的拖拽操作即可。第9页/共51页第十页,共51页。Top left 结构结构(jigu)的框架集的框架集对应的框架面板对应的框架面板自由创建(chungjin)Top left结构的框架集,操作步骤如下:(1)将光标

9、置于文档窗口框架的上边框。(2)待光标变为双箭头形状后,按住鼠标左键向下拖动上边框 到适当的位置,这样就创建(chungjin)了一个上下结构的框架集。第10页/共51页第十一页,共51页。自由建立的框架集自由建立的框架集所对应所对应(duyng)的框架面板的框架面板(3)(3)按住按住altalt的同时,用鼠标点击下边区域,按住鼠标左键向右拖动左下的同时,用鼠标点击下边区域,按住鼠标左键向右拖动左下边框到适当的位置,就可以生成边框到适当的位置,就可以生成top lefttop left结构框架。利用这种方法,结构框架。利用这种方法,可以自由建立可以自由建立(jinl)(jinl)自己所需要的

10、框架集。自己所需要的框架集。注意:利用自由拖拽创建的框架集,其框架名称均为注意:利用自由拖拽创建的框架集,其框架名称均为“没有名称没有名称”。由于框架名称将被作为超级链接的目标和脚本的引用,所以需要由于框架名称将被作为超级链接的目标和脚本的引用,所以需要为框架命名。为框架命名。第11页/共51页第十二页,共51页。选取选取选取选取(xu(xu nqnq)框架和框架集框架和框架集框架和框架集框架和框架集 在插入框架集之后,如果不满意,可以进行相应的修改操作。首先(shuxin)进行框架和框架集的选取操作:1.选取框架 方法一:在框架面板中单击要选取的框架。方法二:在文档窗口中按alt键,在要选择

11、的框架 里点击,便选取了相应的框架。被选取的框架在框架面板中被加黑显示的细线围住,而在文档窗口中被较细的虚线框围着,同时在状态栏上加黑显示的是。第12页/共51页第十三页,共51页。2.选取框架集 方法一:在框架面板中单击立体(lt)边框 方法二:在文档窗口中将鼠标移动到框架与框架之间的 分隔线上,单击鼠标左键选中框架集。这时被选中的框架集边框在框架面板中被加黑显示,而在文档窗口中被较细的虚线框围住,同时在状态栏上加黑显示的是。当我们在新建的页面中插入框架集时,默认选中的就是整个框架集。第13页/共51页第十四页,共51页。选中选中的状态的状态(zhungti)选中选中的状态的状态(zhung

12、ti)第14页/共51页第十五页,共51页。增加增加增加增加(zngji)(zngji)框架框架框架框架增加框架可以使用鼠标拖拽法和菜单方式。1.鼠标拖拽法 (1)按住alt键拖拽任一条框架边框,可以垂直或 水平分割文档(或已有的框架)。(2)按住alt键从一个角上拖拽框架边框,可以把 文档(或已有的框架)划分(hu fn)为4个框架。注意:要选中框架才能在框架内部进行增加框架,否则默认是在外框架(整个框架集上增加!)第15页/共51页第十六页,共51页。直接直接(zhji)从底部向上拖拽从底部向上拖拽出来的框架出来的框架选中右下方的框架后再选中右下方的框架后再按按alt拖拽拖拽(tu zhu

13、i)出来的框架出来的框架第16页/共51页第十七页,共51页。2.2.2.2.菜单菜单菜单菜单(ci dn)(ci dn)(ci dn)(ci dn)方式方式方式方式 在菜单栏修改(xigi)框架页,在子菜单中单击相应的选项。第17页/共51页第十八页,共51页。删除删除删除删除(shnch)(shnch)框架框架框架框架方法:方法:方法:方法:将想要删除的框架将想要删除的框架将想要删除的框架将想要删除的框架(kun(kun ji)ji)边框拖至文档窗边框拖至文档窗边框拖至文档窗边框拖至文档窗口的边缘为止,或拖拽想要删除的框架口的边缘为止,或拖拽想要删除的框架口的边缘为止,或拖拽想要删除的框架

14、口的边缘为止,或拖拽想要删除的框架(kun(kun ji)ji)边框到父框架边框到父框架边框到父框架边框到父框架(kun(kun ji)ji)的边框上。的边框上。的边框上。的边框上。第18页/共51页第十九页,共51页。调整调整(tiozhng)框架的大小框架的大小 插入框架后,会发现框架的大小并不一定符合要求,因此需要(xyo)将框架的大小进行适当的调整。方法:将鼠标指针移到要调整的框架边框线上,在出现双箭头后,按住鼠标左键(进行左/右、或上下的拖拽即可)。第19页/共51页第二十页,共51页。编辑框架集页面编辑框架集页面编辑框架集页面编辑框架集页面(y min)(y min)内容内容内容内

15、容 框架集设计好后就可以编辑每个框架的内容了。编辑框架集中(jzhng)内容有两个方法:(1)利用前面所学内容,直接在相应的框架中输 入内容。(2)将框架中的网页文件事先编辑好,然后在框 架中导入。第20页/共51页第二十一页,共51页。对话框对话框n n这两种不同的编辑方法,在保存框架集网页的操作过程有这两种不同的编辑方法,在保存框架集网页的操作过程有所不同。所不同。n n使用第一种方法,直接在使用第一种方法,直接在3 3个区域个区域(框架框架)中分别插入相应中分别插入相应的内容的内容(页面中的文本可以直接从前面制作的网页上拷贝页面中的文本可以直接从前面制作的网页上拷贝过来过来)n n制作完

16、成后按制作完成后按F12F12预览页面,弹出一个对话框。提示没有预览页面,弹出一个对话框。提示没有保存框架集和框架文件。我们必须先进行保存,以后保存框架集和框架文件。我们必须先进行保存,以后(y(y hu)hu)每次修改框架网页时如果直接预览页面都会出现每次修改框架网页时如果直接预览页面都会出现这个对话框这个对话框!第21页/共51页第二十二页,共51页。该对话框提示在预览框架集网页之前需要保存框架集文件(wnjin)和各个框架文件(wnjin)。单击“确定”,将保存框架集文件(wnjin)和框架文件(wnjin),然后才打开浏览器预览;单击“取消”则放弃预览。第22页/共51页第二十三页,共

17、51页。保存保存保存保存(b(b ocn)ocn)框架集文件框架集文件框架集文件框架集文件保存的方法通常有两种:(1)同时保存框架集中的所有(suyu)网页文件。(2)分别保存框架集中的网页和各个框架中的网 页文件。第23页/共51页第二十四页,共51页。保存框架集中(jzhng)的所有网页文件,操作步骤如下:(1)菜单栏中选择“文件”“全部保存”。(2)top left结构的框架由4个网页文件组成,在 保存过程中会先后弹出4个“另存为”对话框,依次进行保存。同时保存框架同时保存框架同时保存框架同时保存框架(kun(kun ji)ji)集中的所有网页文件集中的所有网页文件集中的所有网页文件集中

18、的所有网页文件第24页/共51页第二十五页,共51页。小技巧:小技巧:保存的时候被虚线框围住的框架就是我们保存的时候被虚线框围住的框架就是我们正在保存的框架文件。如果虚线框围在左边正在保存的框架文件。如果虚线框围在左边就是保存左边框架中的网页就是保存左边框架中的网页(wn y),在右,在右边就是保存右边的框架中的网页边就是保存右边的框架中的网页(wn y)。但是如果使用导入网页但是如果使用导入网页(wn y)到框架,到框架,保存的方法就有所不同了。保存的方法就有所不同了。第25页/共51页第二十六页,共51页。分别分别分别分别(fnbi)(fnbi)保存框架集中的网页和各个框架中的网页保存框架

19、集中的网页和各个框架中的网页保存框架集中的网页和各个框架中的网页保存框架集中的网页和各个框架中的网页文件文件文件文件保存框架集网页文件,操作步骤:(1)选中整个框架集 (2)在菜单中选择“文件”“保存框架”保存单个框架网页文件的操作步骤如下:(1)将光标(un bio)定位在要保存网页文件的框架内,或 在框架面板上单击网页所在框架 (2)在菜单栏中选择“文件”“保存框架页”第26页/共51页第二十七页,共51页。单独单独(dnd)保存框架集网页文件保存框架集网页文件保存保存(bocn)框架网页文件框架网页文件第27页/共51页第二十八页,共51页。注意:注意:在框架中设置网页标题的步骤在框架中

20、设置网页标题的步骤(bzhu):选中框架集选中框架集在常用面板中,再对网页标题在常用面板中,再对网页标题进行设置。进行设置。(设置完成后要保存整个框架设置完成后要保存整个框架),此时网页标题才能被设置,我们一般的网页此时网页标题才能被设置,我们一般的网页标题设置方法不能直接设置。标题设置方法不能直接设置。第28页/共51页第二十九页,共51页。设置设置设置设置(shzh)(shzh)框架中的链接目标框架中的链接目标框架中的链接目标框架中的链接目标 为左边框架中的各个导航栏目(ln m)建立一个可以链接到右边框架中的超级链接。其步骤:(1)选中文本,打开文本的属性面板。(2)在属性面板上单击文件

21、夹按钮,选取要连接 的文件。(3)在属性面板上单击“目标”的下拉列表,点中 “mainframe”这个框架名称,告诉浏览器在 mainframe框架中打开被链接的网页文件。第29页/共51页第三十页,共51页。选择不同(b tn)的框架名称,链接文件将在不同(b tn)的框架中打开:选择“mainframe”,在窗口的右边mainframe框 架中显示所链接的文件内容。(2)选择“leftframe”,在窗口的左边leftframe框架 中显示所链接的文件内容。(3)选择“topframe”,在窗口的上边topfrmae框架 中显示所链接的文件内容。第30页/共51页第三十一页,共51页。将链

22、接将链接将链接将链接(lin ji)(lin ji)目标设置在默认框架中目标设置在默认框架中目标设置在默认框架中目标设置在默认框架中这是这是4个默认个默认(mrn)的框的框架名称架名称(1)_blank(空白窗口空白窗口):在另一个新的窗口中显示链接内容,这样可以保留:在另一个新的窗口中显示链接内容,这样可以保留现有的窗口文档内容。现有的窗口文档内容。(2)_parent(父窗口父窗口):在上一层的框架集中显示链接内容:在上一层的框架集中显示链接内容(该选项只有在框该选项只有在框架集中还包含另一个框架集的情况下才能产生效果架集中还包含另一个框架集的情况下才能产生效果(xiogu)。(3)_se

23、lf(当前窗口当前窗口):在本身所在的框架中显示链接内容这样会覆盖当前框:在本身所在的框架中显示链接内容这样会覆盖当前框架中的所有内容。该目标是默认值。架中的所有内容。该目标是默认值。(4)_top(最高最高):在整个浏览窗口中显示链接内容,这样会覆盖当前框架中所:在整个浏览窗口中显示链接内容,这样会覆盖当前框架中所有内容。有内容。第31页/共51页第三十二页,共51页。修改框架修改框架修改框架修改框架(kun ji)(kun ji)(kun ji)(kun ji)集网页外观集网页外观集网页外观集网页外观 框架默认的外观不好看,我们可以通过设置框架(或框架集)的属性来修改。1、设置框架集属性

24、框架集属性包括框架的大小和框架之间的边框颜色及宽度(kund)等。查看和设置框架集的属性如下:第32页/共51页第三十三页,共51页。表示当前表示当前(dngqin)选择选择的是框架集的是框架集表示当前表示当前(dngqin)的框架的框架结构为结构为2行行1列列用于设置当前框架集边框用于设置当前框架集边框的类型的类型(lixng)、宽度和颜色、宽度和颜色设置选定行设置选定行(列列)的大小及其单位的大小及其单位行列选择器深行列选择器深色行为当前行色行为当前行(1)(1)选中整个框架集。选中整个框架集。选中整个框架集。选中整个框架集。(2)(2)在菜单栏中选择在菜单栏中选择在菜单栏中选择在菜单栏中

25、选择“窗口窗口窗口窗口”“属性属性属性属性”,此时打开的属性面板为,此时打开的属性面板为,此时打开的属性面板为,此时打开的属性面板为 整个框架集的属性面板为整个框架集的属性面板。整个框架集的属性面板为整个框架集的属性面板。整个框架集的属性面板为整个框架集的属性面板。整个框架集的属性面板为整个框架集的属性面板。(3)(3)根据需要在属性面板上进行相应设置即可根据需要在属性面板上进行相应设置即可根据需要在属性面板上进行相应设置即可根据需要在属性面板上进行相应设置即可!第33页/共51页第三十四页,共51页。精确精确(jngqu)调整框调整框架大小架大小 将leftframe框架区域的列宽精确调整到

26、180像素,步骤如下:(1)在框架面板(min bn)上单击上下框架之间的立体边框 (2)此时属性面板(min bn)为下边框架集的属性面板(min bn)(3)在“值”文本框中输入180,单位选择像素即可注意:如果想调整topframe框架区域的高度,就要选中整个框架集。在“值”文本框中输入一个数字即可设置行的大小 第34页/共51页第三十五页,共51页。2.2.2.2.设置框架的边框设置框架的边框设置框架的边框设置框架的边框(binkung)(binkung)(binkung)(binkung)及其宽度和颜色及其宽度和颜色及其宽度和颜色及其宽度和颜色 在框架(kun ji)属性面板上的“边

27、框”项用于设置在当文档在浏览器中被浏览时是否显示框架(kun ji),共有三种选择:(1)yes(是):显示边框,宽度由“边框宽度”中的 值指定 (2)no(否):不显示边框 (3)default(默认):让用户浏览器决定是否显示 边框。一般情况下为立体的灰色边框第35页/共51页第三十六页,共51页。n n“边框宽度(kund)”项用于设置框架边框的宽度(kund),实际上是框架与框架之间的距离,与表格中单元格的间距相似,其单位默认为像素n n刚建立框架集网页时,框架集中的边框设为“NO”,宽度(kund)设为0。在浏览框架网页时,看不到框架之间的边框,形成了一个整体,这就是无缝连接的效果。

28、第36页/共51页第三十七页,共51页。没有边框时的无缝连接没有边框时的无缝连接(linji)效果效果第37页/共51页第三十八页,共51页。设置边框设置边框(binkung)为为5时的框架效果时的框架效果第38页/共51页第三十九页,共51页。设置设置设置设置(shzh)(shzh)(shzh)(shzh)框架属性框架属性框架属性框架属性 框架属性包括框架的名称(mngchng)、源文件、边距、滚动、边框等。使用框架属性面板可以查看和设置框架属性。第39页/共51页第四十页,共51页。通过执行以下操作之一选择框架:在“文档”窗口的“设计”视图(sht)中,按住 Alt 键的同时单击一个框架(

29、Windows)或在按住 Shift 和 Option 键的同时单击一个框架(Macintosh)。在“框架”面板(“窗口”“框架”)中单击框架。第40页/共51页第四十一页,共51页。1.命名框架 打开框架面板,可以看到在top left结构的框架集中,框架的默认名称分别(fnbi)为topframe、leftframe、和mainframe,这些名称都可以重新定义的。(1)在框架面板中的topframe框架内单击,以选 中topframe框架。(2)打开属性面板,在框架属性面板的“框架名 称”里输入框架的名称,回车即可。第41页/共51页第四十二页,共51页。表示表示(biosh)当前选择

30、的是当前选择的是一个独立的框架一个独立的框架对框架对框架(kun ji)名名称修改称修改以像素为单位设置以像素为单位设置框架边框框架边框(binkung)与内容之与内容之间的左右间距间的左右间距设置或显示当前框架中的网页文件设置或显示当前框架中的网页文件选中可防止用户选中可防止用户在浏览时调整当在浏览时调整当前框架的大小前框架的大小滚动:滚动:在下拉列表中设置框架是否出现滚动条在下拉列表中设置框架是否出现滚动条设置边框和设置边框和边框颜色边框颜色第42页/共51页第四十三页,共51页。注意注意注意注意(zh y)(zh y):框架名称将被作为超级链接的目标和脚本(jiobn)使用,命名框架必须

31、符合一下要求:框架名应该是一个单词,允许使用下划线(_),但不能使用横杠(-)、名号(.)和空格;框架名应该以字母开头,不要使用JavaScript的保留字(如top或navigator)。第43页/共51页第四十四页,共51页。2.2.更换框架更换框架更换框架更换框架(kun(kun ji)ji)中的网页中的网页中的网页中的网页 利用利用“导入导入”,既可以在当前框架中导入预先设计好的网页文件,既可以在当前框架中导入预先设计好的网页文件,也可以更换当前框架中的网页。其步骤:也可以更换当前框架中的网页。其步骤:(1 1)选中想要导入(或更换)网页的框架。)选中想要导入(或更换)网页的框架。(2

32、 2)使用以下几种方法依次导入网页:)使用以下几种方法依次导入网页:A A、直接、直接(zhji)(zhji)在框架属性面板上的在框架属性面板上的“源文件源文件”文本框中输入文文本框中输入文件名。件名。B B、单击框架属性面板上的黄色按钮,浏览并选择一个文件。、单击框架属性面板上的黄色按钮,浏览并选择一个文件。C C、把光标置于页面中想更换内容的框架内,然后在菜单栏中选择、把光标置于页面中想更换内容的框架内,然后在菜单栏中选择“文件文件”“在框架中打开在框架中打开”命令打开一个文件。命令打开一个文件。第44页/共51页第四十五页,共51页。三种(sn zhn)在框架中打开文件的方法第45页/共

33、51页第四十六页,共51页。3.3.3.3.为框架为框架为框架为框架(kun ji)(kun ji)(kun ji)(kun ji)设置滚动条设置滚动条设置滚动条设置滚动条 使用使用“scroll”“scroll”选项就可以为当前框架设置滚动条。好处:当没有足够的显示空间来显示选项就可以为当前框架设置滚动条。好处:当没有足够的显示空间来显示框架内容时,通过拖动滚动条来显示剩下的内容。框架内容时,通过拖动滚动条来显示剩下的内容。其中的四个选择项:其中的四个选择项:(1 1)yesyes(是):显示滚动条(是):显示滚动条 (2 2)nono(否):不显示滚动条(否):不显示滚动条 (3 3)au

34、toauto(自动):当没有足够的空间来显示当前框架(自动):当没有足够的空间来显示当前框架 的内容时自动显示滚动条的内容时自动显示滚动条 (4 4)defaultdefault(默认(默认(mrn)(mrn)):采用浏览器的默认):采用浏览器的默认(mrn)(mrn)值(大多数浏值(大多数浏 览器默认览器默认(mrn)(mrn)为为autoauto自动)。自动)。第46页/共51页第四十七页,共51页。一般情况下,在一般情况下,在“scroll”的下拉列表中选择的下拉列表中选择“默认默认”或或“自自动动”,这样浏览器会自动跟据窗口的大小,这样浏览器会自动跟据窗口的大小(dxio)来判断是否来

35、判断是否需要出现滚动条。需要出现滚动条。4.为框架设置边框及颜色为框架设置边框及颜色5.设置框架边框与框架内容之间的距离设置框架边框与框架内容之间的距离注意:设置框架属性注意:设置框架属性(shxng)会覆盖框架集中设置的相应属性会覆盖框架集中设置的相应属性(shxng)第47页/共51页第四十八页,共51页。本章本章本章本章(bn zhn(bn zhn)小结小结小结小结1.在页面中创建框架集和框架,并对页面布局进行适当的调整2.输入框架页面内容3.保存框架集文件和框架文件4.确认链接目标的框架设置,使所有链接内容都出现(chxin)在正确的区域内5.通过设置框架和框架集属性,来改变框架网页的

36、外观第48页/共51页第四十九页,共51页。n n导航(dohng)栏目中的链接设置是相当重要的,它决定了链接目标是否正确n n框架网页的保存对初学者来说有一定的难度,请反复练习n n使用框架的两个好处:一、可以用来布置页面;二、可以使页面具有导航(dohng)的功能,无论浏览到哪儿都可以很好地把握。n n注意:由于框架集网页中包含多个框架网页,在浏览时一会需要载入几个页面,所以会降低用户的浏览速度。第49页/共51页第五十页,共51页。练习练习练习练习(linx)(linx):完成左图中的网页完成左图中的网页设计设计(shj)(shj),要,要求点击求点击“网页网页1”1”时时在右边的框架中显在右边的框架中显示网页示网页1 1,点击,点击“网页网页2”2”时显示网页时显示网页2 2,点击,点击“网页网页3”3”时显示网页时显示网页3 3。第50页/共51页第五十一页,共51页。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 管理文献 > 管理工具

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知得利文库网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号-8 |  经营许可证:黑B2-20190332号 |   黑公网安备:91230400333293403D

© 2020-2023 www.deliwenku.com 得利文库. All Rights Reserved 黑龙江转换宝科技有限公司 

黑龙江省互联网违法和不良信息举报
举报电话:0468-3380021 邮箱:hgswwxb@163.com