【DW基础】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)在“代码”视图中可以查看源代码:

时间: 2024-12-30 13:33:38

【DW基础】Dreamweaver插入AP Div的相关文章

Dreamweaver插入AP Div

  一AP Div概述 使用了CSS样式表中的绝对定位属性的 标签就叫做AP DivDreamweaver CS中的AP Div就是Dreamweaver旧版本中的层AP Div可以理解为浮动在网页上的一个页面可以放置在页面中的任何位置可以随意移动这些位置而且它们的位置可以相互重叠也可以任意控制AP Div的前后位置显示与隐藏因此大大加强了网页设计的灵活性 在网页设计中将网页元素放到AP Div中然后在页面中精确定位AP Div的位置可以实现网页内容的精确定位使网页内容在页面上排列得整齐美观井井

【DW基础】Dreamweaver调整AP Div的大小

  一.调整一个AP Div的大小 1. 在文档的"设计"视图中,选择一个AP元素.请阅读选择AP Div. 2. 执行以下操作之一来调整一个AP Div的大小: 用鼠标拖动的方法调整大小:选择AP Div的任一调整大小手柄,点击它并拖动. 每次调整一个像素:按住Ctrl键,然后按箭头键.箭头键只能移动AP元素的右边框和下边框. 按照网格靠齐增量来调整大小:按住Ctrl+Shift键,然后按箭头键.箭头键只能移动AP元素的右边框和下边框.请阅读Dreamweaver CS5将AP Di

【DW基础】Dreamweaver激活、选择和删除AP Div

  一.激活AP Div 1. 激活AP Div以后,才能在AP Div中插入内容或对象.移动鼠标把光标移到AP Div内任何位置后单击左键,即可激活AP Div. 2. 此时,光标被放在AP Div内,就可以输入内容或对象了.如下图所示: 3. 被激活的AP Div边框会突出显示,并且同时会显示出"选择手柄",在"AP 元素"面板中,此AP Div的ID名称apDiv1也会高亮度显示,表示此AP Div已被激活. 这时在光标所在的位置就可以输入内容或对象了. 二.

【DW基础】Dreamweaver移动或对齐AP Div

  一.在Dreamweaver CS5中移动AP Div 在文档的"设计"视图中,可以移动一个AP Div,也可以同时移动两个或者多个AP Div. 1. 选择一个或者多个AP元素. 2. 执行下面的操作方法: 拖动:使用鼠标将选定的AP Div拖到想放置的位置.如果同时选择了多个AP Div,拖动最后选定的AP Div的选择手柄(以实心显示的方块). 每次移动一个像素:按住箭头键移动. 按照网格靠齐增量来移动:按住Ctrl+Shift键,然后按箭头键. 如果在"AP 元素

用Dreamweaver插入网页背景音乐的方法

dreamweaver|插入|网页|网页背景 本文以mid格式文件和mp3格式文件为例,教你如何在网页中插入背景音乐. 1.MID 是用来插入背景音乐,但只适用于IE,其参数设定不多.如下: <bgsound src="your.mid" autostart=true loop=infinite> src="your.mid" :设定 midi 档案及路径,可以是相对或绝对. autostart=true :是否在音乐档下载完之后就自动播放.true 是

Dreamweaver插入Flash参数

dreamweaver|插入     在Dreamweaver中插入FLASH后还可以有很多的控制参数,点属性面板右下的参数钮,就会有参数和值的加入.大家可以自由的控制,     以下内容摘自 Flash MX 2004 帮助文档     参数和属性     下列标记属性和参数描述了由"发布"命令创建的 HTML 代码.在编写自己的用于显示 Flash 内容的 HTML 时,可以参考此列表.除非特别说明,否则所有条目都同时适用于 object 标记和 embed 标记.可选条目也在此列

Dreamweaver插入背景音乐

  在制作个人网站时,很多人喜欢在网页中插入自己喜欢的背景音乐,今天小编就为大家介绍一下如何使用Dreamweaver插入背景音乐. 其实很简单,打开你需要插入背景音乐的网页,并且将此页面显示在代码窗口. 在中插入如下代码: 其中songs/newalert.wav是存放音乐文件的路径,loop="-1"说明循环播放该音乐,如果你只需要播放一次就可以改成loop="1",以此类推.         注:更多精彩教程请关注三联软件使用栏目

JS把内容动态插入到DIV的实现方法_javascript技巧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-

【DW基础】Dreamweaver使用Div标签

     核心提示: (Division)元素在文档内定义了一个区域, 元素包括文本.表格.表单.图像.插件等各种页面内容,甚至在 元素内还可以包含 元素.   一.Div标签概述 <div>(Division)元素在文档内定义了一个区域,<div>元素包括文本.表格.表单.图像.插件等各种页面内容,甚至在<div>元素内还可以包含<div>元素. 如果要使<div>标签显示特定的效果,或者在某个位置上显示HTML内容,就要为<div>