文档介绍：主讲:网页设计与制作——Dreamweaver8操作一设置鼠标经过图像对象Dreamweaver8网页设计与制作项目五:制作教育导航网页本操作主要介绍设置页眉中的鼠标经过图像对象的方法。通过本操作的学****应该掌握的内容主要有:,当鼠标经过或者按下按钮时,按钮的形状、颜色等属性会随之发生变化,如发光、变形或者出现阴影,使网页变得生动有趣。鼠标经过图像有两种状态:(1)原始状态:在网页中的正常显示状态。(2)变换图像:当鼠标经过或者按下按钮时显示的变化图像。设置鼠标经过图像对象操作动画任务一任务二任务三小结任务四实训Dreamweaver8网页设计与制作操作一设置鼠标经过图像对象项目五:【插入】/【图像对像】/【鼠标经过图像】命令或者在【插入】/【常用】面板中单击(鼠标经过图像)按钮,打开【插入鼠标经过图像】对话框进行设置即可。任务一任务二任务三小结任务四实训Dreamweaver8网页设计与制作操作一设置鼠标经过图像对象项目五:。网页将第1幅图像的尺寸大小作为标准,在显示第2幅图像时,将按照第1幅的尺寸大小来显示。如果第2幅图像比第1幅图像大,那么将缩小显示;反之,则放大显示。第2幅图像有可能会发生失真现象,因此,在制作和选择两幅图像时,尺寸应保持一致。一般要先在图像处理软件中将两种状态的图像文件制作好,分别保存到网站的图像文件夹内,然后才能创建鼠标经过图像。当包含“鼠标经过图像”的网页被浏览器下载时,会将这两种状态图像一起下载。暂时不显示的图像被存放在浏览器的缓存中,当鼠标经过图像时,再从缓存中将变化的图像调出来,这样图像的变化就没有停滞的感觉,也节省了用户的等待时间。任务一任务二任务三小结任务四实训操作二设置导航条图像对像Dreamweaver8网页设计与制作项目五:制作教育导航网页本操作主要介绍设置页眉中的导航条的方法。通过本操作的学****应该掌握的内容主要有:,这些按钮或者图像链接各分支页面,起到导航的作用。导航条包括以下4种状态:(1)状态图像:用户还未单击按钮或按钮未交互时显现的状态。(2)鼠标经过图像:当鼠标指针移动到按钮上时,元素发生变换而显现的状态。例如,按钮可能变亮、变色、变形,从而让用户知道可以与之交互。设置导航条图像对象操作动画任务一任务二任务三小结任务四实训操作二设置导航条图像对像Dreamweaver8网页设计与制作项目五:制作教育导航网页(3)按下图像:按钮被单击后显现的状态。例如,当用户单击按钮时,新页面被载入且导航条仍是显示的;但被单击过的按钮会变暗或者凹陷,以表明此按钮已被按下。(4)按下时鼠标经过图像:按钮被单击后,鼠标指针移动到被按下元素上时显现的图像。例如,按钮可能变暗或变灰,可以用这个状态暗示用户:在站点的这个部分该按钮已不能被再次单击。制作导航条不一定要包括所有4种状态的导航条图像。即使只有一般状态图像和鼠标经过图像,也可以创建一个导航条,不过最好还是将4种状态的图像都包括,这样会使导航条看起来更生动一些。任务一任务二任务三小结任务四实训操作二设置导航条图像对像Dreamweaver8网页设计与制作项目五:【插入】/【图像对像】/【导航条】命令或者在【插入】/【常用】面板中单击(导航条)按钮,打开【插入导航条】对话框进行设置即可。任务一任务二任务三小结任务四实训操作二设置导航条图像对像Dreamweaver8网页设计与制作项目五:,可以通过【设置导航栏图像】行为进行。方法是:在导航条中选中其中一个按钮,打开【行为】面板,在【行为】面板的动作栏中,双击事件下方的名称,打开【设置导航栏图像】对话框,在该对话框中可以重新设置图像的源文件及所指向的URL。这个对话框和当初插入导航条的对话框是一样的,但又多了一个【高级】选项卡。如果焦点在当前的按钮,而其他的按钮同时也发生变化,那么就必须设置【变成图像文件】和【按下时,变成图像文件】这两项。由此看来,【设置导航栏图像】动作是导航条功能的一个补充和延伸,是为方便导航条创建后的修改而设立的。任务一任务二任务三小结任务四实训