网页设计与制作技术第四章ppt课件_第1页
网页设计与制作技术第四章ppt课件_第2页
网页设计与制作技术第四章ppt课件_第3页
网页设计与制作技术第四章ppt课件_第4页
网页设计与制作技术第四章ppt课件_第5页
已阅读5页，还剩13页未读， 继续免费阅读

下载本文档

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

文档简介

.,第四章层与行为的运用,层与行为的运用,层的基本操作层和行为的综合运用应用层布局网页Spry构件的运用,层,APDiv又称“层”是动态HTML的范畴，是CSS中的定位技术。是指具有相对位置或绝对位置的DIV标签。相对于表格来说层更具灵活性，可以弥补表格布局中烦琐的定位操作。,回菜单,在Dreamweaver中创建层,单击【布局】插入栏中的“绘制层”按钮当鼠标变成十字状后可以自由绘制层,回菜单,在层中添加内容,创建好的层就相当于是一个空白网页，在层中可放入所文字、图片、表格和层、媒体对象等HTML元素。,回菜单,设置层属性,在CSS-P元素【属性】面板可以指定层的名称、大小和位置,同时设置层的其它参数,回菜单,层重叠属性制作阴影字,当网页上有多个层，且相互重叠时【属性】面板中的“Z轴”值决定了层的堆叠顺序在两个层中输入不同颜色的文字，将两个层重叠后稍做错位移动便可产生阴影文字效果,回菜单,使用行为,行为是网页上常用的一些小技巧，它能较好地响应鼠标或键盘的操作，实现页面的特殊效果。使用行为可以给网页添加动态效果，增强页面的感染力。,回菜单,“显示隐藏层”行为的应用,使用“显示隐藏层”行为可以制作很多特效。这个行为动作用于浏览者与网页进行交互时显示不同的信息。例如，当用户将鼠标指针滑过文字、图片等网页元素时，可以显示另一个层中的图像、文字内容。,回菜单,下拉菜单的制作,回菜单,浮动广告的制作,时间轴动画是建立在层的基础上的，通过改变层的位置来创建动画要移动图像或文本等对象，首先必须将这些对象放置在层中。,回菜单,应用层布局网页,如同表格一样，层是页面的布局定位工具，放置在层内的HTML对象可以随层被拖拽至页面所需的任意位置，用户在设计的时候就不必画表格了,回菜单,Spry框架布局,DreamweaverCS3中单击相关按钮就可以轻松地创建构件（如折叠构件和菜单栏），以及向各种页面元素中添加不同种类的效果,回菜单,Spry选项卡式面板,选项卡式面板是用来将网页内容存储到紧凑的空间，浏览者单击要访问的选项卡时，相应的内容面板就会打开,回菜单,自定义CSS样式的选项卡式面板,在CSS面板中重新自定义设置Spry选项卡面板的颜色与外观,回菜单,Spry折叠构件,Spry折叠构件是可折叠的面板,将大量的内容存储在一个紧凑的空间中,当单击不同的选项卡时,折叠构件的面板会展开或收缩,每次只能有一个内容面板处于打开且可见状态。,回菜单,Spry折叠构件的运用,左侧导航栏目是利用Spry折叠构件安排了友情链接、个人信息、推荐博文等栏。,回菜单,课后练习,使用Spry构件创建如图
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论