网站特效应用教学大纲.docVIP

PAGE PAGE 3课程代码课程名称制定（修订）负责人制定（修订）日期审核组（人）实施日期网站特效应用王晖2011．08《网站特效应用》教学大纲一、课程信息1．课程基本信息课程类别：必修课课程性质：考查课学时数：102学分：考核方式：平时+测验+笔试与岗位的关系：对网站程序员岗位起辅助支撑作用与认证考试的关系：无2．其它相关信息适用专业：网站规划与开发技术专业授课对象：2010级二年级学生授课学期：2011-2012学年第一学期 共17周教学环境要求：实验机房二、课程的性质与任务本课程是网页设计与制作课程的延续课，针对DIV+CSS与Javascript脚本应用技巧的结合，教会学生自己动手能力。主要通过案例教学让学生掌握网站页面的特效制作及jQuery技术。为后续专业课程奠定基础。三、课程进度表时间教学任务教学内容实施方法与教学条件参考学时第1周第一章 Javascript概述1.Javascript产生、发展、组成与作用；2.DHTML的特点；多媒体演示教学，机房实践2学时第1周第二章 (X)HTML基础1.(X)HTML格式特点；2.手工书写(X)HTML常用标记；多媒体演示教学，机房实践4学时第2-3周第三章 CSS技术CSS概念；使用CSS控制页面；CSS选择器；使用CSS设置效果；CSS制作实用菜单；元素的定位；CSS排版观念；介绍Javascript与CSS的关系；多媒体演示教学，机房实践12学时第4周第四章 Javascript编程基础1.变量；2.数据类型；3.表达式；4.语法；多媒体演示教学，机房实践3学时第4周第五章 Javascript流程控制1.if条件判断语句2.for循环语句3.do…while循环语句4.使用对话框多媒体演示教学，机房实践3学时第5周第六章 函数1.使用预定义函数；2.函数的定义和调用；3.函数参数的作用；4.函数变量的作用域；多媒体演示教学，机房实践4学时第5-6周第七章 对象编程1.对象的基本概念；2.Math对象、Data对象、 Number对象、String对象、 Array对象；3.创建和访问数组；多媒体演示教学，机房实践8学时第7周第八章 文档对象模型（DOM）1.网页中的DOM模型框架；2.DOM模型中的节点；3.使用DOM；4.DOM与CSS多媒体演示教学，机房实践6学时第8周第九章 浏览器对象模型（BOM）1.窗口(windows)对象；2.文档(document)对象；3.表单(form)对象；多媒体演示教学，机房实践6学时第9-10周第十章 jQuery基础1.jQuery概述；2.jQuery的“$”；3.使用选择器；4.管理选择结果；多媒体演示教学，机房实践12学时第11-12周第十一章 jQuery应用jQuery控制页面；制作动画与特效；jQuery插件；多媒体演示教学，机房实践18学时第13-16周案例训练行业网站综合案例制作；多媒体演示教学，机房实践24学时第17-18周复习多媒体演示教学，机房实践12学时小计108学时四、教学内容第一章 Javascript概述[教学目的]以上学期的课程内容为导入点，介绍本学期本课程的教学内容与学习目的，起到学前动员效果；从Javascript的起源出来，介绍基础知识与作用，为后续章节打基础；[主要内容]JavaScript概述：产生、发展、作用；DHML的特点；工具介绍与推荐；客户端与服务器端的脚本工作原理；[重 点]DHML的特点；客户端与服务器端的脚本工作原理；JavaScript的组成与作用；[难 点]客户端与服务器端的脚本工作原理；[教学时数]2学时[教学条件]多媒体演示教室和机房[教学方法]多媒体演示、讲授[素质教育]介绍课程内容时，将岗位需求引到到课堂之上，以真实的招聘需求向学生介绍本课程在求职过程中所占的比重，同时，以实例演示的方式来勾起学生的兴趣，有兴趣才能学好。第二章 (X)HTML基础[教学目的]从(X)HTML语言的角度介绍WEB页面的制作技术，也就是在HTML文档中如何设计页面结构与布局，通过手写的方式进行练习，从而达到熟练掌握(X)HTML标记；[主要内容]基本概念；HTML标记；结构标记；常用标记与属性；[重 点]结构标记的组成与特点；常用标记的语法与属性；(X)HTML书写格式的特点与注意事项；表单标记；表格标记；链接标记；[难 点]表单标记的特点与属性；[教学时数]4学时[教学条件]多媒体演示教室和机房[教学方法]多媒体演示、讲授[素质教育]介绍WEB技术中HTML发展的历程，丰富学生业内技术知识储备，为后期个人自我学习能力提供基础。第三章 CSS技术[教学目的]与第一章内容中的DHTML进行挂钩，介绍CSS在WEB标准中的地位与作用，在本课