如何在Dreamweaver CS3中做自定义弹出窗口

地板小金

地板小金

2016-02-20 01:11

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享如何在Dreamweaver CS3中做自定义弹出窗口,希望可以对大家能有小小的帮助。

我们在浏览一些网页时,经常会看到有的网页弹出一些信息窗口或浏览器窗口来显示一些网站公告或一些广告信息,想知道这些窗口是怎么制作出来的吗?假如你还不曾知道,那么就请看本文如何利用Dreamweaver MX 2004 来制作这些弹出窗口的方法吧!  一、弹出信息窗口  启动Dreamweaver MX 2004,打开要加载弹出窗口的网页或新建一个网页。按下Shift+F3命令,打开行为设置面板。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

图1 行为面板

(1)点击"+"号

 

(2)在弹出的菜单中选择"弹出信息"项

图2 弹出信息 

(1)在空白区域输入弹出信息窗口中所要表达的内容。

 

(2)按下"确定"按钮返回。

图3 选定动作

这个时候我们发现行为设置面板的内容已经起了一点变化。其中事件下的"OnLoad"表示打开当前网页即弹出该窗口。

假如不想在打开网页的时候马上打开窗口,那么就可以点击事件的向下箭头。

图4 各种事件

 

在按下向下箭头打开的菜单中我们就可以设置其它响应方式,例如"OnClick"表示鼠标点击时弹出该信息窗口、"onUnload"表示关闭当前网页弹出信息框。  现在我们保存网页,按下F12浏览一下,怎么样是不是在打开该网页的时候也显示了如图5所示的信息窗口。

图5 信息窗口

 

二、弹出网页窗口

弹出网页窗口的制作过程与信息窗口有点相似,首先我们得预备好浏览当前网页时要打开的网页,然后在图1中选择打开"浏览器窗口"命令。  (1)点击"浏览"按钮选择要弹出的网页窗口  (2)设置打开窗口的固定宽度和高度  (3)设置属性,在这里可以包括是否显示菜单栏、工具栏、滚动条、调整大小手柄等内容。

图6 窗口设定

 

(4)设置打开的窗口名称

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

做好这些设置之后按下"确定"按钮,然后保存网页,我们现在预览一下,怎么样在浏览当前网页的内容同时是不是又弹出一个网页窗口。  合理应用弹出窗口可以对起到事半功倍的效果,例如宣传网站、发布网站的公告、制作弹出广告等。但凡事都应该有一个度,在同一个网页中建议大家最好只设置一个弹出窗口,因为过多的弹出窗口将影响用户浏览的爱好,那样就会起到得不偿失的效果。

展开更多 50%)
分享

猜你喜欢

如何在Dreamweaver CS3中做自定义弹出窗口

Web开发
如何在Dreamweaver CS3中做自定义弹出窗口

Dreamweaver CS3中如何创建自定义代码片段

Web开发
Dreamweaver CS3中如何创建自定义代码片段

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何在Adobe Dreamweaver CS3中快速插入iframe框架

Web开发
如何在Adobe Dreamweaver CS3中快速插入iframe框架

如何在Windows XP中设置自定义纸张

电脑入门
如何在Windows XP中设置自定义纸张

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver CS3中的CSS布局规则

Web开发
Dreamweaver CS3中的CSS布局规则

Dreamweaver CS3中Spry详细区域功能

Web开发
Dreamweaver CS3中Spry详细区域功能

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

User agent字符串将成为用户真正的隐私问题

User agent字符串将成为用户真正的隐私问题

win7系统休眠后网络断开怎么办?

win7系统休眠后网络断开怎么办?
下拉加载更多内容 ↓