第9章 创建和使用AP元素_第1页
第9章 创建和使用AP元素_第2页
第9章 创建和使用AP元素_第3页
第9章 创建和使用AP元素_第4页
第9章 创建和使用AP元素_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第9章创建和使用AP元素重点内容：创建AP元素

设置AP元素属性

编辑AP元素AP元素和表格的转换一、AP元素的概念与作用AP元素又称为绝对定位元素，是被分配有绝对位置的HTML页面元素。AP元素可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。AP元素的主要功能是设计页面布局和制作动态效果。在Dreamweaver中，通过AP元素可以对文档内容实现精确定位。由于AP元素具有允许重叠的特性，用户可以控制隐藏或显示其中的任何一个，并通过设置行为使其交替出现产生动态效果。二、创建AP元素1.创建重叠式AP元素（1）单击“布局”工具栏中的“绘制APdiv”按钮，然后在文档窗口中拖动绘制AP元素。（2）若要在文档中的特定位置插入AP元素的代码，可将插入点置于文档窗口中，然后选择“插入记录”|“布局对象”|“APdiv”命令。二、创建AP元素2.创建平铺式AP元素要创建平铺式AP元素，须在绘制AP元素之前在“AP元素”面板中选中“防止重叠”复选框。选中“防止重叠”复选框后，在绘制AP元素时若将指针移到了原有AP元素上，鼠标指针会变为禁用状态。二、创建AP元素3.创建嵌入式AP元素在已存在的AP元素中单击，然后选择“插入记录”|“布局对象”|“APdiv”命令，或者将“布局”工具栏中的“绘制APdiv”按钮直接拖动到已创建的AP元素中。插入嵌入式AP元素后，在“AP元素”面板中可以看到，子AP元素位于父AP元素的下方。三、设置AP元素的属性1.设置单个AP元素属性选择一个AP元素后，属性检查器中即显示该AP元素当前的属性设置，可设置AP元素的各种属性。三、设置AP元素的属性2.同时设置多个AP元素属性在页面中绘制了多个AP元素后，当选择两个或更多AP元素时，AP元素的属性检查器中会显示文本属性及部分AP元素属性，用户可在此设置各AP元素的共同属性。四、编辑AP元素1.选择AP元素选择一个AP元素：（1）在“AP元素”面板中单击AP元素的名称。（2）单击AP元素的标签。（3）单击AP元素的边框。同时选择多个AP元素：（1）按住Shift键的同时单击“AP元素”面板上的多个AP元素名称。（2）按住Shift键的同时单击所需各AP元素的边框。四、编辑AP元素2.移动AP元素将指针移到最后选定的AP元素的边框上，当光标变为形状时拖动。

按箭头键。使用该方法可一次移动一个像素。若在按箭头键的同时按住Shift键，可按当前网格靠齐增量来移动AP元素。四、编辑AP元素3.防止AP元素重叠选中“AP元素”面板上的“防止重叠”复选框，或者选择“修改”|“排列顺序”|“防止AP元素重叠”命令。当启用防止AP元素重叠功能后，用户可以在现有AP元素上移动AP元素、调整AP元素大小，或者将某个AP元素嵌套在现有AP元素中。但是，Dreamweaver不会自动修正页面上现有的重叠AP元素，用户必须手动更改AP元素的位置，分离重叠的AP元素。四、编辑AP元素4.改变AP元素的堆叠次序选择一个AP元素，将该AP元素向上或向下拖动至所需的堆叠位置。在移动AP元素时，会出现一条指示线来表示该AP元素将出现的位置。当指示线出现在AP元素堆叠顺序中的所需位置时，松开鼠标左键。

在Z列中单击要更改的AP元素的编号，使其进入编辑状态，输入一个新的编号。输入比现有编号大的数值可使该AP元素的堆叠顺序上移；输入较小的编号则可使该AP元素的堆叠顺序下移。四、编辑AP元素5.显示/隐藏AP元素

AP元素的显示与隐藏是通过“AP元素”面板中的眼睛图标来设置的，单击一个AP元素名称前面的眼睛图标可以更改其可见性。当AP元素前面的眼睛图标为睁开状态时，表示处于显示状态；反之，当一个AP元素前面的眼睛图标为闭合状态时，表示处于隐藏状态。如果AP元素名称前没有任何图标，则其通常会继承其父级AP元素的可见性。四、编辑AP元素6.创建预先载入AP元素在文档窗口中绘制一个能够覆盖文档中所有内容的AP元素，为其命名，并将其设置为位于堆叠顺序的最前面、背景颜色与页面背景相同。再在AP元素中输入如“请稍候，正在载入页”或“正在载入……”等的提示信息。然后单击文档窗口左下角标记选择器中的<body>标记选择页面全部内容，再在“行为”面板中单击“添加行为”按钮，从弹出的菜单中选择“显示-隐藏元素”命令，打开“显示-隐藏元素”对话框，从“元素”列表框中选择该AP元素，单击“隐藏”按钮。完成设置后，用户可在“行为”面板中查看，以确保“显示-隐藏元

素”行为的事件为onLoad。四、编辑AP元素7.调整AP元素的大小拖动AP元素选择框上的任一尺寸控制柄。按下Ctrl+箭头键，每次可调整一个像素的大小。使用该方法只能移动AP元素的右边框和下边框，而不能使用上边框和左边框来调整大小。按下Shift+Ctrl+箭头键，可按网格靠齐增量来调整所选AP元素的大小。在AP元素的属性检查器中输入宽度和高度值。调整AP元素的大小并不定义该AP元素的多少内容是可见的。四、编辑AP元素8.对齐AP元素

AP元素的对齐方式包括左对齐、右对齐、上对齐和对齐下缘4种，选择“修改”|“排列顺序”子菜单中的相关命令即可。五、AP元素和表格的转换1.将AP元素转换成表格先将各AP元素放置到所需的位置，并选中所有要转换成表格的AP元素，然后选择“修改”|“转换”|“将APDiv转换为表格

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论