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

   一、在Dreamweaver CS5中移动AP Div

  在文档的“设计”视图中,可以移动一个AP Div,也可以同时移动两个或者多个AP Div。

  1. 选择一个或者多个AP元素。

  2. 执行下面的操作方法:

  拖动:使用鼠标将选定的AP Div拖到想放置的位置。如果同时选择了多个AP Div,拖动最后选定的AP Div的选择手柄(以实心显示的方块)。

  每次移动一个像素:按住箭头键移动。

  按照网格靠齐增量来移动:按住Ctrl+Shift键,然后按箭头键。

  如果在“AP 元素”面板中,选择了“防止重叠”选项,那么在移动AP元素时将不能使该AP元素与另一个AP元素重叠。

  二、在Dreamweaver CS5中对齐AP Div

  1. 在文档的“设计”视图中,选择要对齐的两个或者多个AP元素。

  2. 点击“修改”菜单,选择“排列顺序”命令,在弹出的子菜单中选择对齐选项(左对齐、右对齐、上对齐或对齐下缘)。

  例如,如果选择“对齐下缘”,所有选定的的AP元素都会移动,使它们的下边框与最后一个被选定的AP元素(黑色高亮显示)的下边框处于同一水平位置。如下图所示:


  提示:在对齐AP Div时,没有选择的子AP Div会随着它们的父AP Div被选定和移动而移动,要防止出现这种情况,请不要使用嵌套AP Div。

时间: 2024-12-31 14:14:49

【DW基础】Dreamweaver移动或对齐AP Div的相关文章

【DW基础】Dreamweaver插入AP Div

  一.AP Div概述 使用了CSS样式表中的绝对定位属性的 标签就叫做AP Div.Dreamweaver CS5中的"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已被激活. 这时在光标所在的位置就可以输入内容或对象了. 二.

Dreamweaver插入AP Div

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

【DW基础】Dreamweaver使用Div标签

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

【DW基础】Dreamweaver设置框架集的网页标题

  点击"窗口"菜单,选择"框架"项,打开"框架"控制面板. 一.使用"代码"视图 在"框架"控制面板中选择一个框架,单击"代码"视图,在源代码页面头部的 之间设置框架集的标题. 请阅读选择框架和框架集. 二.使用菜单 在"框架"控制面板上选择一个框架,点击"修改"菜单,选择"页面属性"项,打开"页面属性"对

【DW基础】Dreamweaver框架保存方法

  保存框架时,我们需要将整个框架都保存,在"文件"菜单中选择"保存全部". 首先会保存整个页面框架,你可以将它保存为test.html. 接着保存左侧的框架,命名为testleft.html. 最后保存头部,命名为testtop.html. 保存完成后,我们可以在站点文件夹中看到三个网页文件,如下图所示.

【DW基础】Dreamweaver中框架设置

  用鼠标选中框架的边框,这时软件下方就会出现框架集属性窗口,我们可以对框架的边框颜色,宽度,以及框架的大小进行设置. 设置完成后,就可以得到以下的网页效果.

【DW基础】Dreamweaver中如何添加内容

  在使用框架进行布局后,我们就可以开始设计网页了,下面一起来看看如何简单的制作一张页面. 在布局框架中我们还是可以插入表格进行定位的,本例中我们在top头部插入一张banner图片; 在左边栏中设计成导航栏,我们可以在其中插入表格对导航位置进行定位,如下图所示. 在右侧主体部分,我们也是通过插入表格来进行定位.当然我们还可以对表格进行美化设置.