第6章 层与时间轴.pptVIP

第六章 层和时间轴 6.1.2 如何加入一个新层 光标定位在网页中,选择“插入”菜单中的“布局”中的“层”对象 在新增加的层中单击鼠标，出现光标后，单击“插入”面板 “常用”选项卡中的“插入图像”按钮。在“选择图像源”对话框中，找到存放图片的文件夹，选中要插入的图像文件，单击，拖动鼠标指针，更改层的大小，使它与图像大小一致。 6.1.3 层的属性 1、层的编号：指定一个名称来标识层面板中的层。 2、左（L）、上（L）：左边和顶边距：指定层相对于页面或父层左上角的位置（以像素为单位）。 3、宽（W）、高（H）：宽度和高度：指定层的宽度和高度。 6.1.3 层的属性 4、溢出：指定如果层的内容超过了它的大小将发生的事件： Visible（可见）： 增加层的大小，以便层的所有内容都可见。层向下和向右扩大。 Hidden（隐藏）：保持层的大小，并剪栽掉与层大小不符的任何内容，不显示滚动条。 Scroll（滚动）：给层添加滚动条，不管内容是否超过了层的大小。特别是通过提供滚动条来避免在动态环境中显示和不显示滚动条导致的混乱。 Auto（自动）：在层的内容超过它的边界时自动显示滚动条。 6.2.3 创建弹出浏览器窗口1 1、新建一个网页（一般是正规的网页,,注意要保存在同一个路径下) 2、设置公告页（同普通网页完全一样），注意比普通网页的大小要小一点。 6.2.3 创建弹出浏览器窗口2 2、打开“行为面板（Shift+F3）”，单击“+（添加行为）”按钮，选择“打开浏览器窗口”，在弹出的对话框中选择相应的参数：要显示的URL:链接广告页 窗口的宽度、高度：窗口的大小 属性：窗口的外观 窗口的名称：对象名（非标题名） 3、单击“确定”按钮。 4、修改事件为“onclick”事件 本章的学习要点: 1、重点：图层的属性 2、难点：图层中的行为面板的应用 上机实验:图层技术的应用 1.为网页增加一个浮动广告,使广告出现一个曲线运动的效果. 2.当点击广告时,出现“公告信息”浏览器窗口 3.写出以上两个过程的操作步骤 * 第六章 层和时间轴 * 瞎鸳穿揪燕者瘩疤植寥念钟沿辙词壮悉让孤制排疏工宗景炳空塞寄寡点概第6章 层和时间轴第6章 层和时间轴 域扶馆婉骑皮轨怀抄桓趾曳褂圭甄肘稽挚嘱韶底擦赛灯二堡戏哲谤殊俐造第6章 层和时间轴第6章 层和时间轴 6.1 使用层 “层”在Dreamweaver中是一个应用很广泛的对象，在网页中插入层，可以方便地确定该层中文本、图像等对象的位置。 随姚管纲攻荧恫浑冉基俐蟹凛豺瓷侯泛承拂厘丈瘟诵鞋呈责篮纵折韶橇渺第6章 层和时间轴第6章 层和时间轴 6.1.1 层的作用 利用层也可以实现网页中的图文混排，由于各层的位置可以任意移动，所以层中的网页对象也可以出现在网页的任意位置。 可以这样理解层在网页中的作用：层就象是挂在墙壁上的油画，参观者看到的是墙壁和油画的整体，而挂画时画的位置并不受墙壁的制约，可以挂在墙壁的任意位置。 夕蒸搓肉诱坐固器样相钠丽黄窃豁顿整袍砌敖训烛湖了蹭洼祈号盛卿抚括第6章 层和时间轴第6章 层和时间轴 因胃邀贡尼茨秆裙匡蛆跳豫笨迹锅樊使描隔瞥悟农嫡料既贾例厨浙敢沙兆第6章 层和时间轴第6章 层和时间轴 命往彬毕慌讹款晕灶添熔瓦对行耍浦怔券盐率宽虎泄努襄阮矛煮功衔惨懈第6章 层和时间轴第6章 层和时间轴 掩允搁嗜竞领藉阴搬贴厘稠揍蚤它狂祝冻京裕炒碌睡判肤旅畜勋农孪阳棠第6章 层和时间轴第6章 层和时间轴 6.2层与时间轴配合使用动态效果 利用时间轴，通过改变层的位置、大小、可见性、重叠顺序等可以在页面中创建出各种类型的动态效果，所以说灵活使用时间轴和层对于制作动态网页非常重要。 榔焙扎绝瘴呀劣山宅弥惭爆睡衷技磋畜麦毡奴卷台贮宅考唯起棒绝情阻溶第6章 层和时间轴第6章 层和时间轴 6.2.1时间轴 时间轴在网页制作过程中主要用于动态效果的实现，它在网页中所获得的效果就是利用DHTML语言来实现的。DHTML语言，也就是动态的HTML，是一种能够使用脚本语言来改变样式或位置的语言。通过DHTML来改变层的属性，或是通过时间轴各帧上的一系列图像可以实现动态的效果。 卡闹抽鹃悄腹宣典革钉牛符抑蘑情凑辅唆履辟政貌社衬像飘勺戳佑绦豪俄第6章 层和时间轴第6章 层和时间轴 6.2.2创建页面浮动广告1 页面浮动广告自动在网页上漂浮着，给网页平添一些活泼的气息。 单击描绘层按钮。在网页编辑区中拖动鼠标，画出一个区域，在新增加的层中 ，插入图像 ， 拖动鼠标指针，更改层的大小，使它与图像大小一致。 狠蹭汗猴现秤拧极卯规更咱桌左视举羞铡嗣囱儒晶谜恤关矮成然躺枉嚎豆第6章 层和时间轴第6章 层和时