网页制作高级特效课件整套电子教案.ppt

模块一　HTML 高级特效;;课题 １　使用 Emmet 高效布局网页;课题 １　使用 Emmet 高效布局网页;课题 １　使用 Emmet 高效布局网页;课题 １　使用 Emmet 高效布局网页;课题 ２　使用内嵌框架制作画中画特效;课题 ２　使用内嵌框架制作画中画特效;课题 ２　使用内嵌框架制作画中画特效;课题 ２　使用内嵌框架制作画中画特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;课题 ３　使用 HTML5 制作验证码特效;;模块二　JavaScript 高级特效;;课题 １　JavaScript 语言基础;一、JavaScript 简介 JavaScript 是一种基于对象和事件驱动的客户端脚本语言，是目前 Web 应用程序开发者使用最为广泛的客户端脚本编程语言。 JavaScript 能通过 DOM ( Document Object Model，文档结构模型) 及自身提供的对象、操作方法实现所需的功能。 JavaScript 采用事件驱动方式，能响应键盘事件、鼠标事件及浏览器窗口事件等，并执行指定的操作。;二、第一个 JavaScript 程序 计算机程序是指一组指示计算机执行动作或做出判断的指令，通常用某种程序设计语言编写。一般情况下，计算机程序要编译成机器语言程序后再运行。还有一种未经编译就可运行的程序，通常称为 “ 脚本程序”。JavaScript 属于客户端脚本语言，VBScript ( 主要用于ASP) 属于服务器端脚本语言。;编写 JavaScript 程序可选择普通的文本编辑器或集成开发环境。Dreamweaver 集成了JavaScript 开发环境，提供了强大的 JavaScript 支持。 JavaScript 需要嵌入 HTML 中，即 JavaScript 的存在依赖于 HTML 文档。 在 HTML 中，使用 script 标记引入 JavaScript ，使用 / script 结束 JavaScript ， script 和 / script 之间是 JavaScript 脚本。 script / script 可以放在 head 和 / head 之间，也可以放在 body 和 / body 之间。二者的区别是: １) head 部分的脚本: 需调用才执行的脚本或事件触发执行的脚本放在 HTML 的 head部分。当把脚本放在 head 部分时，可以保证脚本在任何调用之前被加载。;２) body 部分的脚本: 当页面被加载时立即执行的脚本放在 HTML 的 body 部分。放在 body 部分的脚本通常用来生成页面的内容。 script 标记有一个 language 属性，用于指明使用的语言，其值可以为 “JavaScript”“VBScript” 或者 “JScript”。 script 标记还有一个 type 属性，用于指明文本类型，其值为 “text / javascript”。;和 VBScript 不区分大小写不同，JavaScript 严格区分大小写。 在编写 JavaScript 脚本语句时，用 “；” 作为当前语句的结束符。语句分行后，作为语句结束符的 “；” 可省略。也可将多个语句写在同一行中，若将多个语句写在同一行中，则语句之间的 “；” 不能省略。 JavaScript 中的注释采用和 Java 中类似的方式，单行注释前加 “ / / ”，多行注释放在 “ / ?” 和 “? / ” 之间。;三、常量和变量 １. 常量 常量是程序执行过程中其值保持不变的量，有数值常量和字符串常量两种。在 VBScript中，字符串常量只能使用双引号作为定界符。与 VBScript 不同，在 JavaScript 中不仅允许使用双引号和单引号作为定界符，而且允许双引号和单引号相互嵌套。;２. 变量 变量是程序执行过程中可能发生变化的量。使用 var 关键字对变量进行显式声明，不能使用 Var 和 VAR，JavaScript 对关键字的大小写敏感 (v 和 V 是不同的字符)。声明变量的语法格式如下: var 变量[ ＝ 值]; 变量可以在声明的同时赋值，也可以在声明后使用过程中再赋值。赋值语句的语法格式如下: 变量 ＝ 表达式;;变量的有效范围称为变量的作用域。JavaScript 有局部