制作网页高级特效教学大纲

《制作网页高级特效》教学大纲一、课程的性质和任务《制作网页高级特效》是北大青鸟专业的一门必修课。本门课程主要是通过制作Flash在几个主要的设计〔应用〕领域中，运用动画技术结合ActionScript编程技术满足网站前台特效，以及企业产品演示、课件制作、玩耍设计制作等需要。结合实际案例解析，解释如何在Flash中实现的关键步骤Flash案例均是当前Flash二、课程的教学目标通过本课程的学习，学生能够娴熟运用ActionScript实现对影片的掌握，能制作用于网络的Flash特效。为后续的综合实战课程做预备。三、教学内容和教学要求第一局部：JavaScript〔一〕制作菜单类特效教学内容：1.简介制作演示案例1¬——简洁的一级导航菜单案例分析相关理论回忆：页面布局、JavaScript大事、相关的背景样式操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例2¬——带有二级菜单的导航菜单案例分析相关理论回忆：有样式的DIV层和无样式的DIV操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例3¬——制作横向菜单案例分析操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例4¬——制作竖向菜单案例分析操作步骤：如何依据供给的素材页面，编写代码实现教学要求：会使用层DIV的display会使用鼠标大事实现菜单背景的切换会使用CSS+DIV重点和难点：重点：如何实现不同风格样式的导航菜单通过id难点：CSS+DIV〔二〕制作广告类特效教学内容：1.简介制作演示案例1¬——随主页弹出的广告案例分析相关理论回忆：window对象的open〔〕方法3〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例2¬——可关闭的左侧广告案例分析操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例3¬——可关闭的随页面滚动的广告案例分析相关理论：onscrollpixelTop属性与scrollTop3〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例4¬——很多字导航的横幅广告1〕案例分析2〕相关理论：setTimeout〔〕方法的使用3〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例5¬——带数字导航的横幅广告1〕案例分析2〕相关理论：clearTimeout〔〕方法的使用3〕操作步骤：如何依据供给的素材页面，修改代码实现制作演示案例5¬——页面漂移广告案例分析相关理论：offsetWidth属性和offsetHeight3〕操作步骤：如何依据供给的素材页面，修改代码实现教学要求：会使用CSS+DIV会使用window.open方法制作弹出广告会使用setTimeout函数实现图像的交替显示会使用样式属性制作浮动广告重点和难点：重点：如何使用setTimout()制作定时器如何通过样式属性实现广告的动态移动效果难点：setTimeout()方法的应用如何使用样式属性掌握广告的移动〔三〕制作层切换和层提示特效教学内容：1.简介制作演示案例1¬——层信息提示案例分析操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例2¬——弹出隐蔽层案例分析相关理论：innerText属性3〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例3¬——左侧导航切换案例分析操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例4¬——上方导航切换案例分析操作步骤：如何依据供给的素材页面，编写代码实现教学要求：会使用CSS+DIV层进展页面布局使用表格+DIV层进展页面布局会使用innerText动态转变文本显示会使用display重点和难点：重点：1.如何使用通过鼠标大事以及display2.如何通过innerText难点：innerText〔四〕制作文字滚动类和日期类特效教学内容：1.简介制作演示案例1¬——文字滚动特效案例分析相关理论：MARQUEE2〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例2¬——无缝的连续滚动广告案例分析相关理论：setInterval()方法、clearInterval()方法3〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例3¬——日历显示特效案例分析相关理论回忆：Date日期对象、数组Array操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例4¬——倒计时特效案例分析相关理论回忆：setTimeout〔〕方法、Math3〕操作步骤：如何依据供给的素材页面，编写代码实现教学要求：会使用MARQUEE标记实现文字滚动类特效。会使用DIVsetInterval()方法和clearInterval()方法来修改无缝的连续滚动广告。能读懂日历显示特效源代码，然后基于此修改日历的外观样式。能读懂倒计时特效源代码，然后基于此修改倒计时牌的外观样式重点和难点：重点：如何使用<MARQUEE>标签实现滚动图文特效。如何使用Date对象，来猎取或设置指定的时间。如何使用CSS样式来定制各种秀丽的时钟。难点：setInterval()方法和clearInterval()方法的应用。Date〔五〕制作网页关心类特效教学内容：1.简介制作演示案例1¬——防拷贝特效案例分析相关理论：alert()方法、oncontextmenu、onkeydownonselectstart2〕操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例2¬——主页保藏特效案例分析相关理论：超链接调用JavaScriptDHTMLbehavior3〕操作步骤：如何依据供给的素材页面，编写代码实现3¬——动态转变CSS案例分析相关理论回忆：CSS样式、下拉列表框操作步骤：如何依据供给的素材页面，编写代码实现制作演示案例4¬——省市级联特效案例分析相关理论回忆：列表框、数组Array对象操作步骤：如何依据供给的素材页面，修改代码实现教学要求：能通过临摹别人的代码，来制作防拷贝特效。能通过临摹别人的代码，来制作主页保藏特效。能读懂CSSHTML代码和JavaScript能读懂省市级联特效代码，然后基于此修改省市的名称。重点和难点：重点：如何使用鼠标和键盘相关大事制作防拷贝特效。如何使用setHomeAddFavorite如何使用数组修改省市级联中的省份和城市名称.难点：1.动态转变页面的风格。其次局部：Flash〔一〕制作菜单类特效教学内容：1.简介1〕ActionScript2.1——分析3.相关理论：1〕什么是ActionScript2〕利用ActionScript3〕ActionScript与JavaScript动作面板的使用添加动作按钮大事影片剪辑大事使用stop、play、goto、getURL4.1——制作2——分析相关理论：1〕轻松把握ActionScript2〕setMask3〕使用startDrag、stopDrag7.2——制作3——分析相关理论：为按钮添加动作3——制作教学要求：把握点语法的规章会添加帧标签会设置实例名称会为帧、按钮和影片剪辑添加动作脚本会使用stop、play、goto、getURL方法掌握影片会使用startDrag、stopDrag函数会使用if…else重点和难点：重点：为帧、按钮和影片剪辑添加动作脚本会使用if…else难点：为帧、按钮和影片剪辑添加动作脚本会使用if…else〔二〕屏保特效教学内容：1.简介1〕循环的定义及作用1——分析相关理论：1〕运算符2〕for循环3〕数组〔Array〕4〕this5〕duplicatemovieclipremoveMovieClip4.1——制作2——分析相关理论：1〕onClipEvent2〕Math2——制作3——分析相关理论：1〕while2〕fscommand函数3〕break语句3——制作教学要求：会使用for会使用while会使用onClipEvent大事处理函数会使用duplicatemovieclipremoveMovieClip把握运算符、数组〔Array〕把握Math重点和难点：重点：forwhileonClipEventduplicatemovieclipremoveMovieClip运算符数组〔Array〕Math难点：forwhile〔三〕UI教学内容：1.简介1〕组件和UI1——分析相关理论：1〕FLVPlayback2〕视频掌握按键3〕参数设置1——制作2——分析相关理论：1〕按钮〔Button〕组件2〕文本标签〔Label〕组件3〕文本域〔TextArea〕组件4〕复选框〔CheckBox〕组件5〕单项选择按钮〔RadioButton〕组件6〕下拉列表框〔CombBox〕组件列表〔List〕组件on(click)用法9〕with2——制作3——分析相关理论：1〕滚动条〔UIScollBar〕组件2〕加载〔Loader〕组件3〕MediaController4〕MediaDisplay5〕MediaPlayBack6〕useCode7〕LoadVars4——制作教学要求：会娴熟运用Flash中的几种类型的组件运用组件制作产品列表会制作可以提交的表单会添加音频、视频文件到Flash重点和难点：重点：组件的类型，常用组件的使用方法组件的实例化和方法添加音频、视频组件难点：运用组件制作表单和信息列表，通过AS脚本实现表单递交功能〔四〕猜数字和计算器教学内容：1.简介1〕条件推断的定义及作用1——分析相关理论：1〕if…else2〕并列使用if3〕条件表达式1——制作2——分析相关理论：if…elseif7.2——制作3——分析相关理论：1〕if嵌套条件语句2〕switch…case103——制作教学要求：会使用if…else会使用switch…case3.会编写多重和嵌套条件语句重点和难点：重点：if…elseswitch…case多重条件语句嵌套条件语句难点：1.if语句中嵌套switch〔五〕导航和鼠标特效教学内容：1.简介1〕导航菜单和鼠标特效的定义及作用1——分析相关理论：1〕onEnterFrame2〕createEmptyMovieClip3〕hitTest4〕_root1——制作2——分析相关理论：1〕onClipEvent2〕updateAfterEvent3〕_currentframe2——制作3——分析相关理论：1〕duplicateMovieClip2〕setProperty3——制作教学要求：会使用if…else会使用for3．会制作鼠标特效4．会制作菜单并实现缓动效果重点和难点：重点：制作鼠标特效制作带缓动的动感导航菜单3．综合运用if条件语句和for4．运用AS脚本建影片剪辑、动态设置影片剪辑属性难点：运用帧循环，通过函数创立影片剪辑，实现鼠标特效〔六〕倒计时、时钟特效教学内容：1.简介1〕如何实现时钟特效1——分析相关理论：1〕Date2〕_rotation3〕setInterval4.1——制作2——分析2——制作3——分析3——制作教学要求：会使用Date类的构造函数创立一个Date会调用Date类的方法，调用当前日期和时间会使用rotation指定影片剪辑的旋转角度4．会使用setInterval函数在指定时间内重复执行代码重点和难点：重点：调用Date使用rotation使用setInterval函数在指定时间内重复执行代码难点：1.使用rotation〔七〕Loading教学内容：1.1.简介1〕Loading2.1——分析3.相关理论：1〕getBytesTotal2〕getBytesLoaded4.1——制作2——分析相关理论：getTimer2——制作3——分析相关理论：1〕组件Loader2〕组件ProgressBar3——制作教学要求：会制作简洁的Loading预载页面会制作带根本刻度的进度条会制作带有动态下载数据的鱼在页面4.会运用组件实现Loading重点和难点：重点：制作简洁进度条制作带根本刻度的进度条制作带有动态下载数据的预载页面运用组件制作进度条难点：制作扇形Loading进度条，通过遮罩实现进度条动画〔八〕试验模拟课件教学内容：1.简介1〕课件的定义及作用1——分析1——制作2——分析2——制作3——分析3——制作教学要求：会制作考试课件会制作试验类课程Flash课件会制作简洁教学课件重点和难点：重点：制作考试课件制作试验模拟课件制作教学课件难点：1.通过AS〔九〕工程实战——索尼爱立信在线演示系统教学内容：工程实战——需求描述工程实战——分析工程实战——制作教学要求：掌把握在线演示系统的制作流程把握调用外部资源的方法综合运用所学学问完成案例制作重点和难点：重点：组件if…elsecontentPathloadMoviestopAllSoundsthis使用duplicateMovieClipgotoAndStop难点：contentPathif…else使用duplicat