dreamweaver 怎么在图片上添加按钮

第一种:<button>按钮</button>

第二种:<input type="button" name="按钮">

搜索按钮制作

"1新建一个asp页面，保存为“sousuojieguo.asp”

2打开之前制作过的""jiluji.asp“

3把鼠标指针放在表格的最左边，按回车键，把鼠标指针往上移，然后点击菜单栏的： 插入-->表单-->表单，插入一个表单。

4在表单里边输入”搜索：“，然后点击菜单栏：插入-->表单-->文本域，插入一个文本框。

5 鼠标点击刚刚插入的文本框，然后在下方把id改成""sousuo""

6然后把鼠标放到文本框的后边，插入一个按钮，并把按钮上的显示文字改成""搜索“

7切换到刚刚新建的”sousuojiesuo.asp“页面，打开”绑定“面板，点击”+“，选择”记录集（查询）

8在d出的界面如图所示设置：筛选设置成：xingming-包含-表单变量-sousuo。（因为这里我们是搜索姓名）

9把鼠标放到搜索结果页面上输入“搜索结果：“，然后回车，在点击菜单栏：插入-->表格。插入一个2行4列的表格

10 然后在表格第一行一次输入如图所示文字。

11然后把绑定面板中刚刚新建的记录集依次拖入表格第二行对应的位置

12把鼠标指针放到第二行的任意位置，然后点击界面下方的<tr>标签，选中第二行。

13打开”服务器行为“面板，点击”+“，选择”重复区域

14在d出的界面中选择”所有记录“，然后点击”确定“

15切换到”jiluji.asp"",把鼠标指针放到搜索框所在表单中，点击界面下方的<form#form1>，选中整个表单。

16在属性面板中点击动作方框右边的“文件夹”按钮，在d出的界面中选择”sousuojieguo.asp“。选择完成后，下方的方法选择""post""

17 保存所有文件，然后按F12就可以在浏览器中浏览效果了。"

准备工作如下：1． 在dw中新建一个空白文档（或者打开你要添加效果的页面）。2． 设置好你自己的css风格。3． 在页面上插入一个长500pix的表格（这里说明：插入表格的目的是为了控制层在不同分辨率下保持相对的位置不变，如果你的页面之前没有做相关设置，那么这一部你可能要费点功夫整理一下你的页面结构）。4． 将光标置入表格内，点击菜单 [插入——层] 插入一个长500高20的图层，并命名为layer1。5． 然后再将光标置入图层layer1，点击菜单 [插入——层] 再插入一个长500高130的图层layer2；并将layer2的属性中左边距和上边距都设置为0，并为它指定一个你喜欢的背景色。6． 然后重复步骤5的方法，再插入一个图层layer3，这个图层没什么特殊的用处，在我的这个教程中，我只不过是为了放置几个按钮而已。最后我的开起来如图： TIPS：这里这么做的目的是为了给你要滑动的图层前面加一个挡板，只有当点击的时候图层才从你的这个图层下缓缓的滑动出来。现在开始，才正式进入到我们今天要制作的滑动菜单的制作过程中。一、现在让我们再次重复上面的步骤5，再插入一个图层layer4,设置图层属性为宽500 、150高，刚好是刚才layer2和layer3的高度之和，并将图层layer4调整到另外两个图层下面。如图： 然后我们点击图层layer2前面的眼睛让他闭合，这样可以让我们看到它下面的图层layer4.

二、这时，我们点击ALT + F9 打开时间轴面板，DW已经为我们添加了默认的时间轴Timeline1，然后，我们选中我们要滑动的图层layer4，在上面点击右键，选择 [添加到时间轴] 这时我们可以在时间轴面板中看到我们刚刚制定的图层layer4，这说明，我们已经添加成功了！

三、然后我们点击时间轴上的第15桢，将图层layer4的属性面板中的上边距调整为150。到这里，一个能滑动的图层就算做好了，你可以拖动时间轴上面的红色方块慢慢从1走向15，你就可以看到你的这个图层慢慢的从layer2和layer3下面滑动出来！ 四、好了，现在我们只需要给这个会滑动的图层layer4设置一个可以激活他的动作就算over了：）这之前，我已经在我添加的layer3上插入了一个表格，并为layer4设置了两个按钮。

五、我们先设置激活滑动图层的动作。选择上展开这个按钮，转到行为面板，点击在出来的菜单中选择 [时间轴——播放时间轴] DW会d出一个窗体，在上面的下拉菜单中选择timeline1。 然后在行为面板中确认事件为onclick 好了，到这里，你可以预览一下，当你点击上展开按钮时，你的图层就会慢慢的从上而下滑动出来！六、我们再给图层添加上一个简单的关闭动作，就是点击关闭按钮后图层隐藏。选择上关闭按钮，转到行为面板，点击在出来的菜单中选择 [显示隐藏层] ，在跳出的窗体中选择上layer4，然后点击下面的隐藏按钮，将其设置为隐藏，如图： 七、好了，再预览一下，发现展开后点击关闭图层就没有了：）不过，似乎有一个问题，再次点击展开的时候，似乎没什么反应了，那是我们还有一个动作没有设置。重复刚才的步骤5，选择上展开按钮，添加动作 [时间轴——转到时间轴桢] ，在跳出的窗体中的下拉菜单选择timeline1，桢数添上1。 好了，这次预览发现这个问题解决了。但是我们似乎还是忽略了一个问题，点击关闭后这个图层被设置为隐藏了，再点击展开也没反应了。还是运用老办法，给展开按钮添加一个动作就可以解决了！八、重复步骤5，选择 [显示隐藏层] ，和刚才步骤6相反，这次我们选择显示，确定后，保证行为面板中显示隐藏图层的时间都是onclick。此刻展开按钮的行为面板如图： 好，再次预览，一切正常！