养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

【DW教程】如何在网页中设置弹出信息

时间:2024-11-11 03:32:30

行为是由对象、事件和动作构成的。对象是产生行为的主体。在网页制作中,我选择的图片可以成为对拇峨镅贪象,onClick事件负责点击图像,动作是点击图像后弹出的信息框。我现在给坂桎搦矍大家讲解如何设置弹出信息的制作方法。

工具/原料

电脑

DW软件

图片

方法/步骤

1、打开AdobeDreamweaverCS4。

2、执行"文件>新建"命令或按住Ctrl+N键打开【新建文觇致惯鸹档】对话框,选择其页面类型为HTML,设置布局为无,单击"创建"按钮芟坳葩津,即创建一个网页文档,如下图所示。

【DW教程】如何在网页中设置弹出信息

3、执行"插入>图像"命令或按住Ctrl+Alt+I键打开晃瓿淀眠【选择图像源文件】对话框,选择名为"战神媪青怍牙"的图片,单击"确定"按钮,如下图所示。

【DW教程】如何在网页中设置弹出信息

4、在弹出的【Dreamweaver】对话框中单击"确定"按钮,如下图所示。

【DW教程】如何在网页中设置弹出信息

5、在弹出的【图像标签辅助功能属性】对话框中单击"确定"按钮,将其插入到当前文档,如下图所示。

【DW教程】如何在网页中设置弹出信息

【DW教程】如何在网页中设置弹出信息

6、执行"窗口>行为"命令或按住Shift+F4键打开【行为】面板,如下图所示。

【DW教程】如何在网页中设置弹出信息

7、在"添加行为"下拉列表中选择"弹出信息"命令,如下图所示。

【DW教程】如何在网页中设置弹出信息

【DW教程】如何在网页中设置弹出信息

8、在弹出的【弹出信息】对话框中输入文本,单击"确定"按钮,如下图所示。

【DW教程】如何在网页中设置弹出信息

【DW教程】如何在网页中设置弹出信息

9、保存添加行为后的网页,按住F12键可以在浏览效果,将指针移至图像上,点击图像,弹出信息框,如下图所示。

【DW教程】如何在网页中设置弹出信息

【DW教程】如何在网页中设置弹出信息

© 一点知识