您的位置：IT在中国 >> 在线课堂 >> Dreamweaver >> 正文
在Dreamweaver中有两种方法创建网页导航条，一种是使用【鼠标经过图像】命令，还有一种是使用【导航条】命令。前者创建的导航条按钮包括两种状态；后者创建的导航条按钮包括四种状态。创建导航条时，后者可以创建前者的按钮显示效果，前者不能创建后者的导航条显示效果。
在Dreamweaver中有两种方法创建网页导航条，一种是使用【鼠标经过图像】命令，还有一种是使用【导航条】命令。前者创建的导航条按钮包括两种状态；后者创建的导航条按钮包括四种状态。创建导航条时，后者可以创建前者的按钮显示效果，前者不能创建后者的导航条显示效果。
（1）在Dreamweaver中按Ctrl＋N快捷键新建一个HTML文档，在【文档】工具栏中设置标题为“导航条”，按Ctrl＋S快捷键保存文档为导航条。在【属性】面板中单击【页面属性】按钮，打开的【页面属性】对话框。
（2）在【页面属性】对话框中单击【背景图像】右侧的【浏览】按钮，打开【选择图像源文件】对话框，选择配套光盘中的素材图片00.1.jpg，单击两次【确定】按钮关闭所有对话框，空白文档显示背景图像。
在选择图像作为背景图像时，如果文档没有保存，就会提示保存文档。因为新建文档保存在与素材图片的同一个文件夹中，所以背景图像的文件路径只是显示图片名称。
（3）在【插入】工具栏中切换到【常用】选项卡，单击【鼠标经过图像】按钮，打开【插入鼠标经过图像】对话框。依次单击【原始图像】和【鼠标经过图像】右侧的【浏览】按钮，选择配套光盘中的素材图片AN1_01.gif和AN1_02.gif，单击【确定】按钮，背景图像中插入按钮。
访问() 相关评论() 打印资源 返回顶部 加入收藏