模块三 网页布局.pptVIP

6）创建框架中的链接 （1）给框架定义一个名称 当建立框架时，系统会给每个框架一个默认名称。对于用户来说，不一定明白默认名称与框架的对应关系，因此，用户可以给每个框架自定义名称，以便明确框架名称代表浏览器窗口的具体位置。 在创建框架时，会打开“框架标签辅助功能属性”对话框，可以从中设置。 选择框架后，在属性面板的“框架名称”文本框中输入框 。 3.2 框架（集）布局 （2）创建框架中的链接 ①在“设计”视图中，选择要进行链接的对象，如文本或图像。 ②在属性面板的“链接”文本框中指定要链接的目标文件。 ③在属性面板的“目标”列表框中，选择相应的项，如图所示，指定链接文档打开的窗口或框架窗口。 “目标”列表框下方显示的是每个框架的名称，若没有对框架重命名，则显示默认名称。具体的框架名称选项用于指定打开链接网页的具体框架窗口（在包含框架的网页中才会出现这些选项）。 “目标”列表框 3.2 框架（集）布局 7）创建浮动框架网页 使用浮动框架，可以在不改变原来网页结构的基础上再添加其它网页的内容，实现页中页结构，具体操作步骤如下。 （1）在已打开的文档中，将光标定位到要插入其它网页的位置。 （2）选择菜单“插入→标签”命令，打开“标签选择器”对话框，在左边栏选择“HTML标签”中的“网页元素”，在右边栏选择iframe，单击“插入”按钮。 （3）打开“标签编辑器”对话框，进行相应的设置。 “标签选择器”对话框 “标签编辑器”对话框 3.2 框架（集）布局 “源”：用于设置要打开的网页文件。 “名称”：设置浮动框架的名称。 “宽度”和“高度”：指定浮动框架的大小。 “滚动”：设置是否显示滚动条。 “显示边框”：设置iframe元素是否显示边框，系统默认显示边框。 （4）单击“确定”按钮，关闭“标签选择器”对话框，即可在当前网页中插入一个灰色的浮动框架。在浏览器中预览可以看到其中的内容。 3.2 框架（集）布局 1）AP Div的基本操作 （1）创建AP Div 创建AP Div，有以下3种方法： 单击插入栏“布局”类别中的“绘制AP Div”按钮；将鼠标指针移到文档窗口中，可以在“设计”视图中通过拖动鼠标在任意位置绘制AP Div。 将插入栏“布局”类别中的“绘制AP Div”按钮，直接拖动到网页页面中，可以在页面光标处创建一个默认属性的AP Div。 将光标移到要插入AP Div的位置，选择“插入→布局对象→AP Div”命令，可以在页面光标处创建一个默认属性的AP Div。 （2）设置AP Div的默认属性 选择“编辑→首选参数”命令，打开“首选参数”对话框，在“分类”列表中选择“AP元素”，在右边设置AP Div的默认属性值。 “首选参数”对话框 3.3 AP Div 3）选择AP Div的方法 单击AP Div的边框线。 在“AP元素”面板中单击AP Div的名称。 单击AP Div的内部，会在AP Div矩形的左上角产生一个控制柄图标，单击控制柄即可选中与它对应的AP Div。 按下Shift键，分别单击要选择的各个AP Div的内部或边框线，可以选中多个AP Div。 4）调整AP Div的大小 拖动AP Div的控制柄。 在AP Div的“属性”面板中，输入“宽度”和“高度”值。 按住Ctrl键，同时使用方向键，将以1px为单位精确调整大小。 按住Shift+Ctrl键，同时使用方向键，将以10px为单位调整大小。 3.3 AP Div 6）对齐AP Div 选中多个AP Div，选择“修改→排列顺序”命令，选择其子菜单中的命令，即可获得相应的对齐效果。 5）调整AP Div的位置 选中AP Div后使用鼠标拖动。 选中AP Div后使用方向键一次可移动1个像素。 选中AP Div后按住Shift键同时使用方向键一次可移动10个像素。 在AP Div的“属性”面板中，输入“左”和“上”的值可精确定位AP Div的位置。 “排列顺序”子菜单 对齐下缘后的AP Div 3.3 AP Div 2)设置AP Div的属性 选中AP Div后，显示AP Div的属性面板。 “CSS-P元素”：用于输入AP Div的名称。 “左”和“上”：用于设置AP Div左上角相对于页面左上角的水平距离和垂直距离，单位是像素。对于嵌套中的子AP Div，则相对于父AP Div。 “宽”和“高”：用于设置AP Div的大小，单位默认为像素。 “Z轴”：用于确定AP Div在Z轴上的位置，即层叠顺序。 3.3 AP Div “剪辑”：用于确定AP Div的可见区域。 “背景图像”：用于确定AP Div的背景图像。 “背景颜色”：用于确定AP Div的背景颜色。 “