Dreamweaver插入AP Div |
本文为大家介绍一下在Dreamweaver中如何插入AP Div, 盼望对大家有协助 。 一、AP Div概述 使用了CSS 款式表中的绝对定位属性的 标签就叫做AP Div 。Dreamweaver CS5中的“AP Div”便是Dreamweaver旧版本中的“层” 。AP Div
可以
了解为浮动在网页上的一个页面,
可以
搁置在页面中的任何位置,
可以
随便移动这些位置,并且它们的位置
可以
彼此重叠,也
可以任意操纵AP Div的前后位置、显示与
潜藏,
因此大大
加强了网页设计的灵便性 。
在网页设计中,将网页元素放到AP Div中, 而后在页面中准确定位AP Div的位置, 可以实现网页内容的准确定位,使网页内容在页面上罗列得整齐、 好看、井井有条 。 二、插入AP Div 1. 打开HTML文档,点击“设计”视图, 而后点击“插入”菜单, 取舍“布局对象”命令,在弹出的子菜单中 取舍“AP Div”项 。 或者在“插入”面板中 取舍“布局”项,点击“绘制 AP Div”图标,如下图所示: 点击“窗口”菜单, 取舍“插入”项, 可以 打开“插入”面板 。 2. 点击“绘制 AP Div”按钮后,鼠标 形态变为十字形,在页面中要插入AP Div的地方点击鼠标左键,拖动鼠标划出矩形区域, 而后松开鼠标即可 。如下图所示: 三、插入多个AP Div 假如需求在页面中 顺次插入多个AP Div,则请按住Ctrl键, 而后单击“插入”面板, 取舍“布局”项,点击“绘制 AP Div”按钮,便 可以在页面中一次增加多个AD Div 。如下图所示: 四、 缔造嵌套AP Div 1. 设置“首选参数” 点击“编辑”菜单, 取舍“首选参数”命令, 打开“首选参数”对话框,如下图所示: 在“分类”下拉框中,点击“AP 元素”项 。 在“嵌套”项中,勾选“在 AP div 中 缔造以后嵌套” 。 点击“确定”按钮,关闭“首选参数”对话框 。 2. 设置“AP 元素” 点击“窗口”菜单, 取舍“AP 元素”项, 打开“AP 元素”面板,如下图所示: 取缔“ 预防重叠”项 。 3. 绘制嵌套的AP Div (1)点击“绘制 AP Div”按钮,在文档的“设计”视图中拖动鼠标绘制一个AP Div区域 。 (2)再次点击“绘制 AP Div”按钮,在已经绘制好的AP Div区域内拖动鼠标再绘制一个新的AP Div区域 。这个AP Div就嵌入到前面的AP Div中 。如下图所示: (3)在“代码”视图中 可以查看源代码: |