Dreamweaver 入门教程之创建导航条

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

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

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

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

  请执行以下操作:

  打开主页 (index.htm)

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

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


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

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

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

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

  保存页面。

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

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

时间: 2024-10-07 12:44:04

Dreamweaver 入门教程之创建导航条的相关文章

Dreamweaver网页制作教程:创建导航条

dreamweaver|创建|导航|教程|网页 创建导航条 如果不使用框架,可以在每个页面设置导航条,导航条设一组链接按钮,供浏览者选择使用.按钮有多种形式,下边介绍由鼠标经过图像变换按钮的组成的导航条制作:(导航条在页面顶部) "鼠标经过图像"是当访问者用鼠标指针指向该图像时,该图像发生变化. "鼠标经过图像"由两个图片组成:页面最初载入时显示的原始图像,访问者将鼠标指针移到原始图像上时显示另一幅图像. 提示:事先您要制作好按钮图像,确保每个按钮的图像都具有相同的

Dreamweaver教程:创建导航条

  创建导航条 如果不使用框架,可以在每个页面设置导航条,导航条设一组链接按钮,供浏览者选择使用.按钮有多种形式,下边介绍由鼠标经过图像变换按钮的组成的导航条制作:(导航条在页面顶部) "鼠标经过图像"是当访问者用鼠标指针指向该图像时,该图像发生变化. "鼠标经过图像"由两个图片组成:页面最初载入时显示的原始图像,访问者将鼠标指针移到原始图像上时显示另一幅图像. 提示:事先您要制作好按钮图像,确保每个按钮的图像都具有相同的宽度和高度(以像素为单位). 请执行以下操作

Dreamweaver 入门教程之创建页面

从头创建自己的页面,可以使用 Dreamweaver起始页创建新页,或者可以选择"文件">"新建",弹出如下对话框: 从各种预先设计的页面布局中选择一种.比如:选择"基本页"HTML,点击创建按钮.Dreamweaver MX 2004即展开工作区界面(一个空白页): 您可以在这个空白页添加表格和输入文本进行编辑.如果您要向页面添加图片或其它元素,应先保存这个空白页.选择"文件">"另存为",在

SharePoint 2013 入门教程之创建及修改母版页

原文:SharePoint 2013 入门教程之创建及修改母版页 在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改Master比较方便. 当然,如果需要使用母版页,必须开启SharePoint 2013的发布功能,也就是去网站集功能和网站功能,打开激活发布的Feature. 1.激活发布功能 2.打开SharePoint Designer 2013

基于jquery的一个OutlookBar类,动态创建导航条_jquery

图示效果:演示地址:http://demo.jb51.net/js/menu_jquery/index.html下载地址:http://xiazai.jb51.net/201011/yuanma/menu_jquery.rarOutlookBar.js 复制代码 代码如下: function OutlookBar(targetName)//targetName:右侧iframe的name { //创建标题 this.AddTitle=function(menuid,menutitle,openo

ActiveReports 报表控件官方中文入门教程 (2)-创建、数据源、浏览以及发布

原文:ActiveReports 报表控件官方中文入门教程 (2)-创建.数据源.浏览以及发布 本篇文章将阐述首次使用 ActiveReports 报表控件 的方法,包括添加报表文件.绑定数据源以及如何发布报表等内容. ActiveReports 报表控件官方中文入门教程 (1)-安装.激活以及产品资源 ActiveReports 报表控件官方中文入门教程 (3)-如何选择页面报表和区域报表 主要内容包括: 新建工程 在工程中添加ActiveReports报表文件 添加报表数据源 浏览报表 发布

SharePoint 2013 入门教程之创建页面布局及页面

原文:SharePoint 2013 入门教程之创建页面布局及页面 在SharePoint的使用过程中,页面布局和页面时很重要的两个概念,主要用于数据个性化展示,下面,我们简单介绍一下SharePoint的页面布局和页面的个性化. 一. SharePoint页面模型概述 如下图,是SharePoint页面模型图,我们可以看出母版页.页面布局.页面之间的关系,母版页一般是规范Web站点的Head部分和Foot部分,而页面布局和页面主要是中间的页面问题. 页面布局的作用,是为了统一一个类型的页面的格

sql入门教程:sql 创建表create table 与数据库[create databse]

sql入门教程:sql 创建表create table 与数据库[create databse] 在创建数据库的声明 在CREATE DATABASE语句是用来建立一个数据库. 创建数据库的SQL语法 CREATE DATABASE database_name 创建数据库的例子现在,我们要建立一个数据库,所谓的" my_db " . 我们使用下面的CREATE DATABASE语句:CREATE DATABASE my_db   下面来看看sql 创建表create table 在创建

Dreamweaver创建导航条

如果不使用框架,可以在每个页面设置导航条,导航条设一组链接按钮,供浏览者选择使用.按钮有多种形式,下边介绍由鼠标经过图像变换按钮的组成的导航条制作:(导航条在页面顶部)     "鼠标经过图像"是当访问者用鼠标指针指向该图像时,该图像发生变化.     "鼠标经过图像"由两个图片组成:页面最初载入时显示的原始图像,访问者将鼠标指针移到原始图像上时显示另一幅图像.     提示:事先您要制作好按钮图像,确保每个按钮的图像都具有相同的宽度和高度(以像素为单位).