网站大量收购闲置独家精品文档,联系QQ:2885784924

6框架与APDIV-2.ppt

  1. 1、本文档共26页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
6框架与APDIV-2

* 项目六 框架与APDiv 教学任务要点: 学会框架的创建和属性设置。 能够用框架规划网页 ,掌握框架的基本操作。 掌握AP Div的创建与属性设置 。 能够用AP Div编排网页。 教学重点与难点: 用框架规划网页。 用AP Div编排网页。 * 框架与AP Div是网页制作时用来给网页布局的两个不同的Dreamweaver工具,使用框架规划网页可以统一网页风格,加快网页的下载效率,增加网站内容的可读性。使用AP Div编排网页灵活性强,提供弹性的画面设计功能,在其中可以放入任何的网页元素,且可以任意的移动位置与相互重叠。 * 6.2 任务2 AP Div的使用 AP Div(绝对定位元素)是分配有绝对位置的一种页面元素。在网页制作过程中,AP Div让页面元素向三维空间扩展,层与层之间可相互叠加,可放在网页的任一位置,在层内可放置各种网页元素。AP Div对于初学者来说可能有些陌生,其实它在Dreamweaver CS4中等同于早期版本的层,仍然是用div来做标识符。AP Div又称为AP元素,以下简称AP层。 在Dreamweaver CS4中,AP层可以用来设计网页的布局,可以进行隐藏和显示的控制,也可以在文档设计视图中移动AP层,也可以在利用两个AP层中设置层的背景图像。利用AP层可以让位置更加灵活和机动,同时AP层也可以实现和表格的相互转换。 * 6.2.1 情境1 创建AP Div和创建嵌套AP层 AP Div可以手工绘制,根据需要创建AP层,位置更加灵活。 1.创建AP Div 用此功能可以在网页的任意位置绘制AP Div层,在代码中也是以div开始,/div结束。具体步骤如下: (1)打开【文件】面板,双击文件名,打开文件6-21-2.htm。 (2)打开【插入】面板,选择【布局】模式,并切换至【标准】类别,单击【绘制AP Div】图标按钮,此时鼠标变成十字形,在文档中按住鼠标并拖动,即可以绘制出一个透明的矩形区。 或者在菜单栏中选择【插入】→【布局对象】→【AP Div】命令,即可插入AP层。 * (3)松开鼠标,AP层即创建完成。 ? 提示:在菜单栏中选择【编辑】→【首选参数】命令,打开【首选参数】对话框。切换到“不可见元素”面板,选中“AP元素的锚点”复选框,即能在页面编辑状态显示AP锚点。 * AP层可以像表格一样嵌套,并且根据嵌套关系互为影响。嵌套AP层是指创建在已有AP层之内的AP层,嵌套的子AP层可以与父AP层一起移动、隐藏、可见,即可完全继承父AP的可见性。 2.创建嵌套AP层 (1)打开【文件】面板,双击文件名,打开文件6-21-3.htm。 (2)将光标定位于要插入AP层的位置,单击【插入】面板的【常用】模式中的【插入Div标签】按钮。 (3)弹出【插入Div标签】对话框,在“插入”下拉列表中选择“在开始标签之后”选项,默认选择div id=“mianContent”,如下图所示。 * * (4)单击【确定】按钮,将光标定位于这个新建AP层的左上角。 (5)在菜单栏中选择【插入】→【布局】→【AP Div】命令,插入一个默认大小的AP层,如下图所示。 * * 用同样的方法,在id=AP2的AP层再创建一个AP层 切换到代码视图,可以看到嵌套AP层的源码如下: div id=”AP1” 此处显示 id“AP1“的内容 div id=”AP2” 此处显示 id“AP2“的内容 div id=”AP3” 此处显示 id“AP3“的内容/div /div /div ? * 6.2.2 情境2 AP层的属性 AP层除了可以用【AP元素】面板来进行一些设置,更多的属性仍然要借助于【属性】面板。 选中层(单击层的外边框,即可选中层),可以在层的【属性】面板中设置层的属性,如图所示。 * 【属性】面板中各项参数详细设置如下: 层编号:设置层的名称。在一个页面可以插入多个层,因此要为每一个层命名一个不同的名字,以便进行标识识别,在此命名为“AP2”。 “左”、“上”:用以设置层距离页面左上角的距离,在层中位置的控制均为绝对位置,会随浏览器显示分辨率的不同而位置有所变化,在此设置左“545px”、设置上“59px”。 “宽”、“高”:宽和高指定层的宽度和高度,默认插入层的宽和高为“200px”、“115px”,在此可以先不用设置具体的数值,在插入别的网页元素后根据插入元素的宽和高再来重新定义。 Z轴:用来设置层的Z轴,可以为负值,此设置在一个页面有多个层时,并重叠时,根据Z轴值的大小来决定层的显示顺序,Z轴值最大的最前面显示,将覆盖Z轴值小的层。 可见性:在下拉列表中设置层的可视属性,层的可视属性如下表所示。 * 层的可视属性

文档评论(0)

wnqwwy20 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:7014141164000003

1亿VIP精品文档

相关文档