![]() |
|
|
![]() |
| 作者:佚名 文章来源:6to23 点击数: 更新时间:2007-2-15 | ||
|
|
||
|
应用的方法其实很简单,就是开启网页,从MenuMachine菜单对象调板中将菜单项目的图标拖动(注意必须拖动图标)到网页中即可。也可以通过菜单【MenuMachine_使用菜单项目】。如下图所示。
如果对这个拖动操作不熟悉,那是因为你没有掌握GoLive的基本操作。出于DreamWeaver功能上的限制,菜单飞梭目前只能运行于GoLive中。
将网页保存后就可以在浏览器中看到效果,大致如下动画所示。 需要注意的是,今后如果修改已有的菜单项目,所有应用到的网页都会自动更新菜单部分。因此为了方便,一般将菜单项目应用到一个空白网页中后关闭该网页。用浏览器开启该网页查看效果。这样修改菜单项目后,在浏览器中F5刷新就可以看到新效果了。这是一则小技巧。
现在我们设置第3级菜单,详细步骤就不再叙述了,效果大致如下动画所示,大家可以此作为设置的参考,而先不要看后面的介绍。 大家需要注意的就是,建立子级菜单等操作需要在Item(单项设定)才可进行,进行之前注意所选择的菜单项是否正确。
大家在模仿上面的过程中,也许对某些参数设置还是不明白,无法做到与动画完全一致的效果,在某些地方,总有一两个像素的偏差是吧?这个偏差其实就是由于我们使用了分界线和边框引起的。在视觉上,边框或分界线等都属于线条,那么子项的线条应该与上一级的项目对齐才好看。因此我们在下左图绿色箭头处指定3级项往上移动1像素,让它的边框与2级项的分界线对齐。 但是位于下方的“网页制作”2级项下方已经没有分界线了,因此GoLive这些3级项边框如果与分界线对齐,就会在下方超出2级项的底部,因此我们采取将其高度减少1像素的方法来弥补。
现在对另外两个顶级菜单项建立子项,并且添加上超链接及其目标框架。如下图红色箭头处。如果链接的目的地在本站点内,可以通过定位线进行指定。相关操作都可以在视频教程中找到。
Global(全局设定)中是针对整个菜单项目的设定,比较重要的是如下右图中自动生成导航页的选项。这个选项在某些浏览器不支持JavaScript的时候自动产生一个所有菜单项目的链接列表,可以通过这张列表进行正常的访问。此外更重要的意义在于:大部分搜索引擎只是查找页面中具有的超链接,去分析站点。这个选项可以令其正常收集网站的结构信息。 大家可以尝试关闭IE浏览器的JavaScript支持(Internet选项->安全->自定义级别->禁用活动脚本),然后再在浏览器中访问,就会看到一个替代页面。
在网页中选中正在使用的菜单对象时,检查器跳板也会切换到菜单飞梭的 |
||
![]() |
|