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

2016-02-20 01:11 39 1 收藏

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

【 tulaoshi.com - Web开发 】

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

图1 行为面板

(1)点击"+"号

 

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

图2 弹出信息 

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

 

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

图3 选定动作

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

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

图4 各种事件

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

 

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

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

图5 信息窗口

 

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

二、弹出网页窗口

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

图6 窗口设定

 

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

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

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

来源:https://www.tulaoshi.com/n/20160220/1633454.html

延伸阅读
标签: Web开发
层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请 看下图:   我们首先来做一个层 1、 在「窗口」菜单>选层 , 或点「插入」菜单>布局对象 > 选层。 2、 在页面中显...
标签: Web开发
HEAD元素中包含了许多重要的信息,例如文档类型、语言编码、JavaScript和VBscript的函数和变量、搜索引擎的要害字和内容提示等。您可以使用VIEW-HEAD CONTENT或HTML检查器(F10)查看其内容。 要将元素插入文档的HEAD部分请选OBJECT面板的HEAD,下面介绍一下HEAD元素的部分属性: Meta:它可以记录当前页面的信息,例如字符编码、作者、版权和...
Borland C++ Builder是基于C++语言的可视化编程环境,它提供了可重用组件库和一系列RAD设计工具,使得编程者只需用少量的手工代码就可以创建出高效的Windows应用程序,尤其是复杂的数据库访问应用程序,因此深受软件开发人员的喜爱。 在开发数据库访问应用程序时,会经常涉及到报表的打印问题。C++ Builder中提供了Quick Report...
标签: Web开发
Dreamweaver CS3默认的新建文档的编码是UTF-8,这对于有些只做GB2312编码网站的设计师来说每次都在页面设置中修改有点麻烦。 其实我们完全可以将Dreamweaver CS3默认的UTF-8编码修改成GB2312,这样我们以后新建的网页就会是GB2312编码了。 编辑-------选择首选参数设置--------新建文档
标签: Web开发
本文选自4u2v工作室编写的《Dreamweaver网页设计与制作100例》(人民邮电出版社出版,ISBN: 7115142394 )。未经著作权所有者书面授权许可,禁止转载本文。 在 Dreamweaver 中建立站点,是进行网站开发的第二个关键步骤。这里所讲的建立站点,其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地...

经验教程

967

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部