职称计算机

导航

2016年职称计算机考试Dreamwaver知识点(六)

来源 :中华考试网 2016-09-13

  用Dreamweaver创建导航条

  一、学习目的

  了解Dreamweaver,学会利用Dreamweaver制作网页。

  二、学习内容

  Dreamweaver的基本知识;用Dreamweaver创建导航条。

  【学习步骤】

  一个网站的不同页面使用了同一导航条。通过统一导航条的方法,我们可以实现网站风格的统一,同时也方便了浏览者在不同页面间的跳转。用Dreamweaver 3可作出各种比较复杂的导航条。网页上的导航条可由一个或几个部分组成,每个部分均由各种图像构成,可以链接到不同的网页页面。在Dreamweaver中每部分中最多可设四个状态下的图像。一开始是一个初始图像,当鼠标移动到导航条部位上时则显示另一个图像,还可以设置当鼠标点击后的初始图像,以及鼠标点击后当鼠标再次移动到这个部位上的图像。一般地,每部位只设一到两种状态的图像。因为图像太多了,会影响网页页面的访问、浏览的速度。

  导航条制作方法:移动光标到需要导航条的地方,单击主菜单栏的“Insert\Navigation Bar”子命令,或直接单击Objects面板上的图标,弹出“Insert Navigation Bar”对话框(图1),此时我们可以进行各种设置来实现上述功能:

  

  图1

  在“Element Name”项后的文本框填入这个部位的命名,也可以不填,这时Dreamweaver 3将自动给它命名。在Dreamweaver中每部分中最多可设四个状态下的图像:“Up Image”项是该部位的初始图像,在其后文本框填入已准备好的图像的地址,或点击右边Browse按钮来选择。每个部位可只设置Up Image项,其下的“Over Image”、“Down Image”和“Over While Down Image”三项可以不设置。其中,“Over Image”项是鼠标移动到这个部位上时显示的图像(本例中选择);“Down Image”项是鼠标点击该部位后显示的初始图像;“Over While Down Image”项是鼠标点击后当鼠标再次移动到这个部位上时显示的图像。注意:Element Name项和 Up Image项是必需的,所有的调用图像都会在系统的提示下保存在Dreamweaver 3文件夹中,以便调用。

分享到

相关推荐