1 / 15
文档名称:

网页设计之框架.ppt

格式:ppt   大小:658KB   页数:15页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计之框架.ppt

上传人:分享精品 2018/5/17 文件大小:658 KB

下载得到文件列表

网页设计之框架.ppt

相关文档

文档介绍

文档介绍:课前复****提问:
,首先选中表格,然后执行___________|【排序表格】命令,弹出【排序表格】对话框.
A.【命令】 B.【查看】
C.【修改】 D.【编辑】
,按__________键可以选择不连续单元格.


5/17/2018
1
框架的应用
5/17/2018
2
辽宁对外经贸职业学院
一、三种网页布局方式的区别
1、表格(Table):
用表格布局是最常用的方案(一个网页)
2、框架(Frame) :
每一个框架区域都能独立操作(多个网页)
3、层(Layer) :
可以随意定位,还可以与表格相互转换(一个网页)
5/17/2018
3
二、利用框架进行网页布局
框架(Frames )的作用:
就是把浏览器窗口划分为若于个区域,每个区域可以分别显示不同的网页,使不同的页面在同一个浏览窗口中可以自由的互相切换。
框架集(Frameset):
在Dreamweaver中,几个框架组合在一起称为框架集。它定义了各框架的结构、数量、尺寸及装入框架中的页面文件名和路径等有关框架的属性。
5/17/2018
4
1、创建框架与框架集
将一个页面分割成上下或左右结构的框架,把单页面拓展成多页面,满足浏览者在一个页面内迅速浏览更多内容的需求。
操作方法:
(1)[查看][可视化助理][框架边框],才能显示框架边线
(2) [插入][HTML][框架] ,然后选择框架的类型
(3) [插入]面板组中的[布局][框架],选择框架的类型。
(4)在编辑窗口中,选中已插入的框架,然后按住Alt键的同时,用鼠标纵向拖曳或横向拖曳框架,可加入上下结构或左右结构的框架。
5/17/2018
5
5/17/2018
6
2、框架的调整、拆分和删除
拆分框架:(子框架)
(1)单击要拆分的框架内部,使光标定位在该框架中。
(2) [修改][框架集] ,然后选择[拆分左框架]、[拆分右框架]、[拆分上框架]、[拆分下框架]
(3)或按住Alt键不放,再用鼠标拖曳边框线,也可以拆分框架。
调整框架:
(1)将鼠标指针放在两个框架的边框上,鼠标指针变成双箭头。
(2)用鼠标拖曳边框到合适的位置,然后释放鼠标,可以调整框架的大小。
(3)如需要精确地定义框架尺寸时,可在框架集的[属性]面板中设置参数。
删除框架:
将鼠标指向要删除的框架边框,当光标变成双向箭头时,拖动鼠标到上一级框架的上下或左右边框线处,松开鼠标即可删除框架。当框架面板中的信息显示为[没有名称]时,表明当前无框架。
5/17/2018
7
3、框架和框架集的选择
(1) 浮动面板中的[框架]选项卡:
单击框架边框线,可选择框架集。
单击某个框架区域可选择该框架。
(2)在网页编辑窗口中,按住Alt键,然后单击要选中的框架的任意位置,便可选中该框架。
(3)如果选中一个框架,按住A1t键,按键盘上的左、右箭头键,可选中同一级别的框架。
按住A1t键,然后按键盘上的向上箭头键,可以选中当前框架的上一级框架,连续重复操作,可以选中整个框架集。
某个框架被选中时,框架的边框上会显示虚线。
5/17/2018
8
4、框架和框架集的属性设置
5/17/2018
9
5/17/2018
10