大学计算机ii课件 第8次

2020/10/10
a
19
3．层及其基本操作
• 层的作用
– （1）由于层可以重叠，所以可将网页元素置于不同的层当中，以产生许 多重叠效果。
– （2）由于层可以游离于网页文档之上，因此可以利用层来精确定位网页 元素。
– （3）层可以显示和隐藏，可以制作多种网页特效。
2020/10/10
a
20
3．层及其基本操作
• 创建层
– 直接插入层 – 绘制层 – 创建嵌入层
2020/10/10
a
21
3．层及其基本操作
• 层的基本操作
– 选择层 – 设置层的属性 – 调整层的大小 – 移动层 – 对齐层 – 更改层的顺序 – 设置层的可见性 – 删除层
2020/10/10

a
22
4．使用层制作下拉菜单
• 最终效果
2020/10/10
– （2）每个框架都具有自己的滚动条，各自可以独立滚动，并且在框 架网页重新加载时也互不影响（也就是说，没有重新加载的网页可 以保留滚动条的当前滚动位置）。
2020/10/10
a
8
1．框架及其基本操作
• 框架的缺点
– （1）有时难以实现不同框架中各元素之间比较精确的图形对齐。 – （2）由于框架中网页的URL不显示在浏览器中，因此浏览者难以将特定
2020/10/10
a
12
1．框架及其基本操作
• 编辑框架
– 设置框架和框架集属性 – 改变框架大小 – 拆分框架 – 删除框架
2020/10/10
a
13
1．框架及其基本操作
• 问题：下图中至少包含几个框架？
2020/10/10
a
14
2．使用框架制作图片浏览器
• 最终效果
2020/10/10
a
– 层同时也是一个容器，可以容纳文本、图像或其它任意可在HTML文档正 文中出现的内容。
– 甚至层内还可以放入另外一个层，即层可以嵌套。
2020/10/10
a
18
3．层及其基本操作
• 层的概念
– 1) 层是一个矩形窗口 – 2) 层根据需要可以显示，也可以隐藏 – 3) 层可以浮动在网页的上方 – 4) 层的位置在网页中比较自由
– 框架集文件本身不包含要在浏览器中显示的内容，只是告诉浏览器如何 显示一组框架以及在这些框架中显示哪些网页文档。
– 框架集可以嵌套，即一个框架集可以作为一个框架嵌入在另外一个框架 集中。
2020/10/10
a
6
1．框架及其基本操作
• 网页文档、框架和框架集的关系
– 一个框架中显示一个独立的网页文档； – 一个框架集可以可以包含多个框架，这些框架可以构成多行多列的框架
2020/10/10
a
25
5．讨论、总结和作业
• 本次课总结
– 1) 表格的优缺点和适用场合 – 2) 框架的优缺点和适用场合 – 3) 层的优缺点和适用场合
2020/10/10
a
26
5．讨论、总结和作业
• 作业
– 1．从网络中下载并使用Dreamweaver CS6打开一个框架网页（如：两全 其美论坛页面，网址为“”），分析网页中的框架 结构及页面布局情况。
– 2．补充并完成7.6.4节示例中其它下拉菜单的制作。
2020/10/10
a
27

a
28
• 什么是框架？
– 框架是网页文档窗口带有边框的矩形区域，每一个框架都有一个名称。 – 框架是一个网页文档容器，用于显示一个独立网页文件。
2020/10/10
a
5
1．框架及其基本操作
• 什么是框架集？
– 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、 框架的大小和位置以及在每个框架中初始显示的页面URL。
《大学计算机Ⅱ》
第8讲 使用框架和层布局网页
参考资源： http://218.192.12.5/dxjsj2/
2020/10/10
a
1
本讲内容
• 1．框架及其基本操作； • 2．使用框架制作图片浏览器； • 3．层及其基本操作 • 4．使用层制作下拉菜单； • 5．讨论、总结和作业。
2020/10/10
a
23
4．使用层制作下拉菜单
• 案例总结
– 1) 创建层的方法 – 2) 层的定位方式 – 3) 层作为容器的应用 – 4) 层的显示和隐藏 – 5) 初识动作
2020/10/10
a
24
5．讨论、总结和作业
• 讨论问题
– 网页制作时，我们选择什么样的网页布局方法？
• 基本要求：
– 1) 列出每种方法的优点； – 2) 列出每种方法的缺点； – 3) 列出每种方法各自适用的场合和不适用的场合。
a
2
1．框架及其基本操作
• 框架网页的外观
2020/10/10
a
3
1．框架及其基本操作
• 框架网页的外观
– 1) 页面被分成了多个子页面； – 2) 每个子页面有独立的滚动条； – 3) 点击其中一个子页面中的超链接，可在另外一个子页面中打开目标端
点网页。
2020/10/10
a
4
1．框架及其基本操作
页面添加到收藏夹。
2020/10/10
a
9
1．框架及其基本操作
• 新建框架网页
2020/10/10
a
10
1．框架及其基本操作
• 选择框架和框架集
“框架”面板中被选中的框架
“框架”面板中被选选中的框架集
2020/10/10
a
11
1．框架及其基本操作
• 保存框架集和框架网页
– 保存框架 – 框架另存为 – 保存框架集 – 框架集另存为 – 全部保存
15
2．使用框架制作图片浏览器
• 案例总结
– 1) 使用框架和表格布局网页 – 2) 框架网页中超链接的特点和响应方式 – 3) 框架网页和框架之间的关系
2020/10/10
a
16
3．层及其基本操作
• 网页中的层
2020/10/10
a
17
3．层及其基本操作
• 层的特点
– 层是一种HTML页面元素，从外观上看，层像一个浮在网页上方的矩形小 窗口，层可以定位在页面上任意位置。
区域； – 对于复杂的框架结构，只能采用嵌套方式实现； – 网页文档中不管有多少框架集嵌套，只有一个框架集文件。
2020/10/10
a
7
1．框架及其基本操作
• 框架的优点
– （1）使用框架，浏览者单击框架网页中某个超链接时，浏览器通常 不需要重新加载（即重新从Web服务器下载）框架中的每个网页， 只需重新加载某个框架中的网页，因此可以减少一些不必要的网络 传输流量，提高网页的浏览速度。