网页设计与制作——JavaScript+jQuery标准 教学大纲.docx

《网页设计与制作——JavaScript+jQuery标准 教学大纲.docx》由会员分享，可在线阅读，更多相关《网页设计与制作——JavaScript+jQuery标准 教学大纲.docx（5页珍藏版）》请在第一文库网上搜索。

1、网页设计与制作JavaScript+jQuery标准教程课程教学大纲课程编号:课程名称：网页设计与制作JaVaSCriPt+JQuery标准教程英文名称：ComPUterNetWork课程性质：计算机应用基础课总学时：52学分：2.5适用对象：文理工管等专业先修课程：大学计算机基础一、课程介绍本书以HTM1+CSS为基础讲解网页样式设计,使用JavaScript以及jQuery框架实现动态网页，最后讲解开发网络相册、汽车销售门户网页以及视频网页综合开发。全书共13章，包括网页设计基础、JaVaSCriPt基础、数组和函数、类和对象、文档对象模型和事件、jQuery基础、jQuery页面操作、j

2、Query动画、jQuery的工具函数、jQuery插件、开发网络相册、开发汽车销售门户网页和开发视频网页。每章的内容从理论讲解到案例展示，由浅入深，循序渐进，有助于读者理解和掌握网页设计与制作的精髓。本书可以作为高等院校计算机科学与技术、网络工程、电子信息等相关专业”网站前端设计”课程的教材，也可供从事Web程序设计相关工作的技术人员自学参考。二、课程目标通过本课程的理论学习和制作实践，学生应具备下列能力：1 .能够运用网页制作知识和网页动态交互技术表达网页设计与制作技术问题，能抽象或归纳网页设计与制作问题。2 .能够运用动态网页设计与制作理论分析方法对网页动态交互设计与制作问题进行性能分析

3、评价，并给出有效结论及解决方案。3 .能够针对复杂动态网页交换效果的设计与制作要求，确定动态网页设计与制作设计的方案，并能进行动态网页设计与制作系统的设计，能以设计制作方案的形式呈现动态网页交互想的设计结果。4 .能够运用网页设计与制作软件分析动态网页设计验证网页交互效果的正确性和可操作性。5 .能够应用动态网页设计与制作的专业软件进行网页的规划、设计与制作等。三、教学内容与预期学习成效知识单元知识点预期学习成效学时网页设计基础网页设计常用技术；网页设计工具；网页展示工具；HTM1标签；CSS基础语法和选择器；JavaScript和jQuery基础内容。掌握网站开发流程和网页开发技术；掌握HT

4、M1标签的使用；掌握CSS层叠样式的使用；掌握JaVaSCriPt和jQuery基础内容4JavaScript基础变量；关键字；数据类型；数据类型转换；运算符；分支结构；循环结构；跳转结构；掌握变量，数据类型和运算符的使用；掌握多种结构语句的使用；具备使用JaVaSCriPt基础语法编写程序的能力4数组和函数数组定义；数组元素操作；函数定义；自调用函数；作用域；闭包函数。熟练掌握数组的使用规则；熟练掌握函数的使用规则。4类和对象自定义对象：对象构造器；实例化对象；内置对象：浏览器对象模型：WindOW对象；BOM中的其他对象。掌握对象的自定义和使用；掌握浏览器对象模型的使用：掌握内置对象的使用

5、；掌握WindoW对象的使用：掌握BOM中其他对象的使用。4文档对象模型和事件DOM树；document对象的属性和方法；使用对象模型对元素的操作；鼠标事件和键盘事件；DoM节点操作。掌握通过document对象实现对元素的操作；掌握使用事件实现网页动态效果的能力；能实现通过DOM节点对元素的操作。4JQuery基础jQuery选择器；jQuery事件的绑定；jQuery事件的注销；jQuery中的交互事件；event对象的属性和方法。掌握各种jQuery选择器的使用规则;掌握jQuery事件的绑定和注销方法;掌握jQuery的交互事件；掌握event对象的属性和方法。4JQuery页面操作使

6、用jQuery实现HTM1元素和元素属性的操作；DOM树操作;jQuery的CSS类操作.熟练掌握jQuery对元素和属性的操作;掌握使用jQuery对DOM树节点进行操作；掌握使用jQuery实现元素的创建和插入、替换以及删除等操作；掌握使用jQuery通过CSS样式修改元素样式。4JQuery动画jQuery基础动画效果；淡入淡出动画效果；精准控制淡入淡出效掌握各种jQuery的基础动画效果；熟练掌握淡入淡出动画效果的4果；滑动动画效果；自定义动画效果。使用；熟练掌握滑动动画的效果；熟练掌握自定义动画效果。jQuery的工具函数工具函数概述;获取数组元素的函数；数组操作函数；字符串操作函数

7、；测试操作函数；合并对象函数；扩展属性和方法函数；元素操作函数；获取时间函数；判断对象类型函数。掌握各种工具函数的功能和使用方法。4jQuery插件jQuery插件概述;jQuery插件的使用方式；Va1idate插件；Cookie插件；Grow1插件；EasyZoom插件：jQueryUI插件。jQuery插件的使用方式；掌握Va1idate插件、Cookie插件、Grow1插件和EasyZoom插件的使用方法;熟练掌握jQueryUI插件中提供的各种插件的使用。4开发网络相册设计分析；功能分析；相册列表；标准相片展示框；相片缩略图列表；相册排序效果；相片轮播效果：切换缩略图效果；相片切换和

8、局部放大效果。掌握使用HTM1+CSS实现网络相册的静态布局的能力；掌握使用JavaScript语言和jQuery框架实现网络相册各种动态效果的能力；熟练掌握jQuery框架的使用拥有独立实现网络相册的能力。4开发汽车销售门户网页首页布局分析；详情页面布局分析；网页结构设计的实现；下拉菜单自动显示效果；汽车信息列表切换效果；点击按钮关闭下拉菜单效果；广告图片自动轮播效果；点击列表切换广告图片效果；图片放大和文字显示效果；按钮交互效果；滚动页面切换导航栏效果；点击元素滚动页面效果；滚动页面显示相应元素效果；表格交互效果。掌握使用HTM1+CSS实现汽车销售门户网页的静态布局的能力；掌握使用JaV

9、aSCriPt语言和jQuery框架实现汽车销售门户网页各种动态效果的能力；熟练掌握jQuery框架的使用拥有独立实现汽车销售门户网页的能力。4开发视频网页首页布局分析；播放页面布局分析；网页结构设计；滚动页面切换导航栏；获取焦点显示热搜菜单；广告图片自动轮播；点击列表切换广告图片；点击显示更多导航信掌握使用HTM1CSS实现视频网页的静态布局的能力；掌握使用JavaScript语言和jQuery框架实现视频网页各种动态效果的能力；熟练掌握jQuery框架的使用拥4息；鼠标指针经过显示更多内容；鼠标指针经过图片放大；鼠标指针经过添加背景色；点击元素显示视频详情；在文本框中输入内容显示文本字数。有独立实现视频网页的能力。四、课程考核方式及成绩评定（-）考核内容及占比过程性考核占40席（包括作业、考勤、课堂表现等）；作品占60%（提交完整的网页设计作品）。（见作品考核参考标准）（二）考核方式1考核方式网页作品。大纲负责人：大纲审定人：制订日期：年月日