3.4.7  导航条

 

导航条由一组按钮或者图像组成,由它们链接到各个分支页面,起到导航作用。导航按钮或者图像一般包括四种状态,如图353所示。

353 导航按钮或者图像的四种状态

 

导航条制作方法很简单,在菜单栏选择【插入】【图像对象】【导航条】,打开如图354所示的对话框,各项目解释如下:

354   插入导航条对话框

 

【导航条元件】可以自命名也可以在后面内容设置完毕后系统自动分配。
【项目名称】同上
【状态图像】页面起始显示的图像
【鼠标经过图像】当鼠标指针移动到图片上时显示的图像。
【按下图像】按下鼠标时显示的图像。
【按下鼠标经过图像】按钮被单击后呈现的图像,提示用户这个部分的按钮已经被点击过。
【替换文本】图像不能正常显示或者鼠标移动在链接上时出现的文本注释。
【按下时,前往的URL】超级连接的目标。
【预先载入图像】浏览时同时下载所有图像,显示效果时直接读取电脑缓存中的图像,使效果平滑。
【使用表格】复选框选中时以表格的形式插入导航条。(默认选择)
【插入】水平或垂直,当添加其他按钮导航条的时候在该按钮的水平位置或垂直位置排列。

最顶端的”“-”按钮用于添加其他导航按钮。”“按钮用于调整导航按钮位置。

点击“确定”按钮完成设置,如图355所示,效果可在浏览器中查看。

 

355    做好的导航按钮

 

3.4.8  Flash文本和Flash按钮

    Dreamweaver MX中直接插入Flash文本即可制作具有动画效果的文本,而不用在Flash软件中制作。方法如下:

1.在文档窗口中将光标移动到要插入Flash文本的位置;

2.选择菜单栏【插入】/【媒体】/Flash文本】,如图356所示;

 

356   插入Flash文本对话框

 

【字体】【大小】选择所需要的字体和字号;
【颜色】选择页面起始时显示的文本的颜色;
【转滚颜色】鼠标经过时的颜色;
【文本】需要显示的文本;
【链接】鼠标点击后链接的URL
【目标】在新窗口还是在本窗口打开等的选项;
【背景色】Flash的背景颜色;
【另存为】保存的路径和文件名。
 

    同插入Flash文本一样,无需在Flash软件中制作,即可直接在Dreamweaver MX 中制作出Flash按钮,如图357所示。

357  插入Flash按钮对话框

 

【样式】内置了各种按钮的样式。
【范例】显示内置按钮样式。
【按钮文本】按钮上的文字,设定后取代内置按钮上的文字。
【另存为】保存Flash按钮的的路径和文件名。 

  

3.4.9  插入插件

 

在网页中插入插件可以增加网页的功能,使网页更加生动活泼有吸引力。如要在网页中增加播放音乐功能,可按以下方法操作:

    1.打开一个需要添加音乐的网页;

2.在菜单栏选择【插入】/【媒体】/【插件】打开如图358所示的对话框;

   358   插件对话框

 

3.选择路径和文件之后点击【确定】按钮,文档中出现插件图标,如图359所示;

359   插件图标

 

    4.鼠标选中插件图标,【属性面板】中可以设置其属性,如图360所示。

   360    插件属性面板

 

【宽高】设置为零的时候,网页中不出现播放器外观,这种做法可以使音乐作为网页的背景音乐。默认音乐播放一次后停止,如果想要循环播放则需要在代码中设定;当宽高设置为300X40的时候,出现下图所示大小的播放器外观,可以对音乐进行控制。

【插件URL】设置站点中播放音乐媒体的插件路径和文件名,如果不设置,则会使用服务器端的插件播放该文件。如图361所示。

   361   服务器端的插件

 

3.4.10  表格的使用

 

表格在网页中应用非常广泛,它不但可以精确的定位文本,图像和其他网页中的元素,还可以有效的排列数据。表格运用的好坏是区分专业网页制作和业余爱好的客观标准。

    表格分为三个基本部分:

行:表格中的水平间隔;

列:表格中的垂直间隔;

单元格:行列相交的区域。

 

1建立表格

    将光标移动到准备插入表格的地方点击菜单【插入】/【表格】,打开如图362所示的对话框,各部分解释如下:

362    表格对话框

 

【行数】【列数】文本框中填写相应的数字就能够定义表格的行数和列数。

【表格宽度】文本框配合后面的下拉选项可以定义表格的宽度。表格的宽度可以用像素或百分比单位,如果您需要浏览者无法改变表格宽度,请使用象素单位;如果您需要表格随用户屏幕分辨率改变,请选用百分比。

【边框粗细】文本框中的数字定义了表格边框的宽度,如果设置为零,则不显示边框,这在网页布局中经常使用,虽然没有边框,但是我们在菜单栏的【查看】/【可视化助理】中选中【表格边框】命令就能显示出边框的虚线,便于大家布局,最后生成的网页在浏览器中打开边框不会显示出来。

【页眉】选现定义表格标题出现的位置。

【标题】文本框输入表格标题的文本。

【对齐标题】下拉选项定义标题的位置。

【摘要】添加备注文字。

【单元格边距】单元格中元素与单元格边框之间的距离。

【单元格间距】单元格与单元格之间的距离。

    输入所需的行列数,点击“确定”完成完成表格设置,效果如图363所示。

 

363   建好的表格