频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发工具应用教程 -> DreamWeaver教程 -> Dreamweaver行为全接触2

Dreamweaver行为全接触2

作者:圈圈  来源:www.jz123.cn  发布时间:2007-1-7 7:59:51  发布人:圈圈

减小字体 增大字体

一个小窗口,里面放一些广告或调查等等,这样做很容易吸引注意,这往往是服务提供商强迫的,人在屋檐下不得不低头!有的时候某些页面的内容不太多,给它订做一个比较小的窗口这还是很流行的(蚁盟就大量用到此技术),我们自己也可以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即可

为让网页的浏览速度更快,有时不得不用Flash动画代替Gif动画,但并不是所有的人都安装了其插件,一个好的网站为解决此问题,一般给出两种版本,Flash版和Html版,但需要我们自己选择进入那一个版本,随着上网的普及并不是所有的人都知道什么是Flash,什么是Html,这部分网民怎么选择?我们可以让你的网页自己做出选择进那一种版本,一解后顾之忧。这就是我们本节要讲的主要内容——Check Plugin(检查插件)。

一,认识Check Plugin编辑窗口

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

Plugin:第一项Select选择它提供的几种插件选项,一般常用的有Flash,Shockwave,Quick Time。而第二项是直接输入第一项没有列出的插件,一般很少用。

If Found,Go To URL:如果发现插件就打开当前页面。Otherwise,Go To URL:当没有发现插件就打开当前位置。

Always go to first URL if detection is not possible:这个选项一般不要选择,它是的意思是如果不能进行插件检查就进入第一个页面。

二,Check Plugin(检查插件)的常见应用

  它的应用空间不太大,一般激发它的事件是OnLoad,所以本节就不再介绍其它的事件。对于这个应用我还是作一个简单的介绍:

1.在使用这个行为的时候一共要准备两个页面,一个是支持你插件的页面,另一个是不支持插件的页面。

2.用鼠标点击页面开始的空白处,否则将不会有OnLoad事件给你选择。

3.加入Check Plugin行为后,把事件(Events)改为OnLoad即可。

  一个Check Plugin行为只提供检测一个插件,如果要求网页同时检查Flash插件和Shockwave插件,并分别进入不同的页面,怎么办?非常简单,只需再加一个Check Plugin行为,这是DW支持的,不过你还要制作一个版本的页面,当然你还可以加入更多的插件检查,我要提醒的一句是,那样会影响你网页的浏览速度。


浏览器的格局现在是两分天下,一分是IE,另一分是NetScape,在国内Ie有绝对的占有率,在这种情况下我们设计的网页只要兼容它就行了,但NetScape在国外还是有很多人使用,毕竟她是浏览器的元老。我们可以使用DW提供的Check Browser(检查浏览器)行为来使我们的网站更具亲和力,根据客户端浏览器的不同来选择不同的页面,下面请我慢慢道来。

一,认识Check Browser编辑窗口

  初看这个编辑窗口还有点害怕,有好多选项,搞清楚这个动作的机制就不必害怕了,这个动作是由一组复杂的条件语句完成的,根据判断的结果做出选择,在三个网页当中选其一。这个行为可以明确判断两种浏览器:Netscape 和Ie,不是这两种浏览器一概做Other Browser 处理。判断每一种浏览器都会有三种选项,Go to URL(打开一指定文件),Go to Alt URL(打开另一指定页面),Stay on this page(停留在该页面)。URL和Alt URL是定义Go to URL 和Go to Alt URL所指向的页面。

二.Check Browser(检查浏览器)的常见应用

  在启用Check Browser时,你最少要准备两个页面,一个是在IE下能正常浏览的页面,一个是在Netscape下正常浏览的。如果想充分发挥这个行为的功能,那就得准备三个页面,当网页检测到客户端浏览器类型不是IE和Netscape时启用第三个页面。如何填那些选项,在此没有必要讲的太详细,因为他的灵活性很大,但有必要把这个行为的工作流程讲详细一点,按上图的选项我讲一遍,首先网页判断浏览器是不是Netscape4.0 or later,如果是的话就打开Go to URL指向的页面,如果不是(otherwise)Netscape4.0 or later而是它以前的版本,也打开Go to URL指定的页面;如果网页判断浏览器是Ie4.0 or later的话就停留在当前页面,如果版本比Ie4.0 or later还低,同样停留在当前页面;如果网页判断的浏览器是其它的(other browsers)时,打开Go to Alt URL指定的页面。

  最后强调一点,你的Check Browser行为应该加到Stay on this page 页面中。


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
上一篇文章:Dreamweaver行为全接触1
下一篇文章:关于网页源代码屏蔽
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 与传统型犯罪同流合污 网..
· 网页代码常用小技巧3
· 课件素材2
· JDBC 入门(三) - 设置表..
· 网站推广时几点禁忌
· 如何在主页中控制浏览权..
· 利用ASP将HTML格式数据传..
· Google与Sun只合作不收购..
· MYSQL初学者使用指南
· 巧用缓存提高asp程序的性..
· SOHO吧100M/WEB/FTP免费..
· 用通ASP直接获取用户真实..
· 向DataGrid控件中添加Co..
· 用Visual C#来增加数据..
· 流氓软件“3448”寄生QQ..
· 离开IDG 周鸿祎要做天使..
相关文章
· Dreamweaver代码片断..
· CSS在Dreamweaver中无..
· Dreamweaver CS3 CPU..
· 用Dreamweaver制作网页中关..
· 充分利用Dreamweaver CS3的..
· Dreamweaver也能轻松制作Fl..
· 通过Dreamweaver设计网页时..
· Dreamweaver实例:随..
· Dreamweaver CS3 新功能描述..
· 入门:充分利用Dream..
· 使用Dreamweaver8在网页中轻..
· Dreamweaver8创建自定..
· 详解用Dreamweaver制..
· 在Dreamweaver8.0.2中..
· 深入DREAMWEAVER插件..
· 深入DREAMWEAVER插件..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号