第 5 章 网页特效.pptVIP

3. 页面引用JavaScript 脚本文件 4. 浏览效果 课件制作 谢谢观看 * 第 5 章 第 5 章 网页特效 第 1 节 CSS 样式表特效 第 2 节 行为特效 第 1 节 CSS 样式表特效 一、层叠样式表的基础知识 1. 层叠样式表的概念 层叠样式表（Cascading Style Sheets，简称CSS），是专门用于定义各种各样的样式的一套规范，是网页元素的修饰者，有了它就可以非常灵活方便地设计和汇总样式来控制网页内容的外观。 2. 层叠样式表的功能 （1）样式丰富多样 （2）灵活方便 （3）减少网站开发者工作的重复性 3. 层叠样式表的类型 （1）行内式样式表 （2）嵌入式样式表 （3）外联式样式表 二、CSS 样式表创建 1. 创建CSS 样式表的方法 （1）通过菜单选项创建样式表 （2）通过“CSS 样式”面板创建样式表 （3）通过“属性”面板创建样式表 2. 新建CSS 规则 三、CSS 样式属性定义 1. 文本属性 2. 背景属性 3. 边框属性 4. 列表属性 四、CSS 样式表的引用 1. 引入外部样式表 2. 应用CSS 样式表 （1）通过菜单应用 （2）通过“属性”面板应用 （3）通过“CSS 样式”面板应用 3. CSS 的应用优先级 CSS 样式的优先级总结来说，离被设置元素越近优先级别越高，一般依据下面的规则划分优先级，即行内样式表（在HTML 元素内部） 内部样式表（位于head 标签内部） 外联样式表 浏览器缺省设置。 行内样式（在HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明、外部样式表中的样式声明或者浏览器中的样式声明（缺省值）。 五、CSS 样式的应用 1. 内部样式表的应用 2. 外部样式表的应用 3. 应用外部样式 第 2 节 行为特效 一、认识行为 1. 行为的概念 行为是由对象、事件和该事件触发的动作构成的。Dreamweaver CS5 内置了很多行为，使设计者不用输入复杂的代码即可在网页上实现一些很实用的交互效果，如果对JavaScript 语言有些掌握，还可以编写代码实现更加丰富的效果。 2. 对象 对象是产生行为的主体。 3. 事件 事件是由用户或浏览器针对页面元素的一种操作。 4. 动作 动作通常是由一段预先编写的JavaScript 代码组成的，用于完成某些特殊的任务。 二、添加与编辑行为 1. 打开“行为”面板 2. 添加行为 3. 编辑行为 三、表单 Form 表单用于申明表单，定义采集数据的范围，也就是form 和/form 里面包含的数据将被提交到服务器，通常形式是： form action= method= entype=/form。 表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框、文件上传框、下拉选择框等。 1. 文本框 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或简短的回答。 2. 多行文本框 多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。 3. 密码框 密码框是一种特殊的文本域，用于输入密码，当访问者输入文字时，文字会被星号或其他符号代替，而输入的文字会被隐藏。 4. 隐藏域 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的，当表单被提交时，隐藏域就会将信息用设置时定义的名称和值发送到服务器上。 5. 复选框 复选框允许在待选项中选中一项以上的选项，每个复选框都是一个独立的元素，都必须有一个唯一的名称。 6. 单选框 当需要访问者在单选项中选择唯一的答案时，就需要用到单选框了。 7. 文件上传框 有时候需要用户上传文件，文件上传框看上去和其他文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件路径或者单击浏览按钮选择需要上传的文件。。 8. 下拉选择框 下拉选择框允许在一个有限的空间设置多种选项。 9. 表单按钮 表单按钮控制表单的运作。提交按钮用来将输入的信息提交到服务器。 四、JavaScript 脚本语言 JavaScript 是一种直译式脚本语言，它的解释器被称为Ja