如果你下载了dreamweaver cs3以上版本使用其中的spry折叠式菜单功能,制作下拉式菜单更方便。
有些东西自己不会做其实也没关系,可以在网上找一些制作好的代码,直接使用,或者下载专门的制作菜单的软件,做好后用dreamweaver添加到网页里,实际效果和自己做是一样的。你好,用Dreamweaver8的话就是这样,先把有链接的文字选中,然后点击“窗口”将“标签检查器”勾选上,然后在右边打开“标签检查器”选择“行为”在里面点击“+”,出现下拉,再选择“显示d出式菜单”,点击“持续”就可以填写了。先打开Dreamweaver,如果你事先有做好的网页源文件,可以的直接点击文件——打开,打开你的网页源文件,如果没有,就点击文件——新建,新建一个新的网页源文件。
1、新建的类型默认就可以了,如果有其它需要,可以自己选择页面类型和布局等等,让点击创建按钮。
2、新建好网页之后,在设计页面,点击插入——表单——选择(列表/菜单),这样就可以插入一个可选择的下拉表单了。
3、或者在菜单栏下方有个表单选项的图标,鼠标放上去显示“选择(列表/菜单)”然后点击,也可以插入下拉菜单。
4、然后跳出需要输入标签辅助功能属性的界面,ID填写英文或者数字,标签就是你的下拉菜单的对应的数据标题,比如地址,性别等等,这里填写“性别:”,然后点击确定。
5、跳出是否添加表单标签的提示,就选择是,就可以了。
6、这时,下拉菜单插入到页面中了,点击下方的列表值,给你的下拉菜单添加内容。
跳出列表值的界面,在项目标签上填写下拉菜单选项,比如我这里要做一个性别选择的下拉菜单,这里就在值和项目标签填写男。
7、接着点击加号,添加新的下面标签和值,都填上女。然后点击确定按钮。
8、点击界面上箭头所指的小图标,选择一个浏览器,点击它,可以在浏览器上看到预览效果。
9、这时会提示是否保存网页文件的更改,选择是,保存一下即可。Dreamweaver是制作下拉菜单最常用的工具,方法简单,控制自由,可以最大限度地随心打造菜单样式,是制作下拄菜单的必修课。
用Dreamweaver制作下拉菜单的原理很简单,它利用了Behaviors(行为)面板中的内置方法Show-Hide Layers(隐藏-显示层)方法,并用onMouseOver(鼠标移至)和onMouseOut(鼠标移开)来触发层的隐藏和显示,而将要出现的菜单就在层中。
因此,我们可以分四步来制作下拉菜单,首先我们需要一个导航条,它用来放置首先出现在浏览者眼前的主菜单;然后再制作开始隐藏着而将会出现的下拉选单;接着,进行最关键的一步,为主菜单和下拉选单添加上隐藏和显示层的效果;最后,我们进行菜单的美化修饰。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)