《制作网页高级特效》教学大纲
一、课程的性质和任务
《制作网页高级特效》是北大青鸟专业的一门必修课。本门课程主要是通过制作Flash在几个主要的设计（应用）领域中，运用动画技术结合ActionScript编程技术满足网站前台特效，以及企业产品演示、课件制作、游戏设计制作等需要。结合实际案例解析，解释如何在Flash中实现的关键步骤，掌握不同应用领域中常用的Flash程序设计手段，并将这些内容应用到后面的项目实战中。选取的案例均是当前Flash领域实用的案例，穿插讲解相关理论。
二、课程的教学目标
通过本课程的学习，学生能够熟练运用ActionScript实现对影片的控制，能制作用于网络的Flash特效。为后续的综合实战课程做准备。
三、教学内容和教学要求
第一部分：JavaScript高级特效
（一）制作菜单类特效
教学内容：
1.简介
2.制作演示案例1¬——简单的一级导航菜单
1）案例分析
2）相关理论回顾：页面布局、JavaScript事件、相关的背景样式
3）操作步骤：如何根据提供的素材页面，编写代码实现
3.制作演示案例2¬——带有二级菜单的导航菜单
1）案例分析
2）相关理论回顾：有样式的DIV层和无样式的DIV层
3）操作步骤：如何根据提供的素材页面，编写代码实现
4.制作演示案例3¬——制作横向菜单
1）案例分析
2）操作步骤：如何根据提供的素材页面，编写代码实现
5.制作演示案例4¬——制作竖向菜单
1）案例分析
2）操作步骤：如何根据提供的素材页面，编写代码实现
教学要求：
1. 会使用层DIV的display属性实现隐藏或显示
2. 会使用鼠标事件实现菜单背景的切换
3. 会使用CSS+DIV层制作各种菜单效果
重点和难点：
重点：
1. 如何实现不同风格样式的导航菜单
2. 通过id获取对象的语法
难点：
1. CSS+DIV层实现不同风格样式的菜单效果
（二）制作广告类特效
教学内容：
1.简介
2.制作演示案例1¬——随主页弹出的广告
1）案例分析
2）相关理论回顾：window对象的open（）方法
3）操作步骤：如何根据提供的素材页面，编写代码实现
3.制作演示案例2¬——可关闭的左侧广告
1）案例分析
2）操作步骤：如何根据提供的素材页面，编写代码实现
4.制作演示案例3¬——可关闭的随页面滚动的广告
1）案例分析
2）相关理论：onscroll事件、pixelTop属性与scrollTop属性
3）操作步骤：如何根据提供的素材页面，编写代码实现
5.制作演示案例4¬——无数字导航的横幅广告
1）案例分析
2）相关理论：setTimeout（）方法的使用
3）操作步骤：如何根据提供的素材页面，编写代码实现
6.制作演示案例5¬——带数字导航的横幅广告
1）案例分析
2）相关理论：clearTimeout（）方法的使用
3）操作步骤：如何根据提供的素材页面，修改代码实现
7.制作演示案例5¬——页面漂浮广告
1）案例分析
2）相关理论：offsetWidth属性和offsetHeight属性
3）操作步骤：如何根据提供的素材页面，修改代码实现
教学要求：
1. 会使用CSS+DIV层制作广告
2. 会使用window.open方法制作弹出广告
3. 会使用setTimeout函数实现图像的交替显示
4. 会使用样式属性制作浮动广告
重点和难点：
重点：
1. 如何使用setTimout( )制作定时器
2. 如何通过样式属性实现广告的动态移动效果
难点：
1. setTimeout( )方法的应用
2. 如何使用样式属性控制广告的移动
（三）制作层切换和层提示特效
教学内容：
1.简介
2.制作演示案例1¬——层信息提示
1）案例分析
2）操作步骤：如何根据提供的素材页面，编写代码实现
3.制作演示案例2¬——弹出隐藏层
1）案例分析
2）相关理论：innerText属性
3）操作步骤：如何根据提供的素材页面，编写代码实现
4.制作演示案例3¬——左侧导航切换
1）案例分析
2）操作步骤：如何根据提供的素材页面，编写代码实现
5.制作演示案例4¬——上方导航切换
1）案例分析
2）操作步骤：如何根据提供的素材页面，编写代码实现
教学要求：
1. 会使用CSS+DIV层进行页面布局
2. 使用表格+DIV层进行页面布局
3. 会使用innerText动态改变文本显示
4. 会使用display属性控制层的显示和隐藏
重点和难点：
重点：
1. 如何使用通过鼠标事件以及display属性实现切换导航效果
2.如何通过innerText属性动态改变文本显示
难点：
1. innerText属性的应用
（四）制作文字滚动类和日期类特效
教学内容：
1.简介
2.制作演示案例1¬——文字滚动特效
1）案例分析
2）相关理论：MARQUEE标记的用法
2）操作步骤：如何根据提供的素材页面，编写代码实现
3.制作演示案例2¬——无缝的连续滚动广告
1）案例分析
2）相关理论：setInterval( )方法、clearInterval ( )方法
3）操作步骤：如何根据提供的素材页面，编写代码实现
4.制作演示案例3¬——日历显示特效
1）案例分析
2）相关理论回顾：Date日期对象、数组Array对象
3）操作步骤：如何根据提供的素材页面，编写代码实现
5.制作演示案例4¬——倒计时特效
1）案例分析
2）相关理论回顾：setTimeout（ ）方法、Math对象
3）操作步骤：如何根据提供的素材页面，编写代码实现
教学要求：
1. 会使用MARQUEE标记实现文字滚动类特效。
2. 会使用DIV层、setInterval( )方法和clearInterval ( )方法来修改无缝的连续滚动广告。
3. 能读懂日历显示特效源代码，然后基于此修改日历的外观样式。
4. 能读懂倒计时特效源代码，然后基于此修改倒计时牌的外观样式
重点和难点：
重点：
1. 如何使用<MARQUEE>标签实现滚动图文特效。
2. 如何使用Date对象，来获取或设置指定的时间。
3. 如何使用CSS样式来定制各种漂亮的时钟。
难点：
1. setInterval( )方法和clearInterval ( )方法的应用。
2. Date对象及其方法的灵活运用。
（五）制作网页辅助类特效
教学内容：
1.简介
2.制作演示案例1¬——防拷贝特效
1）案例分析
2）相关理论：alert( )方法、oncontextmenu、onkeydown和onselectstart事件
2）操作步骤：如何根据提供的素材页面，编写代码实现
3.制作演示案例2¬——主页收藏特效
1）案例分析
2）相关理论：超链接调用JavaScript代码、DHTML的behavior属性
3）操作步骤：如何根据提供的素材页面，编写代码实现
4.制作演示案例3¬——动态改变CSS风格特效
1）案例分析
2）相关理论回顾：CSS样式、下拉列表框
3）操作步骤：如何根据提供的素材页面，编写代码实现
5.制作演示案例4¬——省市级联特效
1）案例分析
2）相关理论回顾：列表框、数组Array对象
htmlradio添加切换事件
3）操作步骤：如何根据提供的素材页面，修改代码实现
教学要求：
1. 能通过临摹别人的代码，来制作防拷贝特效。
2. 能通过临摹别人的代码，来制作主页收藏特效。
3. 能读懂CSS样式代码、HTML代码和JavaScript代码，然后基于此修改页面风格。
4. 能读懂省市级联特效代码，然后基于此修改省市的名称。
重点和难点：
重点：
1. 如何使用鼠标和键盘相关事件制作防拷贝特效。
2. 如何使用setHomePage和AddFavorite方法制作主页收藏特效。
3. 如何使用数组修改省市级联中的省份和城市名称.
难点：
1. 动态改变页面的风格。
第二部分：Flash高级特效
（一）制作菜单类特效
教学内容：
1.简介
  1）ActionScript的定义及作用
2.演示案例1——分析
3.相关理论：
1）什么是ActionScript
2）利用ActionScript能够做些什么
3）ActionScript与JavaScript的区别

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。