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

所属分类: 网页制作 / Frontpage教程 阅读数: 1178
收藏 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制作网页中的讲解

  运用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 分享

制作网页使用FrontPage

  如今似乎整个世界都在因特网上跳动不停, 而你却坐失良机。 每个人都有自己的网页, 从两岁的小表弟到八十多岁的姑婆都有, 而你没有。 你想立刻觉醒, 嗅一嗅UNIX的味道, 也建个自己的主页。 但怎么建呢? 你鼓起勇气学习HTML, 而坦白说, 你学得一头雾水, 再也不想
收藏 0 赞 0 分享

Frontpage制作网页初学问题解答

  问:我用frontpage做主页,但有一个疑问一直困扰:如何使每段落首行空两格?我用空格键或TAB键空格,但IE与NC显示均不相同,请问如何解决?   答:用汉字输入,并设为全角,然后空格,就可以了:)   问:我的主页用frontpage做好后传上去,但是图
收藏 0 赞 0 分享

Frontpage 三种回车键

Frontpage的回车键有三种:enter、shift+enter、ctrl+enter。
收藏 0 赞 0 分享
查看更多