Dreamweaver网页制作超级技巧36则(4)_Dreamweaver教程

　　选中你想编辑的文字，在链接目标框里随便填入几个字符。选中这个链接，单击窗口（Windows）→行为（Behaviors），弹出行为面板。按下“ ”添加你想要的行为，如play sound等。打开Dreamweaver的超文本编辑器，找到这个链接，把改为，把改为。最后把“href=...”删掉。保存此页。按F12预览一下。效果还不错吧！

　　22. 精确定位网页中各个元素的位置

　　精确定位网页中各个元素的位置有两种方法：使用表格或层。使用表格是目前比较通用的做法，具体方法是：先在网页中建立一个表格，注重表格的边框宽度应为０。然后再把各个元素按照你的要求放在各个表格单元之中。仔细调整表格单元的大小以及表格边框的位置，这时在表格单元中的元素也会随之移动位置。这样你就可以比较精确地定位网页中各个元素的位置了。使用表格的优点是通用，几乎各个版本的浏览器可以致支持表格。它的缺点是使用起来比较麻烦，需要仔细进行调整，而且定位不十分精确。层在网页中可以随意放置，因此我们可以使用层来进行精确定位。使用方法是，在网页中插入一个层，然后把你想要定位的元素放在层里，接着我们就可以把层放到所想要任何位置了。此外，你还可以借助标尺和网格进行精确的定位。因为层只在最新的浏览器中被支持，所以为了兼容旧的浏览器，我们可以把层转变为表格。方法是选择“修改(Modify)→版面布局模式(Layout Mode) →把层转化成表格(convert layers to table)”即可。注重这时的层不能有重叠，我们可以在插入层之前选择“查看(view) →防止层交错(prevent layer overlaps)”来避免层的重叠。一般来说转换后的页面可能会有一些变化，还需要我们手工进行调整。最后有一点要注重，在进行表格和层的相互转换时，最好不要在一个页面中同时使用层与表格，那样可能会把你的页面弄得一团糟。

　　23. 改变浏览者的鼠标外形

　　这是通过编辑样式表来实现的。具体方法是：选择“文字（text）→定制样式（CSS Style）→编辑样式表（Edit Style Sheet）”，弹出编辑样式表窗口，在其中选择“新建（new）”。接着选择“建立一个定制的样式（Make custom style）”，给这个样式表起名，单击确定。编辑该样式表，选择扩展项(extension)，在右边的光标项（Cursor）中选择要出现的指针效果即可。

　　24. 去掉超链接文字之下的下划线 　　

　　这一效果是通过编辑样式表来实现的。具体方法是：“点击文字（text）→定制样式（CSS Style）→编辑样式表（Edit Style Sheet）”，出现编辑样式表窗口，选择“新建（new）”。接着选择重定义HTML标记（Redefine HTML Tag），并在下面的标记(Tag)选单中选择a。编辑该样式表，选择类型(type)，在右边的装饰（decoration）中选中无（none ）即可。

　　25. 制作一个跟着页面走的图像

　　这一效果是通过JavaScript实现的。一般来说完成这样一个效果需要一定的编程能力，但现在我们可以通过Dreamweaver的插件轻易地实现。插件的安装方法：解压缩后拷贝到Dreamweaver下的文件夹Configuration\Objects内的一个新建文件夹里面即可。重新启动Dreamweaver之后，我们就可以在对象面板之中找到新安装的插件了。点击插件的图标，在弹出的对话框中填入图像的存放地址以及图像的显示位置就可以了。

26. 制作鼠标移上去后有变化的动态菜单

　　所谓动态菜单其实是两幅图，一幅是鼠标不放在上面所显示的，另一副是鼠标移上去所显示的。我们可以利用Dreamweaver提供的行为之中的swap image来实现这个效果。首先插入一副图片，用鼠标单击它，在属性面版的连接栏内输入要连接的网页。然后打开行为面板添，点击“ ”号，选择swap image。接着出现一个窗口，要你选择鼠标移上去后所显示的图片，在此选择第二副图片，点击“确定”。好了，效果完成了，多简单。