apdiv、框架与网页布局

《apdiv、框架与网页布局》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、、第4章APDiv、框架与网页布局4.1【案例17】“秦始皇兵马俑—兵器介绍”网页相关知识1．设置APDiv的默认属性单击“编辑”→“首选参数”命令，弹出“首选参数”对话框，再选择该对话框内“分类”列表框中的“AP元素”选项，如图4-1-3所示。其中各个选项的作用如下：（1）“显示”下拉列表框：设置默认状态下APDiv的可视度。可以选择“default”（浏览器默认状态）“inherit”（继承母体可视度）、“visible”（可视）和“hidden”（隐藏）。（2）“宽”和“高”文本框：设置默认状态下插入APDiv的宽度和高度，单位为像素。（3）“背景颜色”按钮与文本

2、框：设置默认状态下插入APDiv的背景颜色，默认值为透明。单击按钮可以调出颜色面板，利用它来选中颜色；也可以在文本框内输入颜色的代码。（4）“背景图像”文本框与“浏览”按钮：用来设置默认状态下插入APDiv的背景图像。单击“浏览”按钮，可以弹出“选择图像源”对话框，从中可以设定APDiv的背景图像。（5）“嵌套”复选框：选中它后，可以在将APDiv拖动到其他APDiv时实现嵌套。（6）“Netscape4兼容性”复选框：选中它后，Dreamweaver会向HTML文件的标记中加入JavaScript函数，用来解决在Netscape4.0浏览器中添加嵌入CSS

3、APDiv时可自动调整APDiv的尺寸，避免异常问题产生。2．APDiv的基本操作（1）创建APDiv可以有以下三种方法：①单击“插入”（布局）栏内的“描绘APDiv”按钮，在页面内拖动出一个矩形，即可创建一个APDiv，如图4-1-4所示。这时鼠标指针变为十字状态。②将“绘制APDiv”按钮拖动到网页页面中，也可在页面光标处插入一个默认属性的APDiv。③将光标移到要插入APDiv的位置。单击“插入记录”→“布局对象”→“APDiv”命令，也可以在网页内光标处创建一个APDiv。图4-1-4创建一个APDiv（2）选中APDiv：在改变APDiv的属性前应先选中APD

4、iv，选中的APDiv会在APDiv矩形的左上角产生一个双矩形状控制柄图标，同时在APDiv矩形的四周产生八个黑色的方形控制柄。选中一个APDiv的效果如图4-1-5所示。选中APDiv的方法有多种，操作方法如下：①单击APDiv的边框线，即可选中该APDiv。②单击APDiv的内部，会在APDiv矩形的左上角产生一个双矩形状控制柄图标，单击该控制柄图标，即可选中与它相应的APDiv。③按住【Shift】键，分别单击要选择的各个APDiv的内部或边框线，即可选中多个APDiv。如果选中的是多个APDiv，则只有一个APDiv的方形控制柄是黑色实心的，其他选中的APDiv

5、的方形控制柄是空心的，如图4-1-6所示。图4-1-5选中一个APDiv图4-1-6选中多个APDiv（3）调整一个APDiv大小：改变一个APDiv大小的方法有三种，首先要选中该对象。①鼠标拖动调整的方法：将鼠标移到APDiv的方形控制柄处，当鼠标指针变为双箭头状时拖动鼠标，即可调整APDiv的大小。②按键调整的方法：按住【Ctrl】键，同时按【→】或【←】键，可使APDiv水平增加或减少一个像素；每按【↓】或【↑】键一次，可使APDiv垂直增加或减少一个像素；按住【Ctrl+Shift】组合键的同时，按光标移动键，可每次增加或减少五个像素。③利用APDiv“属性”栏

6、设置：在其“属性”栏内的“宽”和“高”文本框内分别输入修改的数值（单位是像素），即可调整APDiv的宽度和高度。（4）调整多个APDiv大小的方法也有两种：①命令方法：单击“修改”→“排列顺序”→“设成宽度相同”命令（见图4-1-7），即可使选中的APDiv与最后选中的APDiv（它的方形控制柄是黑色实心的）的宽度相同。②利用APDiv“属性”栏进行设置的方法：选中多个APDiv后，其“属性”栏变为多APDiv“属性”栏。在“宽”和“高”文本框内分别输入修改的数值（单位是像素），即可调整选中的多个APDiv的宽度和高度（单位是像素）。（5）设置多个APDiv的排列顺序和

7、对齐可采用以下方法：①命令的方法：选中多个APDiv，单击“修改”→“排列顺序”命令，可弹出它的下一级菜单，如图4-1-7所示。单击其中的一个命令，即可获得相应的对齐效果。例如，选中多个APDiv，单击“修改”→“排列顺序”→“对齐下缘”命令，即可将各APDiv以最后选中的APDiv（控制柄是实心）的下边线为基准进行对齐，如图4-1-8所示。图4-1-7“排列顺序”的下一级菜单图4-1-8对齐下缘后的多个APDiv②按键调整的方法：按住【Ctrl】键，同时按光标移动键，即可将选中的多个APDiv对齐。按【→】键可右对齐，按【←】键可左对齐