网页设计与制作—JavaScript+jQuery标准教程教学教案.docxVIP

《网页设计与制作JavaScript+jQuery标准教程》课程教学大纲

课程编号：

课程名称：网页设计与制作JavaScript+jQuery标准教程

英文名称：ComputerNetwork

课程性质：计算机应用基础课

总学时：52

学分：2.5

适用对象：文理工管等专业

先修课程：大学计算机基础

一、课程介绍

本书以HTML+CSS为基础讲解网页样式设计，使用JavaScript以及jQuery框架实现动态网页，最后讲解开发网络相册、汽车销售门户网页以及视频网页综合开发。全书共13章，包括网页设计基础、JavaScript基础、数组和函数、类和对象、文档对象模型和事件、jQuery基础、jQuery页面操作、jQuery动画、jQuery的工具函数、jQuery插件、开发网络相册、开发汽车销售门户网页和开发视频网页。每章的内容从理论讲解到案例展示，由浅入深，循序渐进，有助于读者理解和掌握网页设计与制作的精髓。本书可以作为高等院校计算机科学与技术、网络工程、电子信息等相关专业“网站前端设计”课程的教材，也可供从事Web程序设计相关工作的技术人员自学参考。

二、课程目标

通过本课程的理论学习和制作实践，学生应具备下列能力：

1.能够运用网页制作知识和网页动态交互技术表达网页设计与制作技术问题，能抽象或归纳网页设计与制作问题。

2.能够运用动态网页设计与制作理论分析方法对网页动态交互设计与制作问题进行性能分析评价，并给出有效结论及解决方案。

3.能够针对复杂动态网页交换效果的设计与制作要求，确定动态网页设计与制作设计的方案，并能进行动态网页设计与制作系统的设计，能以设计制作方案的形式呈现动态网页交互想的设计结果。

4.能够运用网页设计与制作软件分析动态网页设计验证网页交互效果的正确性和可操作性。

5.能够应用动态网页设计与制作的专业软件进行网页的规划、设计与制作等。

三、教学内容与预期学习成效

知识单元

知识点

预期学习成效

学时

网页设计基础

网页设计常用技术；网页设计工具；网页展示工具；HTML标签；CSS基础语法和选择器；JavaScript和jQuery基础内容。

=1\*GB3①掌握网站开发流程和网页开发技术；=2\*GB3②掌握HTML标签的使用；③掌握CSS层叠样式的使用；④掌握JavaScript和jQuery基础内容

4

JavaScript基础

变量；关键字；数据类型；数据类型转换；运算符；分支结构；循环结构；跳转结构；

=1\*GB3①掌握变量，数据类型和运算符的使用；=2\*GB3②掌握多种结构语句的使用；③具备使用JavaScript基础语法编写程序的能力

4

数组和函数

数组定义；数组元素操作；函数定义；自调用函数；作用域；闭包函数。

①熟练掌握数组的使用规则；②熟练掌握函数的使用规则。

4

类和对象

自定义对象；对象构造器；实例化对象；内置对象；浏览器对象模型；window对象；BOM中的其他对象。

①掌握对象的自定义和使用；②掌握浏览器对象模型的使用；③掌握内置对象的使用；④掌握window对象的使用；⑤掌握BOM中其他对象的使用。

4

文档对象模型和事件

DOM树；document对象的属性和方法；使用对象模型对元素的操作；鼠标事件和键盘事件；DOM节点操作。

①掌握通过document对象实现对元素的操作；②掌握使用事件实现网页动态效果的能力；③能实现通过DOM节点对元素的操作。

4

jQuery基础

jQuery选择器；jQuery事件的绑定；jQuery事件的注销；jQuery中的交互事件；event对象的属性和方法。

①掌握各种jQuery选择器的使用规则；②掌握jQuery事件的绑定和注销方法；③掌握jQuery的交互事件；④掌握event对象的属性和方法。

4

jQuery页面操作

使用jQuery实现HTML元素和元素属性的操作；DOM树操作；jQuery的CSS类操作。

①熟练掌握jQuery对元素和属性的操作；②掌握使用jQuery对DOM树节点进行操作；③掌握使用jQuery实现元素的创建和插入、替换以及删除等操作；④掌握使用jQuery通过CSS样式修改元素样式。

4

jQuery动画

jQuery基础动画效果；淡入淡出动画效果；精准控制淡入淡出效果；滑动动画效果；自定义动画效果。

①掌握各种jQuery的基础动画效果