动态导航条的制作

1、首先打开PS，新建一个页面，将页面的前景色改为灰色，（这样主要是为了后面的颜色可以有对比）。

4、新建一个图层，选择【矩形选框工具】在上部分绘制一个矩形，大小占据5*3网格（注意像素大小为200*120，大家也要记住这个数值），如图：然后将前景色颜色设置为下面参数，按住【Alt+Delete】组合键填充。

7、然后我们打开C盘，选择“Inetpub”下的“wwwroot”文件，在这里新建一个“我的站点”的文件夹。（这步一定要执行准确！）

11、打开Dreamweaver软件。新建一个文档，然后我们插入一个1行1列，边框为0像素的表格。点击下方的状态栏中，将宽设置为：200像素；高为120像素（注意一定要和PS中选框大小一致），对齐方式为居中。

12、然后我们选择【插入】【图像对象】【鼠标经过图像】，弹出对话框

14、回到页面后效果如下：最后我们按下F12键浏览，弹出的对话框中选择“是”

15、浏览后出现下面的情况，这时我们右击选择“允许”，弹出对话框选择“是”