《Dreamweaver CS6 完全自学教程》笔记 第七章:AP Div 元素

您所在的位置:网站首页 dw里div是什么意思 《Dreamweaver CS6 完全自学教程》笔记 第七章:AP Div 元素

《Dreamweaver CS6 完全自学教程》笔记 第七章:AP Div 元素

2024-07-12 22:12| 来源: 网络整理| 查看: 265

文章目录 第七章:AP Div 元素7.1 AP 元素的基本操作7.1.1 创建 AP 元素7.1.2 设置 AP 元素参数7.1.3 AP 元素属性 7.2 AP 元素面板7.3 选择 AP 元素7.3.1 选择一个层7.3.2 选择多个层 7.4 调整 AP 元素的大小7.4.1 调整单个层的大小7.4.2 调整多个层的大小 7.5移动 AP 元素7.6 对齐 AP 元素 第七章总结

第七章:AP Div 元素 7.1 AP 元素的基本操作

AP 元素是一种 HTML 页面元素,也称之为 “层”。在 Dreamweaver 中,可以用层来设计页面的布局。在布局页面时,不仅可以将层前后放置、隐藏或显示,还可以在文档中移动层。利用层可以非常灵活地放置内容,方便对页面进行合理布局。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。

7.1.1 创建 AP 元素

在 “插入” 面板切换到 “布局” 对象,然后单击 “绘制 AP Div ” 按钮,即可绘制一个层,若按住 Ctrl 不放,可以绘制多个层。点击 插入 -> 布局对象 -> AP Div 也可以插入层。

7.1.2 设置 AP 元素参数

在 “首选参数” 中的 “AP 元素” 可确定层的默认设置。

参数介绍:

显示: 层在默认情况下是否可见在 AP div 中创建以后嵌套: 可以直接在层内绘制嵌套层。

层的特性:

可浮动性可隐藏性:结合显示或隐藏层行为命令可完成下拉菜单操作。可重叠性可剪切性可滚动性:可以通过滚动条显示出更多内容。 7.1.3 AP 元素属性

在 “属性” 面板中可以查看和设置层的属性。

参数介绍:

CSS-P 元素: 输入当前层的名称,以便在层面板和 JS 代码中标识该层。每个层都有唯一的名称,命名时只能使用标准的英文字母、数字。左 / 上: 设置层的左上角相对于页面或父层左上角的位置。Z 轴: 确定层的堆叠顺序。值可以为正和负,编号越大,顺序越靠前。溢出: 选择当内容超过层的大小时该如何显示。scroll(滚动)不关内容是否溢出都显示滚动条,auto(自动)只有内容溢出时显示滚动条。剪辑: 用来定义层的可见区域。 7.2 AP 元素面板

点击 窗口 -> AP 元素 或者按 F2 键可打开 “AP 元素” 面板。

参数介绍:

防止重叠: 在创建嵌套层时,不能选中该选项。ID: 层的名称。Z: Z 轴。 7.3 选择 AP 元素 7.3.1 选择一个层 在 “AP 元素” 面板中点击所要选择的层。点击层的选择柄,若选择柄不可见,则在层的任意位置单击。单击边框。 7.3.2 选择多个层

按住 Shift 点击需要选择的层。

7.4 调整 AP 元素的大小 7.4.1 调整单个层的大小 7.4.2 调整多个层的大小 点击 修改 -> 排列顺序,选择 “设成宽度相同” 或 “设成高度相同”。被选中的层以最后一个被选中的层为准进行设置。在 “属性” 面板上设置 “宽” 和 “高“。 7.5移动 AP 元素

可以直接用鼠标移动或调整 “属性” 面板中的 左 / 上。

7.6 对齐 AP 元素

选定网页文档中的层,点击 修改 -> 排列顺序,选择一种对齐方式。

第七章总结

可能对于像我这样的小白来讲,AP 元素这个东西乍一听会以为是什么高端的东西,但在了解后会发现它非常之简单,以至于很多东西我都略过了,因为自己一试就会。学到这里,个人感觉 Dreamweaver 就像 word 或 Excel 一样,让我们可以方便的对特定种类的文档进行编辑,完全没有学习前想象的那么难。

返回


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3