Dreamweaver CS3 Spry制作菜单(有百度

Adobe Dreamweaver CS3 中比较显著的就是这个spry工具了,使用起来还是比较方便就能做个级联菜单.下面就来看看怎么用的.
1、先建立一个空白的html文档。保存(如果不保存使用spry的时候会提示你保存的)
2、点快捷工具栏中的spry,点击其中的spry menu bar如图所示,
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503174831794.jpg">
3、这里我们选择第一个样式建立,当然你也可以根据自己实际需要建立适合自己的菜单格式。点击确定进入下一步的操作。选中spry menu bar 打开属性工具栏,这个时候就能对其中的选项进行设置了。
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175121496.jpg" real_src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175121496.jpg">
选中Item1在后面的Text中输入你自己的菜单的名字Link 菜单链接的位置URL,Title写上文字。
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175316417.jpg" real_src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175316417.jpg">
其他项设置相同。根据自己的实际需要增减项目。点击+ 可以新增一个项目。“-”则去掉当前选中的项目。
属性中的第二个Item是当前菜单的下一级菜单选项设置。设置方是同前面。
[NextPage]
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175700848.jpg" real_src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175700848.jpg">
先保存看一下效果。保存的时候提示你图片和文件保存到项目下,点击是确定。
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175919623.jpg" real_src="http://www.newstu.cn/uploadfile/2007-5-3/20070503175919623.jpg">
其他设置
我们可以对其中的样式进行选择,spry提供了好几种样式可以选择,您可以根据自己的实际需要选择。设置方法如下,先选中要设置的菜单(单击选中)。然后在属性中选择Style就可以进行设置了。
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503220454837.jpg" real_src="http://www.newstu.cn/uploadfile/2007-5-3/20070503220454837.jpg">
同时我们还可以对菜单的宽度高度等进行单独的设置。方法是选中菜单的层。在属性中就能看到其参数设置了。大家可以自己动手做一下,体验一下。
CS3 Spry制作菜单" border=0 src="http://www.newstu.cn/uploadfile/2007-5-3/20070503220736510.jpg" real_src="http://www.newstu.cn/uploadfile/2007-5-3/20070503220736510.jpg">
我百度来的。
Tags: 

延伸阅读

最新评论

发表评论