|
Dreamweaver这个名字相信大家都不会陌生了。自打上市以来以其鲜明的特性和完善的功能赢得了众多网友的青睐。Dreamweaver能够在众多的同类软件中赢得一席之地,主要归功于它完全开放的插件环境以及它所能创造出的那些另人耳目一新的网页特效。我即将要向大家介绍的就是通过Dreamweaver的行为事件所制作出的一些网页特效。这其中有一些是通过Dreamweaver的插件来实现的。希望大家可以通过这些特效使自己的网页更加的绚丽多彩。
网站制作软件教程一.通过链接实现对Flash的控制 为了使网页本身活动起来,我们在制作网页时往往会插入一些诸如FLASH的动画,那么有没有什么方法使浏览者在浏览时可以控制这些动画的运程呢?答案是有的! 首先我们选中将要附加行为的对象,例如一段加有链接的文字。随后按下快捷键F8,单击行为面板上的"+"按钮,打开动作菜单,选择"control shckwave or flash"此时会弹出如图1的对话框。(当然在此之前你的网页中一定要已经插入了FLASH的动画,并对其命名)。从"movie"(动画)下拉菜单中选择将要控制的对象名称以及嵌入对象所使用的标记。再在"Action"(动作)区域选择所要实现的效果。 ·PLAY(播放) 选择该项是当鼠标移动到链接上时播放动画。 ·STOP(停止) 选择该项是当鼠标移动到链接上时停止动画的播放。 ·REWIND(返回) 选择该项是当鼠标移动到链接上时动画返回到最前端。 ·GO TO FRAME(跳转) 选择该项是当鼠标移动到链接上时动画跳转到所指定位置。并停 留在该位置上。 设置完后按快捷键F12,在浏览器中预览。怎么样这回FLASH听话了吧!
网站制作软件教程二.可拖动的层 这个网页特效可以使浏览者通过鼠标的拖动来移动一个层,这样不但给了浏览者一定的 自主空间,同时在无形之中也给你的网页加入了一条亮丽的风景线。 首先选中要拖动的层,按下快捷键F8,单击行为面板上的"+",选择"Drag lager"(拖 动分层)命令,这时将弹出如图2的对话框。在lager下拉菜单中选择将要拖动的分层,在 "Movement"选择要拖动分层的移动方式。移动方式分为两种,一种是受限制的移动方式(constrained),指可移动层只能在你所规定的范围内移动。你可在后方的文本框中定义可移动区域的位置值,单位是像素。另外一种是不受限制的移动方式(Unconstrained)指可移动层可以在任意范围内移动。在"Drop Target"区域可设置当前分层的移动,点击"Get Cunrrent Position"可获得当前分层的位置。随后单击"OK",按快捷键F12,在浏览器中预览,怎么样?刚才定义的那个分层是不是已经可以被鼠标拖动了?
网站制作软件教程三.弹出信息对话框 我们在制作主页的过程中,总是有许多要说明的地方,如果把这些说明内容全部加入到页面中,又会使页面显得过于凌乱。因此我们可以应用Dreamweaver的行为事件所提供的另外一项功能解决这个问题。 首先我们假设要对一个链接进行说明,用鼠标选定该链接按下快捷键F8,单击行为面板中的"+"按钮,在弹出的菜单中选择"POP Message"(弹出信息)。随后在弹出对话框中的Message文本框里输入说明的内容,单击"OK"。按下F12键在浏览器中预览。当你的鼠标移动到该链接上时就会弹出信息对话框,对话框中就是你刚才所输入的内容。
网站制作软件教程四.弹出菜单 我们在浏览别人的网页时经常会遇到当你的鼠标移动到一个链接上时就会弹出一个菜单;而你的鼠标离开时该菜单又会自动的隐藏,这个网页特效在Fontpage中要加入四段代码才可以实现,非常的麻烦。但在Dreamweaver中我们可以运用行为事件中的显示-隐藏-分层轻松搞定。 首先建立一个分层对其命名并将其设置为隐藏的形式,随后选中一段有链接的文字,单击行为面板上的"+",在弹出菜单中选择"show-hide-layer"(显示-隐藏-分层)。此时会弹出如图3的对话框。在Name layers文本框中显示的是当前页面中的所有分层,选定你刚才命名并隐藏的分层,点击下方的Show(显示)按钮。"OK"可以在浏览器中预览了,将你的鼠标移动到你附加行为的链接上时,就会显示出刚才隐藏的那个分层了。同时应用这个网页特效你也可以使一个本来存在的分层消失,只要在定义分层属性的时候选择Hide(隐藏)就可以了。
网站制作软件教程五.变换图象 这个特效可以使图象随鼠标变化。当你的鼠标移动到一个图片上时该图就会变为另外一幅图片。这样可以生动的体现出图片链接的内容。 首先我们准备好两张大小完全相同的图片,将其中一张(图象1)插入到网页之中,并对其命名。这张图是准备在网页中直接显示的,选中它按下快捷键F8,点击行为面板上的"+",选择弹出菜单中的"Swap Image"(替换图象)。此时会弹出如图4的对话框。在"Image"文本框中会显示出当前页面中的所有图象。选中刚才命名的图象点击"Set Source to"文本框右方的"Browse",加入另一张事先准备好的图象(图象2)。如果你希望在浏览时当鼠标离开图象2时图象仍可恢复成原来状态,则在下方的"Restore Image onMouseOut"前打勾。"OK"大功告成,按下F12,在浏览器中预览。效果如何,满意吗?
网站制作软件教程六.创建自动加入收藏夹功能。(插件) `最近我在网上找到了一个插件(Add Favourite),通过这个插件可以使你的网页在每次显示时都自动提醒浏览者将你的主页放入收藏夹。虽然这样做会很烦人,不过对于提高你的浏览量还是有一定的帮助的。该插件下载地址为: http://dream.zj.cninfo.net/dream/plugin/behaviors/IEAddFavourite.zip 下载后解压至…DreamweaverconfigurationBehaviorsactions下,启动Dreamweaver。相应的在行为菜单中就会出现"IE Add Favourito"(添加收藏)。选择该项就会弹出相应的对话框。只要在TITLE IN文本框中输入收藏你的网站时计算机默认的名字就可以了。单击"OK",按F12预览一下,怎么样?
|