FrontPage怎么制作作网页下拉菜单?

所属分类: 网页制作 / Frontpage教程 阅读数: 1169
收藏 0 赞 0 分享

我们在网页中经常见到下拉菜单,但是有很多朋友在用Frontpage制作网页的时候却很难制作出网页下拉菜单,FrontPage中怎么制作下拉菜单呢?请看下文详细介绍。

一、前期准备工作:

1、打开Frontpage软件,单击菜单栏“插入”——表单——下拉框。

2、在“设计”模式下,把页面上的“提交”和“重置按钮删除掉。

3、在“设计”模式下,双击下拉框,弹出“下拉框属性”对话框,单击“添加”按钮。

4、在弹出的“添加选项”对话框中,在选项中写上“AAA”,单击“确定”。

5、用同样的方式添加“BBB”和“CCC”2个选项,在“下拉框属性”对话框,单击“确定”按钮。

二、添加 onchange 效果:

把刚才制作好的下拉框,切换到代码编辑模式。

2、在代码中找到<select size="1" name="D1">并修改为“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。

三、制作菜单链接:

在代码中找到:

“<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>”

注意:把value="AAA"("BBB"和"CCC")变为value="网址1.htm"("网址2.htm"和"网址3.htm")。

2、切换到“预览”模式,就可以看到菜单的效果了。

我们在网页中经常见到下拉菜单,但是有很多朋友在用Frontpage制作网页的时候却很难制作出网页下拉菜单,现在我们就来看看如何制作网页下拉菜单。

一、前期准备工作:

1、打开Frontpage软件,单击菜单栏“插入”——表单——下拉框。

2、在“设计”模式下,把页面上的“提交”和“重置按钮删除掉。

3、在“设计”模式下,双击下拉框,弹出“下拉框属性”对话框,单击“添加”按钮。

4、在弹出的“添加选项”对话框中,在选项中写上“AAA”,单击“确定”。

5、用同样的方式添加“BBB”和“CCC”2个选项,在“下拉框属性”对话框,单击“确定”按钮。

二、添加 onchange 效果:

把刚才制作好的下拉框,切换到代码编辑模式。

2、在代码中找到<select size="1" name="D1">并修改为“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。

三、制作菜单链接:

在代码中找到:

“<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>”

注意:把value="AAA"("BBB"和"CCC")变为value="网址1.htm"("网址2.htm"和"网址3.htm")。

2、切换到“预览”模式,就可以看到菜单的效果了。

以上就是FrontPage制作下拉菜单的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

FrontPage怎么启用超链接翻转效果?

FrontPage怎么添加选项按钮? FrontPage选项按钮添加方法

更多精彩内容其他人还在看

设计网页FrontPage2000的一些基础问答

  1.我在一行结束后按回车键,就跳到隔一行的段落上,如何避免隔行跳到下一段落?   A.在一行结束后先按着[Shift]键,再按回车就可以不隔行跳到下行上,[Shift] [Enter]是一种很好控制段落关系的快捷方法。   2.如何给一段文字加上背景?   
收藏 0 赞 0 分享

分享FrontPage制作网页的几个技巧

  最近笔者学会了用FrontPage XP做网页,心理特高兴,非常想把我在制作主页过程中的一些经验和大家交流交流、切磋切磋,我们一起来看看吧。   用表格做按钮   很多人为了做出按钮效果,不得不去动用一些图像或动画制作工具,非常麻烦,事实上,利用FrontPage
收藏 0 赞 0 分享

轻松利用FrontPage做站内搜索

  FrontPage不仅可以帮助我们迅速入门网页制作,还可以利用它为网站制作一个简单的站内搜索引擎,可谓是网页制作、站内搜索一气呵成。当然在制作站内信息搜索平台前你应该已经建立了一个网站。   步骤:   第一步,打开FrontPage2003,执行“文
收藏 0 赞 0 分享

网页字体在Frontpage2000制作网页中的讲解

  运用Html,我们可以对字体的大小及字形进行简单的修改,但要进行统一地控制、创建特殊效果,就必须要用到css.它能让您更有效地控制网页外观,并可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。考虑到用frontpage制作网页的人较多,同时它对其他网页编辑器的
收藏 0 赞 0 分享

Frontpage新手网页超链接制作教程

超連結 基本操作 範例: 作法: 1.先選取要做超連結的文字(如下圖的 1)--> 按右鍵--> 點選「超連結」(如下圖的 2)
收藏 0 赞 0 分享

FrontPage超链接报表功能检查网站死链接

  在我们浏览网站的时候,一定都遇到过页面上带红叉的无效图片或者“无法找到网页”的提示,出现如此现象一般都是因为链接文件的位置发生变化、被误删除或者文件名的拼写错误造成的。为了避免出现无效链接的尴尬,树立良好的网站形象,当我们完成一个网站的设计
收藏 0 赞 0 分享

FrontPage教程:编辑网页

第一课:FrontPage教程:网页制作基础知识 1.视图与模式(一) 现在进入FrontPage。单击任务栏“开始”按钮,选择“程序”选项,单击“Microsoft FrontPage”选项就可
收藏 0 赞 0 分享

Frontpage教程:教你制作网页框架

框架 框架(Frame)在網頁上的應用很普遍 , 因為它可以同時顯示出多個獨立網頁 也可以將使用者常用的連結一直顯示在畫面上 , 減少上一頁下一頁的切換頻率 框架的基本操作 1.先看我們要做
收藏 0 赞 0 分享

Frontpage教程:在表格中布局图片

表格與圖片 表格在網頁上最常用來排版 , 使得版面更整潔美觀 基本觀念:表格vs儲存格-->所謂儲存格,指的就是表格當中切割出來的每一小格 表格的基本操
收藏 0 赞 0 分享

Frontpage教程:制作网页中的书签

書籤 書籤的功能是使用在同一面網頁資料過長時使用 , 能夠使使用者迅速的移動到所要的位置上。 適合用在教學進度表、小文章集宓冉虒W網頁。 書籤的基本操作 範例:
收藏 0 赞 0 分享
查看更多