第8章使用框架和AP-Div布局页面习题答案.doc

第8章 使用框架和AP Div布局页面

一、填空题
1、一个包含两个框架的框架集实际上存在（ ）个文件。
正确答案：3
2、按住（ ）键，在欲选择的框架内单击鼠标左键可将其选中。
正确答案：Alt
3、定义框架的HTML标签是“<frame>”，定义框架集的HTML标签是（ ）。
正确答案：frameset
4、如果要选定多个AP Div，只要按住（ ）键不放，在【AP元素】面板中逐个单击AP Div的名称即可。
正确答案：Shift
5、可以按住（ ）键，在【AP元素】面板中将某一个AP Div拖曳到另一个AP Div上面，形成嵌套AP Div。
正确答案：Ctrl
二、选择题
1、下面关于创建框架网页的描述错误的是（ ）。
A、在【欢迎屏幕】中选择【从范例创建】/【框架集】命令
B、在当前网页中单击【插入】面板中的（框架）按钮
C、在主菜单中选择【查看】/【可视化助理】/【框架边框】命令显示当前网页的边框，然后手动设计
D、在主菜单中选择【文件】/【新建】/【基本页】命令
正确答案：D
2、下面关于框架的说法正确的有（ ）。
A、可以对框架集设置边框宽度和边框颜色
B、框架大小设置完毕后不能再调整大小
C、可以设置框架集的边界宽度和边界高度
D、框架集始终没有边框
正确答案：A
3、关于【AP元素】面板的说法错误的有（ ）。
A、双击AP Div的名称，可以对AP Div进行重命名
B、单击AP Div后面的数字可以修改AP Div的z轴顺序
C、勾选【防止重叠】复选框可以禁止AP Div重叠
D、在AP Div的名称前面有一个眼睛图标，单击眼睛图标可锁定AP Div
正确答案：D
4、依次选中AP Div “apDiv1”、“apDiv 4”、“apDiv 3”和“apDiv 2”，然后在菜单栏中选择【修改】／【排列顺序】/【左对齐】命令，请问所有选择的层将以“（ ）”为标准进行对齐。
A、apDiv 1 B、apDiv 2 C、apDiv 3 D、apDiv 4
正确答案：B
5、一个AP Div被隐藏了，如果需要显示其子apDiv，需要将子apDiv的可见性设置为（ ）。
A、default B、inherit C、visible D、hidden
正确答案：C
三、问答题
1、如何选取框架和框架集？
答：选择框架和框架集通常有两种方法：（1）在【框架】面板中进行选择。在菜单栏中选择【窗口】/【框架】命令，打开【框架】面板。【框架】面板以缩略图的形式列出了框架集及内部的框架，每个框架中间的文字就是框架的名称。在【框架】面板中，直接单击需要的框架即可选择该框架，单击框架集的边框即可选择该框架集。被选择的框架和框架集，其周围出现黑色细线框。（2）在编辑窗口中进行选择。按住Alt键不放，在所需的框架内单击鼠标左健即可选择该框架，被选择的框架边框将显示为虚线。单击需要选择的框架集边框即可选择该框架集，被选择的框架集边框也将显示为虚线。
2、AP Div与Div标签有什么异同？
答：AP Div与Div标签是同一个网页元素不同的表现形态，通过CSS样式可使两者间相互转换。如在【CSS规则定义】对话框的【定位】分类中，将【类型】选项设置为“绝对”，即表示层，否则即为Div标签，这是apDiv与Div标签转换的关键因素。

四、操作题
1、根据操作提示创建如图8-56所示的框架网页。
操作提示：
(1) 创建一个“左侧固定，下方嵌套”的框架网页，各部分的框架名称分别为“leftFrame”、“mainframe”和“bottomFrame”。
(2) 保存整个框架集文件为“lianxi.htm”，保存底部框架为“bottom1.htm”，保存右侧框架为“main1.htm”，保存左侧框架为“left1.htm”。
(3) 设置最外层框架集属性。设置左侧框架的宽度为“150像素”，边框为“否”，边框宽度为“0”。设置右侧框架的宽度为“1”，单位为“相对”，边框为“否”，边框宽度为“0”。
(4) 设置第2层框架集属性。设置右侧底部框架的高度为“45像素”，边框为“否”，边框宽度为“0”。设置右侧顶部框架的宽度为“1”，单位为“相对”，边框为“否”，边框宽度为“0”。
(5) 设置左侧框架源文件为“left.htm”，滚动条根据需要自动出现。
(6) 设置右侧框架源文件为“main.htm”，滚动条根据需要自动出现。
(7) 设置底部框架源文件为“bottom.htm”，无滚动条。
(8) 最后保存全部文件。

参考答案见“课后习题\结果\01”文件夹中的“lianxi.htm”。

2、根据操作提示使用Div标签布局图8-57所示网页。
【操作提示】
(1) 重新定义标签“body”的CSS样式，使文本居中对齐。
(2) 设置页眉部分。插入Div标签“TopDiv”，并定义其CSS样式：设置文本大小为“24像素”，粗体显示，行高为“50像素”，背景颜色为“# CCCCCC”，文本对齐方式为“居中”，方框宽度为“750像素”，高度为“50像素”。
(3) 设置主体部分。在Div标签“TopDiv”之后插入Div标签“MainDiv”，并定义其CSS样式：设置背景颜色为“#CCCCCC”，方框宽度为“750像素”，高度为“250像素”，上边界为“10像素”。
(4) 设置主体左侧部分。在Div标签“MainDiv”内插入Div标签“LeftDiv”，并定义其CSS样式：设置文本大小为“12像素”，背景颜色为“#FFFFCC”，文本对齐方式为“居中”，方框宽度为“150像素”，高度为“240像素”，浮动为“左对齐”，上边界和左边界均为“5像素”。
(5) 设置主体右侧部分。在Div标签“LeftDiv”之后插入Div标签“RightDiv”，并定义其CSS样式：设置文本大小为“14像素”，背景颜色为“#FFFFFF”，文本对齐方式为“左对齐”，方框宽度为“575像素”，高度为“230像素”，浮动为“右对齐”，填充均为“5像素”，上边界和右边界均为“5像素”。
(6) 设置页脚部分。在Div标签“MainDiv”之后插入Div标签“FootDiv”，并定义其CSS样式：设置文本大小为“14像素”，行高为“30像素”，背景颜色为“#CCCCCC”，方框宽度为“750像素”，高度为“30像素”，上边界为“10像素”。

参考答案见“课后习题\结果\02”文件夹中的“lianxi.htm”。