第15章 行为 Dreamweaver CS4提供了丰富的行为,这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能,使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念,以及“行为” 面板的基本操作;接着结合实例具体讲解常用的.

Slides:



Advertisements
Similar presentations
高中新课程思想政治(必 修 1 、 2 )的教学体会 北京师大二附中 李文燕 2008 年西城新课程教师培训的讲稿.
Advertisements

《饲料分析与质量检测技术》 说课 主讲教师:管建慧. 课程名称: 《饲料分析与饲料质量检测技术 》 课程编码:
4 第 4 章 网页的布局 设计站点地图,有助于突出网站的主题,确定网 站的内容。而对于每一个网页来说,最重要的除了网 页的内容以外,还有就是网页的风格和布局。一个格 局凌乱的网页,内容再精彩,也不能说是一个好网页 。
2009/12/211 商務科技管理系 實 務 專 題 報 告 辦桌非難事 學生: 施雅雯 ( ) 張敬芝 ( ) 葉明臻 ( ) 黃怡琅 ( )
熟悉 Dreamweaver 的工作區與基本操作
第14章 表单 在制作动态网页时,要实现信息交互,常常用到表单。 常见的表单有搜索表单、用户登录注册表单、调查表 单、留言簿表单等。本章节将和大家一起探讨在表单 的基本概念和各个元素,以及在Dreamweaver CS4中 如何创建表单,并通过实例掌握表单制作的方法。
成语乐园 成语乐园 执教老师:李道梅.
近年来,出现了一些制作粗糙、违背史实甚至常理的“抗战雷剧”,社会上也出现了一股“戏说”抗战剧的不良风气。
詹天佑.
北师大版义务教育课程标准实验教科书 七年级上册讲义 第17课 先进的科学技术.
讲故事训练 授课人:田轶.
浪漫 碰撞 蜕变 专题八 19世纪以来的文学艺术.
德国波恩明斯特广场修建的贝多芬铜像( 1845年)
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
活力校園 5C 顏慧玲.
立體四子棋 研究成員:謝旻諺、 鄭家鈞 指導老師:林屏森老師.
“三步式”网络学习法 《探究与发现》数学网络学习平台介绍
網路程式設計-期末專案 資工二B B975701 2 8 黃首翰 ~Rock your life~
俄语语音学习讲义(板块一) 本讲义的目的是让外国学生在开始学习发音、阅读以及书写前熟悉所接触的俄语字母和语音.
初中思想品德 规范的教学设计与案例分析.
5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors(行为)概述 华东师范大学计算中心.
项目一 创建“夕照台”房产网站 ——网页制作基础
三創產業學程 學群主持人:袁國榮召集人.
P303 HTML/DHTML/CSS/JavaScript 專業HTML網頁設計 陳錦輝.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
俄语字母的发音体系 阅读规则.
Dreamweaver的工作界面.
网络游戏对大学生生活的影响 英本1班 鞠申镅 汪晨茹 沈秋云 元文杰 段祺琪.
第六章 补间动画 主讲人:马 震 人民邮电出版社.
《体育与健康》说课稿 课题:新兴体育舞蹈 —踢踏舞教学 北师大泉州附中 陈玉慈.
蘇軾詞的賞析
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
网页制作 第五讲 Dreamweaver基础.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
Dreamweaver 8网页设计 计算机系.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
网页设计 上海建桥学院信息技术系 矫桂娥
100學年度土木工程系專題研究成果展 題目: 指導老師:3223 專題學生:2132、2313 前言: 成果: 圖1 圖2 方法與流程:
Javascript 初步 簡單程式篇 簡單程式篇.
第16章 行為指令的應用 16-1 認識行為面板 16-2 常用的行為指令.
Beyond Technology JavaScript(Ver1.0).
第7章 层与行为.
第二單元:Dreamweaver的基本操作
JavaScript 靜宜大學 資管系 楊子青.
网页设计与制作 Dreamweaver CS6 标准教程
学生网页作品情况分析.
認識我的故鄉_台中市.
第18章 Dreamweaver与Photoshop的完美结合
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
大專院校美食網- 以新北市為例 商務科技管理專題 組 別: 第二組 專題成員: 方采薇 陳宜欣
十 三.使用模板和库.
11.1 網站的概念 建立網頁的流程圖 決定網頁的主題,並收集資訊 設計網頁的檔案結構
站群系统管理平台简介 网教中心 2014年10月29日.
主讲:陶建平 华中科技大学网络与计算中心
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
網路程式設計-期末專案 資工二B B96570101 戴偉恒 地 方 美 食.
第12章 APDiv 对于有Dreamweaver基础的读者来说,初识APDiv或 许会感到即熟悉又陌生。熟悉于它的Div标识符, 陌生于他在CS3版本中的含义及作用。其实,APDiv 在Dreamweaver CS4中仍等同于前期版本的层,又 称为AP元素或CSS-P元素,本文以下简称AP层。 什么是层?有什么作用?前面我们学习过了表格,
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
網頁程式設計 袁福良 B B.
標示語言 超文本標示語言(HTML) 製作簡單網頁
网页设计三合一教程 主讲教师 2019/6/2.
建立站点.
项目一 了解网站的概念 项目二 创建个人网站“鸿渐工作室” 项目三 制作“鸿渐工作室”的主页 项目四 HTML语言 项目五 制作“家乡特产”网页 项目六 制作“给我留言”网页 项目七 制作“应用技巧”网页 项目八 模板制作及应用.
《网页动画设计与制作》 课程导读.
指數、對數函數 數101乙 周文翔 朱哲明 張良聿.
李商隐诗两首 锦 瑟 马 嵬 夕阳无限好,只是尽黄昏。.
Presentation transcript:

第15章 行为 Dreamweaver CS4提供了丰富的行为,这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能,使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念,以及“行为” 面板的基本操作;接着结合实例具体讲解常用的 Dreamweaver CS4内置的行为;

15.1 认识行为面板 15.1.1 什么是行为 15.1.2 行为面板的基本操作

15.1.1 什么是行为 行为是用来动态响应用户操作、改变当前页面效果或是 执行特定任务的一种方法。行为是由对象、事件和动作 构成。例如,当用户把鼠标移动至对象上(事件),这 个对象会发生预定义的变化(动作)。 对象是产生行为的主体。网页中的很多元素都可以成为 对象,例如:整个HTML文档、图像、文本、多媒体文件、 表单元素等。 事件是触发动态效果的条件,在15.2节将具体介绍 Dreamweaver CS4中常用的事件类型。 动作是最终产生的动态效果。动态效果可能是图片的翻 转、链接的改变、声音播放等。用户可以为每个事件指 定多个动作。动作按照其在“行为”面板列表中的顺序 依次发生。

15.1.2 行为面板的基本操作 “行为”面板的基本操作包括打开面板、显示事件、 添加行为、删除行为等。

15.2 添加事件 在Dreamweaver CS4中,可以将事件分为不同的种类。有的与鼠标有关,有的与键盘有关,如鼠 标单击、键盘某个键按下。有的事件还和网页相关,如网页下载完毕,网页切换等。常用的事 件如下: OnBlur:当指定的元素停止从用户的交互动作上获得焦点时,触发该事件。例如,当用户在交 互文本框中单击后,再在文本框之外单击,浏览器会针对该文本框产生一个onBlur事件。 OnClick:当用户在页面中单击使用行为的元素,如文本、按钮或图像时,就会触发该事件。 OnDblclick:在页面中双击使用行为的特定元素(文本、按钮或图像)时,就会触发该事件。 OnError:当浏览器下载页面或图像发生错误时触发该事件。 OnFocus:指定元素通过用户的交互动作获得焦点时触发该事件。例如在一个文本框中单击时, 该文框就会产生一个“onFocus”事件。 OnKeydown:当用户在浏览网页时,按下一个键后且尚未释放该键时,就会触发该事件。该事件 常与“onKeydown”与“onKeyup”事件组合使用。 OnKeyup:当用户浏览网页时,按下一个键后又释放该键时,就会触发该事件。 OnLoad:当网页或图像完全下载到用户浏览器后,就会触发该事件。 OnMouseDown:浏览网页时,单击网页中建立行为的元素且尚未释放鼠标之前,就会触发该事件。 OnMousemove:在浏览器中,当用户将鼠标在使用行为的元素上移动时,就会触发该事件。 OnMouseover:在浏览器中,当用户将鼠标指向一个使用行为的元素时,就会触发该事件。 OnMouseout:在浏览器中,当用户将鼠标从建立行为的元素移出后,就会触发该事件。 OnMouseup:在浏览器中,当用户在使用行为的元素上按下鼠标并释放后,就会触发该事件。 OnUnload:当用户离开当前网页(关闭浏览器或跳转到其他网页)时,就会触发该事件。

15.3 使用Dreamweaver CS4内置的行 为 Dreamweaver CS4内置了20多种行为,如弹出信息、 打开浏览器窗口、播放声音、调用Javascript、改变 属性、检查表单、检查插件、检查浏览器、交换图像、 控制Flash、设置导航栏图像、设置文本、跳转菜单、 拖动AP元素、显示/隐藏元素、转到URL等。本节将具 体介绍如何使用这些Dreamweaver CS4内置的行为, 轻松实现各种效果,使网页更具交互性。

15.3.1 播放声音 使用播放声音动作可以设置网页的背景音乐。例如,当用户将网页载入 浏览器时播放音乐,或当用户在网页中单击某个对象时,开始播放声音。 具体操作步骤如下: (1)打开网站首页“index.htm”,并单击状态栏中的“body”标签。 (2)在“行为”面板中单击“+”号按钮,从下拉菜单中选择“建议不 再使用”->“播放声音”命令,弹出“播放声音”对话框,在“播放声 音”文本框中输入要播放的音频文件名称与路径,单击“确定”按钮, 如图15.14所示。 (3)在“行为”面板中,单击事件名称旁边的下拉箭头,在打开的下 拉列表框中选择需要的事件,这里选择“onLoad”,如图15.15所示。 (4)保存文件,在浏览器中预览即可看到效果。当页面加载时,就开 始播放声音。

15.3.2 打开浏览器窗口 使用打开浏览器窗口动作,可以在事件发生时打开一 个新浏览器窗口。用户可以设置新窗口的各种属性, 如窗口名称、大小等。例如,当浏览者打开网站首页 时,同时弹出广告窗口“ad.html”,效果如图15.11 所示。

15.3.3 弹出信息 使用弹出信息动作,在事件发生时弹出一个事先指定 好的信息提示框,可以为浏览者提供信息,该提示框 只有一个“确定”按钮。下面以网页中的按钮为例, 单击按钮,弹出信息提示框,单击信息提示框的“确 定”按钮,信息提示框关闭,如图15.7所示。

15.3.4 检查浏览器 使用检查浏览器动作可以检测用户浏览器的类型和版 本,并使不同类型和版本的浏览器用户转到不同的网 页。用这种方法能够使那些使用低版本浏览器的用户 仍能正常浏览网页的内容。具体操作步骤如下: 在“行为”面板中单击“+”号按钮->“建议不在使用”->“检查浏览 器”

15.3.5 交换图像 使用交换图像动作,可以在页面中添加交替显示的图 像。例如当鼠标移至设置了行为的图像上时,显示其 他的图像,鼠标移开则恢复最初的图像。具体操作步 骤如下:

15.3.6 设置状态栏文本 在网页中使用设置文本动作,当事件发生时,指定的 文本将替代当前的内容。

15.3.7 设置弹出菜单 在网页中使用层和行为创建下拉菜单。方法如下: