Dreamweaver中飘动广告的制作.docVIP

Dreamweaver 页面飘动广告的制作 一 任务分析 根据需求方（森兴企业）提出的广告页的建设意向、制作要求，设计完成页面飘动广告的制作。 该功能主要利用层和时间轴的各种操作效果制作完成，即一张在页面飘动的图片，当用户鼠标放到图片上时图片停止运动，鼠标离开图片接着飘动，当用户单击该图片时链接到相应的页面。飘动广告页面效果如图1-127所示。 图1-127 飘动的广告 二 操作步骤 步骤1 选择【文件】|【新建】|【常规】|【基本页】|【html】，创建一个“moveimg.html“页面，保存在“html”文件夹中。 步骤2 点击【插入】 |【布局对象】|【层】，在属性面板中设置层的高和宽都设为108px，如图1-128所示。 图1-128 层属性面板 步骤3将光标移动到层内，点击【插入】|【图像】在img文件夹下选择“123.jpg”文件，并给该图片添加一个超链接，连接到“product.htm”，如图1-129所示。 图1-129 图像面板 步骤4 选中图层单击右键，在弹出的下拉菜单中选择[记录路径]，如图1-130所示，按住鼠标左键在页面中划出图层的运动轨迹。 图1-130 记录路径 步骤5 点击【窗口】|【时间轴】（或者按alt+F9）打开时间轴，看到图层在时间轴中的运动情况，选中时间轴上的【自动播放】和【循环】，如图1-131所示。 图1-131 时间轴 步骤6 单击