Dreamwavear技巧:[5]创建网页跳转菜单

 时间:2024-10-12 19:23:52

在网页中我们经常会接触到各式各样的菜单,跳转菜单就是其中一种,这氇筐塘瓠里我们来一起学习一下跳转菜单的制作,我们选用的是dreamweaver软件来完成跳转菜单的制作。

Dreamwavear技巧:[5]创建网页跳转菜单

工具/原料

dreamweaver软件

前期准备:

1、 打开dreamweaver软件,选择“创建新项目”中的“Html”。

Dreamwavear技巧:[5]创建网页跳转菜单

2、 单击菜单栏中的“插入”——表单——跳转菜单。

Dreamwavear技巧:[5]创建网页跳转菜单

3、 在弹出的“插入跳转菜单”对话框中,单击“+”按钮,可以增加菜单项;单击“-”按钮,可以删除菜单项,菜单项在下面的列表中显示。

Dreamwavear技巧:[5]创建网页跳转菜单

4、 现在选定“菜单项”列表中的菜单项,在“文本”框中输入新的名称。

Dreamwavear技巧:[5]创建网页跳转菜单

5、 选定“插入跳转菜单”对话框中的菜单项,单击“浏览”按钮。

Dreamwavear技巧:[5]创建网页跳转菜单

6、 在弹出的“选择文件”对话框选择要跳转的文件,单击“确定”按钮。

Dreamwavear技巧:[5]创建网页跳转菜单

直接跳转菜单:

1、 在“插入跳转菜单”对话框中不要勾选“菜单之后插入前往按钮”。将来网页跳转菜单中的菜单项只要单击就能跳转。

Dreamwavear技巧:[5]创建网页跳转菜单

2、 现在单击“确定”按钮,跳转菜单就制作好了,在浏览器中就可以见到效果。

Dreamwavear技巧:[5]创建网页跳转菜单

前往跳转菜单:

1、 在“插入跳转菜单”对话框中勾选“菜单之后插入前往按钮”。将来网页跳转菜单中的菜单项选定后再单击“前往”按钮就能跳转。

Dreamwavear技巧:[5]创建网页跳转菜单

2、 现在单击“确定”按钮,跳转菜单就制作好了,在浏览器中就可以见到效果。

Dreamwavear技巧:[5]创建网页跳转菜单

附加注意事项:

1、 1.在“插入跳转菜单”对话框最下面有个“更改URL后选择第一个项楫默礤鲼目”,如果勾选了它,则在跳转后会回到初始状态;不勾选它,则在跳转后不回到初始状态。

Dreamwavear技巧:[5]创建网页跳转菜单

2、 2.如果要再加入菜单项,只要在第一个菜单的后面单击“回车”,杰克换行。

  • Dreamweaver CS6如何应用:[30]设置URL路径
  • Dreamweaver教程中如何制作跳转菜单
  • Dreamweaver中关于表格使用的那些冷知识
  • Dreamweaver如何转到URL
  • DW中怎么让DIV模块在页面中相对屏幕自动居中?
  • 热门搜索
    春节手抄报图片大全 端午节手抄报模板 我爱我家手抄报 关于保护环境的手抄报 春节手抄报内容文字 国学经典手抄报 防溺水手抄报内容文字 科普知识手抄报 手抄报春节 健康饮食手抄报