图层在网页设计中的应用.pdfVIP

维普资讯 2008年6月 电 脑 学 习 第3期 图层在网页设计中的应用 华江林’ 摘 要 ：介绍Dreamweaver8．0中圈层的定位作用．重点叙述圈层结合时间轴、行为在制作网页动态效果的应用。 关键词 ： 图层 定位 时间轴 行为 中图分类 号： ．I3l7 文献标识码： B 文章编号 ：1002-2422(2008)03-0032—02 ApplicationofLayerinW ebDesign HuaJianglin Abstract： epaperintroducesthepositioningaction oflayerin Dreamweaver8．0，especiallydescribeshteapphcation ofhomepagedynamiceffecton layercombinedwithtimelineandlayercomb ined wiht behaviors． Keyword：Layer Position Timeline Behavior 1元素的定位 在网页设计中，用来定位页面元素技术一般包括：表格 和图层。其中表格在网页的整体布局中使用应该是最广泛 的，尤其是布局表格和布局单元格应用，使页面布局更方 便。但如果在页面元素上面放置对象时，表格就不能胜任 了，这时需要用图层来排版。网页设计初学者往往喜欢用图 层来进行页面定位，层的定位方便且随意。层的定位是由绝 图 l 图2 对坐标值实现定位的，而表格的定位是由相对坐标值实现 (5)按FI2键浏览网页。 的。层设计的网页在不同分辨率显示器上显示时会出现错 2．2行为与图层结合应用动态导航条菜单 位现象，不能准确定位，很难进行调整。如果在网页元素中 行为是事件和由该事件触发的动作的组成。事件是由 非要采用图层定位，通过网页中层的相对定位技术或者将 浏览器定义的，浏览器响应用户的某些操作而成为事件。一 排好的层转换为表格 (Modify／LayoutMode,ConventLayers 般事件总是面向页面元素或标记的。如浏览者用鼠标单击 toTable)。 一 个按钮时，浏览器就会生成一个Onclick事件。动作由一 2图层在制作网页动态效果中的应用 段写好的JavaSeript代码所组成，该代码能执行各种特殊任 2．1时间轴与图层结合制作漂浮广告 务，如播放声音、显示与隐藏图层等。动态导航条菜单可以 时间轴是由许多帧构成的，这些帧在页面中的连续播 节省页面空间，使页面显得比较干净。下面介绍层结合行为 放就构成了时间轴动画。时间轴使用动态HTML通过帧的 制作动态导航菜单的步骤。 变化来改变层的位置、大小、叠放顺序和可见性等属性来创 (1)在页面插入一个 l行 3列的表格，设置表格属性 建动画。使用层中的内容在一定的时间内，按照设计好的路 宽度为80％，对齐为居中对齐，填充为0，间距为0； 线显示在页面中。由于时间轴实现网页动画时没有用到 (2)绘制层 ，在 “专业介绍”下面绘制一个层，在层中 ActiveX、任何插件或JavaApplent，必须在 IE4．0或更高版 插入一个 “6行 l列”的表格 ，在表格中输入文本，如果暂 本的浏览器中浏览。下面介绍漂浮广告制作步骤： 无链接，也可不设置； (1)在页面中绘制图层：在 “插入栏”中单击布局选项 (3)其他导航条