浅谈网页设计中菜单的创建技巧

摘 要：利用Dreamweaver中行为等属性，可以制作出从“导航条菜单”到“下拉菜单”等各种与众不同的特殊菜单。

关键词：Dreamweaver；网页；菜单；行为

中图分类号：TP393.092

Dreamweaver是一款专门用于网页设计与制作的软件，无论是作为Dreamweaver的初学者，还是专业的网页设计师，在进行网页设计时，经常需要创建菜单。网页菜单可以通过编写Javascript程序实现，但需要掌握复杂的编程语言，这对初学者掌握菜单设计会造成一定的困难。要想设计出效果满意且操作不复杂的网页菜单，利用Dreamweaver中的行为等属性，可以制作出从“导航条菜单”到“下拉菜单”等各种与众不同的特殊菜单。

1 导航条菜单

导航（Navigation）原意为“航行、航海”的意思，导航条（Navigation Bar）指的是可以为网络起到导航作用的条形菜单栏。导航条菜单可以是图像，也可以是文本。在Dreamweaver中与轮换图像一起使用的菜单称为“导航条”，通常的轮换图像菜单都是光标移动到菜单上方时菜单的图像发生变换，而光标离开菜单上方时，再返回到原来的图像。

导航条可以分为水平导航条和垂直导航条两种，以创建垂直导航条菜单为例，先在Common面板中单击Image菜单旁的小三角，从弹出菜单中选择Navigation Bar按钮，输入菜单名称，指定打开文档时显示的原图像；单击Up image文本框右侧的

按钮，在Select image source对话框中选择轮换图像文件地址。接着单击Add item按钮可以添加多个导航条菜单项，单击按钮。最后观察插入在文档中的导航条菜单，可以看到自动生成了表格，并在各个单元格上分别插入了Up image和Over image。最后按F12键运行浏览器后，将光标移动到菜单上方，菜单变换为轮换图像了。……