课程设计
1.教学单元设计
单元序号单元1单元2单元3单元4单元5单元6单元7单元8单元9
2.教学过程设计
单元名称设计基本网页特效设计日期时间类网页特效设计文字类网页特效设计图片类网页特效设计表单控件类网页特效设计导航菜单类网页特效设计选项卡类网页特效设计内容展开与折叠类网页特效设计页面类网页特效小计
建议课时888106666664
建议考核分值101010181011101011100
教学环节序号12
3
45
教学环节名称教学导航特效赏析
知识必备
引导训练自主训练
说明明确教学目标、熟悉教学方法、了解课时建议赏析典型网页特效,使学习者对相关的知识和方法有初步认识对网页特效设计相关的理论知识进行分析与归纳,为网页特效设计提供方法指导和知识支持引导学习者一步一步地完成网页特效设计任务参照引导训练的过程,学习者自主完成类似的网页特效设计任务
3.网页特效设计和任务设计
单元序号单元1
训练环节特效赏析引导训练自主训练
网页特效设计任务【任务11】JavaScript实现动态加载网页内容【任务12】jQuery实现网页收藏【任务13】JavaScript实现动态改变样式文件【任务14】JavaScript实现动态改变网页字体大小及关闭网页窗口【任务15】JavaScript实现播放Flash动画【任务16】jQuery实现动态设置页面的宽度和高度【任务17】利用外部JS文件动态输出网页内容【任务18】巧用CSS实现下拉菜单
fJavaScriptjQuery网页特效设计任务驱动教程
单元序号单元2单元3
单元4
训练环节特效赏析引导训练自主训练特效赏析引导训练自主训练特效赏析
引导训练
自主训练
网页特效设计任务【任务21】显示常规格式的当前日期与时间【任务22】采用多种方式显示当前的日期【任务23】不同的节日显示对应的问候语【任务24】在特定日期的特定时段显示打折促销信息【任务25】不同时间段显示不同的问候语【任务26】一周内每天输出不同的图片【任务27】实现在线考试倒计时【任务28】显示限定格式的日期【任务29】验证日期的有效性【任务210】实现限时抢购倒计时【任务31】JavaScript实现滚动网页标题栏中的文字【任务32】jQuery实现向上滚动网站促销公告【任务33】JavaScript实现网页状态栏中的文字呈现打字效果【任务34】JavaScript实现网页文字滚动与等待的交替效果【任务35】JavaScript实现鼠标指针滑过动态改变显示内容及外观效果【任务36】JavaScript实现文本围绕鼠标指针旋转【任务37】jQuery实现网站动态信息滚动与等待的交替效果【任务3r