电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

DreamweaverCS5自学教程第八课:APDIV元素

DreamweaverCS5自学教程第八课:APDIV元素_第1页
1/13
DreamweaverCS5自学教程第八课:APDIV元素_第2页
2/13
DreamweaverCS5自学教程第八课:APDIV元素_第3页
3/13
第八课:AP DIV元素 8-1 创建AP DIV元素 一、创建AP DIV 元素 什么是 Ap Div ? AP 元素(绝对定位元素), 是一种 HTML 网页元素,一般称为 “层”。即网页内容的容器,包含文本,图像或其他任何可以在 HTML 文档正文中放入的内容。且可以精确定位在网页中的任何地方。 特点: 1、作为容器,可以放置其他网页元素。 2、灵活定位。 在 CS5 中,系统使用 DIV 标记和 CSS 技术来实现 AP 层对象的效果,所以也称绝对定位的 DIV标记。 1、插入 AP DIV 拖动创建AP DIV层 2、AP DIV层的属性设置 选中 AP DIV层 AP DIV层的属性在下方的属性面板设置(自身宽高,距离边框的距离等) 3、光标定位在AP DIV层内,即可输入文字文本; 也可加入图像 注:几乎所有的网页元素都可以加入AP DIV层内 4、AP DIV层在网页内的定位可以直接拖动,也可以输入“左或上”来精确定位 5、AP DIV层的代码 6、AP DIV层与 DIV标签的区别 点击 DIV标签,下方不显示属性面板 8-2 编辑 AP DIV元素 二、编辑 AP DIV 元素 1、调整层的大小 2、层的层次关系 3、层的首选设置 4、层的对齐 实例:课程预览 1、新建HTML,插入AP DIV层,修改层的属性 修改加入的图片大小 想让后添加的AP DIV层与设置好的AP DIV层大小相同,只需要按住Shift键先选中需要调整的AP DIV层,在点击设置好的AP DIV层,然后点击“修改—排列顺序—设置相同宽度(高度)” Z轴的值决定 AP DIV层的上下排序关系 2、直接拉动上方的AP DIV层图标可以创建一个大小一致的层 创建的层的默认大小值可以在“首选参数—AP元素”中修改 AP DIV层的对齐:先选需要移动的层,再选对齐参考目标层 8-3 层的可见性设置 1. AP面板的使用(选择、命名、隐藏、次序) 2. 层的可见性 3. 简单的层特效 1、层的属性设置:属性面板中可以设置每个层的显示状态 也可以在“AP元素”中设置每个层的可见性,名称和显示顺序。 2、添加层可见性的控制:点击“窗口—行为”,使行为窗口可见 选中控制层显示的目标,在行为面板中选择“显示-隐藏元素” 选中需要控制的对象,点击“显示-确定” 选择显示的动作“onclick点击” 选中控制层隐藏的目标,同样的方式添加隐藏行为,选择隐藏的动作“onclick点击” 如果想让鼠标在点击显示或隐藏行为的时候出现“小手”效果,可添加一个空链接 8-4 层的溢出与裁切 在层内添加文字内容时,文字...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

DreamweaverCS5自学教程第八课:APDIV元素

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部