Dreamweaver CS5第9章

第9章 使用AP Div元素布局页面

本章内容

9.1 AP Div基本操作 9.2 AP Div参数设置和嵌套AP Div 9.3 AP Div与表格的转换 9.4 综合实战1——利用AP Div制作下拉菜单 9.5 综合实战2 ——使用AP Div制作滚动条效果

9.1 AP Div基本操作

9.1.1 创建AP Div 9.1.2 设置AP Div 9.1.3 AP Div的基本操作

9.1.1 创建AP Div

插入AP Div 拖动AP Div 绘制AP Div

9.1.2 设置AP Div

改变AP Div的可见性 改变AP Div的堆叠顺序 防止AP Div重叠

9.1.3 AP Div的基本操作

选择AP Div 调整AP Div的大小 移动AP Div 对齐AP Div AP Div靠齐到网格

9.2 AP Div参数设置和嵌套AP Div

9.2.1 设置AP Div参数 9.2.2 嵌套AP Div

9.2.1 设置AP Div参数

选择【编辑】 【首选参数】菜单命令，打 开【首选参数】对话框，在【分类】列表框 中选择【AP元素】选项，即可进行AP Div 参数的设置。

9.2.2 嵌套AP Div

所谓嵌套AP Div，是指一个AP Div创建在 另一个AP Div中。使用AP Div嵌套的优点 是能确保该AP Div永远定位于其父级AP Div的上方。

9.3 AP Div与表格的转换

9.3.1 把AP Div转换为表格 9.3.2 把表格转换为AP Div

9.3.1 把AP Div转换为表格

先用AP Div来设计一个页面，然后使用 Dreamweaver CS5提供的【将AP Div转换 为表格】功能就可以轻易地把AP Div转换为 表格。

9.3.2 把表格转换为AP Div

当对页面布局不太满意时，就需要对其进行 调整。如果是表格布局，调整起来则比较麻 烦，此时可以先把表格布局转换为AP Div布 局，通过移动AP Div来调整布局，这样做既 方便又快捷。

9.4 综合实战1——利用AP Div制作 下拉菜单

9.5 综合实战2——使用AP Div制作 滚动条效果