网页下拉菜单的制作
MacroMedia公司不愧是软件大家,从AuthorWare到Flash无一不是软件中的精品,其主页制作工作Dreamweaver大概由于曲高和寡的原因吧,用的人反而不多,实际上Dreamweaver中层(Layer)、行为(Action)、时间线(TimeLine)等工具使我们可以非常方便地做出另人眼花缭乱动态网页。下拉菜单是WINDOWS中最常见的菜单,在网页的制作中要做到却很不容易,好在有了Dreamweaver的层的概念,我们可以非常方便地在网页中做出下拉菜单(本文所用的示例文件为:https://www.wendangku.net/doc/659066762.html,/jzwl/xlcdnew.htm,大家可以下载后对照看看)。过程如下:
一、打开Dreamweaver,在SITE管理器中新建一个页面,双击即可用Dreamweaver打开,可先设好其页面属性,背景图片等。
二、许多人对网页中有链接的文字没有下划线,而当鼠标指向它时却出现下划线且文字颜色会改变而感到很奇怪,本文所用的例页中也有些效果,大家只要在网页的样式中加入示例文件中之间的语句即可,不用自己再创建多种样式。这一操作可按F10进入HTML编辑窗口复制即可。
三、在页面中输入好主菜单棒的文字,为了美观,主菜单棒可放在一个表格中,并固定各单无格宽度,以免走样。如下图:
四、点击插入(Insert)菜单,选择层(Layer),在其属性窗口(如果没有该窗口可用Ctrl+F3打开)中可看见其名称为“Layer1”,插入一个新层,作为“菜单一”的下拉菜单。点击该层选中后,点击插入(Insert)菜单,选择表格(Table),选择好该表格中的行、列数,以及把表格线宽度设为0,把表格底色设为某种颜色。如本例中“菜单一”的下拉菜单有4项,即该表格有1列4行。然后在该表格中输入四个子项的菜单名,输入完成后调节表格的大小与层的大小,文字的对中,每一项的链接,以及层的位置(均可在属性窗口中调节,或用鼠标直接调节),使其正好在“菜单一”下。如下图:
五、重复第四步,依次建立层“Layer2”、“Layer3”、“Layer4”,输好子菜单项,设好链接,并调整好每个层的位置。结果如下图:
到此文字输入部分全部完成,可按F12用你的IE浏览器看看位置是否正确。下面则是关键了。
六、选中层“Layer1”,在其属性窗口中把“可视”项改为“hidden”,把该层隐藏起来,如
下图:
然后依次是层“Layer2”、“Layer3”、“Layer4”,把四个层全部隐藏。屏幕如下图:
七、用鼠标选中主菜单棒中的“菜单一”三个字,然后按F8打开“行为”(Action)窗口,可见如下“Behaviors”窗口:
点击按钮,出现如下菜单:
选择“Show-Hide Layers”,表示该动作要对层进行显示或隐藏操作。出现如下窗口
在“Layer "Layer1"”上点击一下,再点击“Show”按钮,然后在“Layer "Layer2"”点击一下,再点击“Hide”按钮,然后是“Layer "Layer3"”及“Layer "Layer4"”。表示该动作是要把“Layer1”显示,而其它层均隐藏。如下图:
再点击确定按钮后,出现下图:
此时点击“Events”下“OnClick”旁的下剪头,出现如下菜单:
选择“onMouseOver”,表示该动作是在鼠标移到“菜单一”三个文字上时执行。至于其它事件大家一看即可明白是怎么回事了。
八,仿照第七步,依次把“菜单二”、“菜单三”、“菜单四”设置好,但要注意设置“菜单二”时,第二层显示,一、三、四层隐藏;设置“菜单三”时,第三层显示,一、二、四层隐藏;
设置“菜单四”时,第四层显示,一、二、三层隐藏;。
用PPT制作下拉菜单 马震安 电脑爱好者 利用PPT的自定义动画也能够做出动感十足的下拉菜单,绝不逊于专业软件做出的动画效果。 一些大型演讲或是教学授课需要使用PPT制作演讲稿,由于内容较多,需要进行模块划分,又需要在几个模块之间跳转,有人利用动作按钮进行超链接的方式实现前后页面的依次跳转,这种方式特别的死板,不灵活。笔者在这里介绍一种更美观的下拉式导航菜单,而且可以实现任意页面的跳转。 实例描述:一个介绍学校的PPT演示文稿,它包括地理位置、历史概况、发展现状、教学成绩、获得荣誉、未来展望等6个模块,把这6个模块做成一下拉菜单,并且每个模块链接到一张幻灯片上。 菜单添加 在这个过程中,我们需要在幻灯片上放置一些文本框,并将它们的位置调整好用来显示菜单。 首先在幻灯片拖动一个文本框,在文本框中输入“导航菜单”四个字,可对字体、大小及颜色进行设置。在文本框边框上击右键,选择“设置文本框格式”,可以文本框进行设置,填充背景等等。 接着复制6个相同文本框,依次放在“导航菜单”这个文本框的下面,并且把文字更改成“地理位置”、“历史概况”、“发展现状”、“教学成绩”、“获得荣誉”、“未来展望”,当然每个文本框的背景填充色也可以更改。然后,分别右击这6个文本框,把它们分别链接到相应的幻灯片,最后选择这6个文本框把它们组合在一起,形成一个组合框(图1)。
添加菜单弹出动画 这个过程将实现单击“导航菜单”时,弹出下拉菜单。选中组合的文本框,右击其边框选“自定义动画”,在对话框选择添加“添加效果→进入→切入”(图2)。
对切入的效果进行设置,把“方向”改为“自顶部”,触发器设置 成“导航菜单”,目的是单击“导航菜单”时弹出下拉菜单(图3)。
Authorware下拉菜单与多级菜单的制作Authorware制作下拉菜单需要用到交互图标所提供的下拉菜单 首先是擦除原有菜单的“文件”二字 在用Authorware的菜单交互制作菜单时,Authorware总会在菜单栏上加一个“文件”菜单。这个“文件”菜单与我们的作品总是那么不协调。所以咱们先想办法去掉这个“文件”菜单。具体步骤如下: 1、在主流程线上拖一个交互图标,命名为“文件”。在其右侧放一个组图标(内容为空),在弹出的对话框中,选择“下拉菜单”。双击组图标上方的小方块,弹出属性对话框,选择“永久”及“退出交互”,其他选项就用默认的设置。 2、在交互图标的下方,放一个擦除图标,然后运行一下演示窗口,用鼠标单击演示窗口标题栏上的“文件”二字。仔细看,那个“文件”菜单会随之消失。运行一下看看是不是消除了。 下拉菜单制作 首先在流程线上拖入一交互图标,命名为“文件”,在其右侧放一个组图标,在弹出的对话框中,选择“下拉菜单”。将这个组图标命名为“新建”,范围选择“永久”。然后在其右侧继续放入五个这样的组图标,分别命名为:“打开”、“- ”(这个减号表示分界线)、“保存”、“另存为”、“- ”。最后再放上一个计算图标,命名为“退出”,打开它,输入" quit(0) " ,这样一个下拉菜单就做好了,运行下便能看到效果。
多级菜单制作 1、在流程线上放一个交互图标,命名为“图片欣赏”,在其右侧放一个组图标,选择交互类型“下拉菜单”。将这个组图标命名为“植物图片”。双击组图标上方的那个矩形色块,在弹出的属性对话框中,点击“响应”选项卡,选中其中的“永久”复选项,并将“分支”的值选为“返回”。您可以继续添加几个这样的组图标,分别命名为“动物图片”、“风景图片”等等,当然随便您啦。 2、按同样的方法,在主流程线上再放一个交互图标,其右侧也放几个组图标,分别命名为“梅花”、“兰花”、“菊花”等。各项设置同上面的步骤一样。惟一的不同,就是要把交互图标的命名删除,也就是说要让这个交互图标的名字为空。
1、在HTML中,()标记不可出现在
和标记符之间。(C) (A)