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

　　27. 用Dreamweaver制作出一个类似于下拉菜单的效果

　　制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是：在页面中插入一个单行多列的表格，作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层，在层中输入第一个下拉菜单的内容，并把这个层移动到表格第一列的下面。同理，对其他菜单项也作如上的操作，插入相应的层。把所有层的显示属性(vis)改为隐藏（Hidden）。

选择表格的第一个单元，单击窗口（Windows）→行为（Behaviors），弹出行为面板。按下“ ”添加行为Show-Hide layers，并将第一个层（Layer1）属性改为显示(Show)，其他层的属性改为隐藏(Hide)。接着在行为面板中编辑这个行为，将它的触发事件(events)改为onMouseover。这样，当鼠标移动到第一个表格单元之上时，第一个下拉菜单就会显示出来。接着再添加一个行为Show-Hide layers，并将所有层的属性改为隐藏。接着在行为面板中编辑这个行为，将它的触发事件(events)改为onMouseout。这样当鼠标从第一个表格单元之上移开时，第一个下拉菜单就会隐藏起来。对其他的菜单项重复上述操作。但要注重设置“菜单二”时，第二层显示，其他层隐藏；设置“菜单三”时，第三层显示，其他层隐藏；依此类推下去。好了，做好了，按F12看看吧。

　　28. 轻松制作下载文件

　　用Dreamweaver其实很简单，把要让浏览者下载的文件名写上，然后拖动鼠标选取这段文字，在文本的属性面板上“Link”的属性输入框中写上文件名就行了。注重：若被下载的文件与该网页不在同一目录下，则文件名必须包含相对路径，否则在下载时将提示找不到文件。

　　29. 利用Dreamweaver的书签制作跳转链接

　　利用Dreamweaver的书签我们可以实现这个功能。具体方法是：将光标移到你想跳转到的地方，选择菜单中的“插入（Insert）→书签（Name Anchor）”，输入书签的名称。接下来，在你想调用链接的链接目标框中填入“#书签名称”，这样一个页面内的跳转链接就做好了。在这里，假如我们在书签名称前填入网页的名称，就会跳转到其他页面中的书签处。 比如说我们在Link处填入“index.htm#top”，当浏览者点击这个链接时就会跳转到index页面中的top书签处。

　　30. 去掉图片和表格接触地方的空隙

　　要使图片和表格接触的地方不留空隙，仅在表格属性面板上把外框线（border）设为0是不行的，还需要在表格的属性面板上把单元格的两个属性设为0（即cellspacing="0"和cellpadding="0"）。

　　31. 用TracingImage帮助定位网页中各元素的位置

　　TracingImage是Dreamweaver一个非常有效的功能，它答应用户在网页中将原来的图案设计作为辅助的背景。这么一来，用户就可以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位置了。TracingImage的具体使用是这样的：首先使用各种绘图软件作出一个想象中的网页排版格局图，然后将此图保存为网络图像格式（包括gif、jpg、jpeg和png）。用Dreamweaver打开你所编辑的网页，在页面的空白区单击右键，选择“Page Properties...”，然后在弹出的对话框中的Tracing Image项中输入刚才创建的网页排版格局图所在位置。再在Image Transparen中设定TracingImage的透明度，OK。这样你就可以在当前网页中方便地定位各个网页元素的位置了。使用了TracingImage的网页在用Dreamweaver编辑时不会再显示背景图案，但当使用浏览器浏览时正好相反，TracingImage不见了，所见的就是经过编辑的网页（当然能够显示背景图案）。

　　32. 关于“Convert Table widths to Pixels”和“Convert Table widths to Percent”