在“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文件夹中，以便调用。 三 、小结
用Dreamweaver创立导航条 用Dreamweaver创立导航条 一、学习目的
理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容
Dreamweaver的根本学问；用Dreamweaver创立导航条。 【学习步骤】
当然，还可给该部位设置超级链接：在下面的“When Clicked Go To URL”项后文本框填入链接到的文件的地址，或单击Browse按钮选择，当鼠标挪动到这个部位上时，在状态栏中能够看到链接到的地址。When Clicked Go To URL项后有一个下拉选框，这是设置超级链接的目的。
接着是“Options”项，若选中“Preload Images”选框，则阅读者阅读页面时，一切图像将在页面下载的同时全部下载，整个页面翻开的速度会慢些，但图像间转换会没有延迟，选中它。反之，不选Preload Images选框，则页面下载的同时只下载初始图像，其它图像按次第下载，整个页面翻开的速度较快，但图像间转换会有延迟。若选中“Show “Down Image”Initially”选框，则将Down Image设为初始图像。此时，Over While Down Image项改为鼠标挪动到这个部位上时显现的图像，Up Image项改为鼠标点击该部位后显现的初始图像，Over image项改为鼠标点击后当鼠标再次挪动到这个部位上时显现的图像。
最下面是“ Insert”项，选框中有Horizontally(程度)和Vertically(垂直)两个选项。选中Horizontally为导航条程度展开，选中Vertically 为导航条垂直展开。 Use Table 项，选中后，Dreamweaver自动生成HTML代码将导航条各部位用表格隔开。
当一个部位设置完成后，要添加其他部位，可点击对话框上方的“＋”按钮，可按上面的步骤停止新部位的设置。要删去某一个部位，在“Nav Bar Elements”选框中先选中，再点击对话框上方的“－”按钮即可。 另外，运用设置导航条图像中的高级功用，可改动文档中基于当前按钮下的其他的图像。在默许下,单击导航条中的元素时,一切导航条中元素都会自动地返回原来默许的状态。若想设置被选中图像的上浮或是下沉的不同效果时，可用导航条中的高级功用：在“Behaviors”面板中的“Actions”标签页，单击其上面的“＋”号按钮，在弹出的菜单当选择“Set Nav Bar Image”命令，弹出Set Nav Bar Image 对话框中(见图2)，选择“Advanced”标签页，对高级属性停止设置。其中，若选择“Over Image or over while Down Image”项，则当鼠标划过图片时显现其上面的图片，有上浮或是下沉的效果，并在“Also Set Image”文本框当选择要显现的图片，同时在其下面的“If Down To Image File”当选择当鼠标按下时要显现的图片途径；若选择“Down Image”项，则当阅读者单击所选图像后,显现另外的图片。
图2
存盘后，按F12键测试所作导航条。 三、小结
用Dreamweaver创立导航条 用Dreamweaver创立状态栏 一、学习目的
理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容
Dreamweaver的根本学问；用Dreamweaver创立状态栏。 【学习步骤】 状态栏制造办法：
设置阅读器状态栏中的文本信息,这一功用可在阅读网页面时,在阅读器窗口底下状态栏中显现相关信息。其办法:选择“Behaviors”面板中的Actions标签页的“Set Text of Status Bar”命令,在弹出的Set Text of Status Bar对话框中如图3,在“Message”的文本框中输入所在状态栏中显现的文档,按“OK”按钮完成。再用按F12快捷键来测试,可看到其运转的效果。
当然可用JavaScript言语在Message文本框中参加些函数,让文本显现功态的效果。 三、小结
用Dreamweaver创立状态栏 用Dreamweaver的模板创立网页 一、学习目的
理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容
Dreamweaver的根本学问；用Dreamweaver的模板创立网页。 【学习步骤】 1、创立模板页面
最简单的方法是将一个网页另存为模板文件，经过执行命令：File→Save as Template，DreamWeaver会在网站根目录中树立一个模板文件夹——Templates来保管该模板。
当然，也能够新建一个模板：Window→Templates，会呈现的Templates面板，单击右下角的New Template按钮，输入文件名，就树立了一个空模板；再单击Open Template按钮翻开该模板，保管后自动寄存于网站模板文Templates中。
新建、翻开的模板页面和普通的网页没什么两样，同样能够参加表格、层、图片、动画、脚本，设置页面属性等。
举例：这里以制造一个模板为例来阐明。在该页面中，我们希望左侧的网站标识图和底部的导航图呈现在每个页面中。其中标识图由两幅图片叠加而成，导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分红几个热辨别别链接到不同的文件，它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面阐明则各不相同。为了坚持页面整洁，我们用表格来布置这些元素。
相关推荐：
loading