- 1、本文档共27页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第9章--利用AP-Div技术制作网页
通过本章学习,应该掌握以下内容: 认识AP Div AP Div的基本操作 AP Div的管理 AP Div与表格的相互转换 第9章 利用AP Div技术制作网页 9.1 认识AP Div AP Div又称层,是Dreamweaver CS5中最有价值的对象之一,它是由层叠式表发展过来的,它提供了一种对网页对象进行有效控制的手段,层可以包含文本、图像、表单、插件,甚至层内还可以包含其它层。即在HTML文档的正文部分可以放置的元素都可以放入层内。由于层可以放置在网页的任何位置,从而能有效地控制网页中的对象。 层是在制作网页中经常用到的对象,元素的定位就是一个简单的应用。用表格来对网页进行排版非常方便,但有时需要在文字上放一些图片之类的元素,表格就不能胜任了,这时就可以利用层来排版。 层可以重叠地放置,制作出层叠的效果。也可以控制层的显示或隐藏,实现交互技术。配合时间显的使用,还可以同时移动一个或多个层,轻松制作出动态效果。 9.2 AP Div的基本操作 9.2.1 创建AP Div 1.插入AP Div Dreamweaver CS5创建AP Div,可执行以下操作之一: (1)将光标放置在文档窗口中需要插入层的位置,然后选择“插入” →“布局对象”→“AP Div”命令。 (2)打开插入“布局”面板,单击“绘制AP Div”图标,然后释放鼠标,鼠标会变成十字形状,用鼠标在页面中绘制一个矩形来创建层。 (3)如果需要画多个层,在单击“绘制AP Div”图标的同时,按住Ctrl键,在文档窗口中画一个层,只要不释放Ctrl键,就可以连续化多个层。 创建完AP Div之后,在页面中会出现一个层的标志,并且有一个矩形的层出现。 单击层标志,其属性面板显示如图所示,在属性面板上可以设定层的属性。 2.创建嵌套AP Div AP Div嵌套指的是在一个AP Div的内部创建另一个AP Div,可以用嵌套的方法将多个AP Div组合在一起。使用嵌套层的目的通常是为了将多个AP Div组成群组,这样一来,只要移动父层,其中的子层也会一起移动,而且子层还会继承父层的显示隐藏状态,其可见性与父层保持一致。这在制作动态网页是十分有用。 创建嵌套层通常有两种方法: (1)直接创建嵌套层 先创建一个层为父层,后在父层内创建的层成为子层,在AP Div面板中也可以看出层2是层1的子层。 (2)将已有的多个层变为嵌套层 打开AP Div面板,在层列表中将需要作为子层的层选中,按住Ctrl键将该层拖动到父层上,释放鼠标即可。 9.2.2 选择AP Div 1.选择一个AP Div 选择AP Div的目的是便于层的对齐、重定位和缩放,还可以为AP Div添加背景图像和背景颜色。在Dreamweaver CS5中要选择一个层,可使用如下方法之一: (1)单击AP Div的任意边框线。 (2)选择“窗口”→“AP 元素”命令,打开“AP 元素”面板,单击该面板中需要选择的AP Div的名称。 2.选择多个AP Div 如果要同时选择多个AP Div,可以按住Shift键,再执行上述操作之一。 注意:当选择了多个AP Div后,最后选择的AP Div标记高亮显示,同时调控点显示为黑色,其他AP Div的调控点显示为白色。 9.2.3 激活AP Div 如果需要在AP Div中插入对象,必须激活AP Div。把鼠标指针移动到层内任何地方单击,即可激活该层。此时,插入点位于AP Div内,被激活AP Div的边界突出显示,选中手柄也同时显示出来。 注意:激活AP Div的操作不同于选择AP Div。 9.2.4 移动AP Div 在文档中要移动一个AP Div,可以执行以下操作之一: (1)先选择AP Div,然后在该AP Div的选择手柄上按住鼠标左键并拖动鼠标,则可移动。 (2)将鼠标指针移动到需要移动层的边框位置,当鼠标指针形状为四个箭头时,按住鼠标左键并拖动鼠标,则可移动层。 (3)在属性面板中直接设置“左”、“上”的数值,也可以移动层。 (4)利用键盘,每按一次方向键,则移动一个像素单位;若按Shift键的同时按一次方向键,则移动一个网格单位。 9.2.5 复制AP Div 在Dreamweaver CS5中要复制一个AP Div,可执行以下: (1)按住Ctrl键,将鼠标指针移到需要复制AP Div的标志上,按住鼠标左键并拖动,移动一定距离后
文档评论(0)