当前位置:起点学习辅导网培训频道电脑知识学习网页制作Dreamweaver教程提高 Dreamweaver行为全接触(3)

提高 Dreamweaver行为全接触(3)

01-01 19:59:59浏览次数:454栏目:Dreamweaver教程
标签:dreamweaver8教程,dreamweaver8.0教程,暂无联系方式 提高 Dreamweaver行为全接触(3),
    当浏览一个免费主页时,经常会弹出一个小窗口,里面放一些广告或调查等等,这样做很容易吸引注意,这往往是服务提供商强迫的,人在屋檐下不得不低头!有的时候某些页面的内容不太多,给它订做一个比较小的窗口这还是很流行的(蚁盟就大量用到此技术),我们自己也可以DIY这样的窗口,这就是本节的内容--Open Browser Window(定制浏览器窗口)

一.认识Open Browser Window编辑窗口

  在DW编辑框中按F8调出Behaviors面板,点击选Open Browser Window立刻出现以下窗口:

 

RUL to Display:在定制窗口中要显示文件的路径,点击Browse...按钮来选择路径。

Window Width,Window Height:分别为定制窗口的宽和高度,单位是Pix。

Attributes(窗口属性),定制你新窗口的界面。

Navigation Toolbar:导航工具栏;Location Toolbar:地址栏;Status Bar:状态栏;Menu Bar:菜单;Scrollbars as Needed:滚动条;Resize Handles:窗口大小可变。

Window Name:你定制窗口的名字

二.Open Browser Window的常见应用

  在讲范例之前我先讲几个要用到的事件(Events):

Onload:当被指定对象(网页,图片,Flash插件等)开始在浏览器装载时事件触发。

OnUnload:当使用者离开当前页面时事件触发。

  本节的第一个应用:打开一个页面出来一个定制的小窗口。

1.用鼠标点击页面的空白处后按F8调出Behaviors面板,点击选Open Browser Window,出来上图所示编辑框。

2.点击Browser...按钮选择你要显示的文件。

3.Window Width和Window Height分别填入你定制窗口的宽和高。

4.再来填Attribute(属性)选项,这就能者见能智者见智,根据具体需要选择适当的参数。这些参数可不填。

5.在Windows Name:中填入你的窗口名,点击确定。

6.如果Behaviors编辑窗口的显示区的Events不是Onload,你Open Browser Window动作并点击左边的一个小三角形,选择OnLoad事件,至此本范例完工。

  注意:第一步中的鼠标一定要点击页面的空白处,不能是表格中的空白处或其它对象,否则在进行第6步操作时就没有Onload事件选择,也可以把Onload事件换成OnUnload事件,退出当前页面弹出定制窗口,就可以在此窗口中放入广告(赚一点广告费),这样做应该不会有人反感。

  本节的第二个应用:点击一个链接出来一个定制的小窗口

1.先选择文字对象并做一个空链接。

2.用鼠标点击文字链接对象,再按照第一个应用的方法加入Open Browser Window行为。把第6步的Events(事件)改为OnClick即可

,提高 Dreamweaver行为全接触(3)
《提高 Dreamweaver行为全接触(3)》相关文章
给资讯打分:
网友评论: