注册通行证 用户名 密码
  • 文章投稿
  • 博客
  • 论坛
  • 设为首页
  • 加入收藏
jztop.com网络技术
  • 首页
  • | iT新闻
  • | 操作系统
  • | 组网建网
  • | 网络安全
  • | 程序开发
  • | 办公一族
  • | 工具软件
  • | 网页制作
  • | 多媒体制作
  • | 网吧技术
  • | 服务器
  • | 专题教程
Vista | 软件评测 | 系统备份 | 优化 | 进程 | 聊天 | 病毒 | Linux | 黑客 | 防火墙 | 数据库 | Web开发 | Java | Word | 游戏 | 32位开发 | 移动开发
当前位置:首页 > 网页制作 > Dreamweaver制作 内容正文:Dreamweaver教程:创建导航条

Dreamweaver教程:创建导航条

发布时间:2006-07-03 09:35:14 来源:友佳学院 网友评论 0 条
    创建导航条

    如果不使用框架,可以在每个页面设置导航条,导航条设一组链接按钮,供浏览者选择使用。按钮有多种形式,下边介绍由鼠标经过图像变换按钮的组成的导航条制作:(导航条在页面顶部)

    “鼠标经过图像”是当访问者用鼠标指针指向该图像时,该图像发生变化。

    “鼠标经过图像”由两个图片组成:页面最初载入时显示的原始图像,访问者将鼠标指针移到原始图像上时显示另一幅图像。

    提示:事先您要制作好按钮图像,确保每个按钮的图像都具有相同的宽度和高度(以像素为单位)。

    请执行以下操作:

    打开主页 (index.htm)

    在“文档”窗口中,将插入点放置在要显示导航条的位置。一般在导航条上边要放置一个横幅图像(logo),导航条就安排在logo下边的位置。

    选择“插入”>“图像对象”>“导航条”。弹出对话框如下:

    在“插入导航条”对话框中,单击顶部加号“+”按钮,按照上图所示①②③④⑤对应的文本框,填入相应的文件。即完成了一个按钮的添加。

    然后,单击页面顶部的加号“+”按钮,添加另一个按钮。重复以上步骤,直至您所需的按钮添加完毕。

    勾选“预先载入图像”,在对话框底部的“插入”菜单中,选中“水平”。勾选“使用表格”。

    单击“确定”关闭该对话框,成功创建了导航条。

    保存页面。

    按F12,预览一下你的导航条,如果满意了,可以将该页面多次“另存为”其它页面,分别指定不同的名称。比如:p1.htm、p2.htm.....等。保存多少次视您的按钮数量而定。然后,分别打开其它页面进行编辑。

    【注】:鼠标指针经过按钮,图像变化,只能在浏览器中看到效果。

相关文章
  • Dreamweaver教程:框架技术
  • Dreamweaver教程:表格设计
  • Dreamweaver教程:超级链接
  • Dreamweaver教程:创建页面
  • Dreamweaver教程:页面制作
【评论】【收藏本文】【打印】【关闭】
上一篇文章:Dreamweaver教程:框架技术
下一篇文章:用Dreamweaver 8 搞定“web标准”
讨论区
查看
已有 0 位对此新闻感兴趣的网友发表了看法
匿名发表
注册通行证 登陆
图文阅读推荐
Dreamweaver扩展(插件)的开发
Dreamweaver扩展(插件)的开发
Dreamweaver中CSS样式表的应用实例
Dreamweaver中CSS样式表的应用实例
推荐阅讯
  • 用Dreamweaver MX创造网页鼠标样式
  • 解决Deamweaver8中CSS应用无效问题
  • Dreamweaver教程:发布网站
  • 解决Dreamweaver不支持中文文件名
  • Dreamweaver MX教程:在居中页面使用层
  • 让网站链接样式千奇百怪
  • Dreamweaver 入门:DW 8 的新增功能
  • Dreamweaver 入门:使用CSS设置页面格式
  • Dreamweaver MX 2004从零开始
  • Dreamweaver 基础 :DW的"文档"窗口
阅读排行
  • 1.Dreamweaver中CSS样式表的应用实例
  • 2.菜鸟学用DreamWeaver做ASP
  • 3.Dreamweaver经典问题大搜罗(全集)
  • 4.情人节打造爱的纪念页
  • 5.用Dreamweaver插入网页背景音乐的方法
  • 6.Dreamweaver超级技巧(下)
  • 7.Dreamweaver扩展(插件)的开发
  • 8.自建Blog网站完全图解
  • 9.Dreamweaver制作网页之图片应用技巧
  • 10.Dreamweaver 入门:使用CSS设置页面格式
专题教程
  • 大话G游 专题:手机病毒揭密
  • ARP攻击防范与解决方案 路由故障处理手册
  • Picasa中文版_Picasa教程 专题:清除流氓软件
  • Firefox专题 seo搜索引擎优化专区
  • 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏
  • 杀毒软件反被病毒杀 连"救命"都不能喊
  • 金山ARP防火墙
  • 还原卡神话破灭“机器狗”病毒来势汹汹
  • cctv经济半小时:你的手机现在安全吗?
  • 新挂马方式开始流行 ARP挂马称雄局域网
  • 木马和病毒清除的通用解法
  • IP地址不再冲突 查找ARP攻击者元凶
  • 教你几招识别和防御Web网页木马
  • 分析:封杀BT只是暂时的止痛药
  • QQ爆危险漏洞,“QQ游戏邀请大盗”邀请你玩病
关于我们 | 诚聘英才 | 联系我们 | 版权声明 | 网站大事 | 网站地图 | 意见建议
CopyRight 2005-2007 Jztop.Com 版权所有 未经许可 请勿转载