jQuery技术要点分析.pptVIP

信息工程系jQuery技术Page2目录Page41.1课程定位本课程相关的岗位数据库管理与维护程序设计与开发IT产品营销、客服技术支持网页设计师网站美编企业网站策划网站广告设计软件技术专业职业领域Page5课程定位Page6了解掌握应用CSS、JS、jQuery在网页美工设计的重要作用及与传统网页设计相比具有的优势。使用CSS+DIV+JavaScript+jQuery技术进行网页制作。网站方案设计和需求分析1.2课程目标—知识目标Page7培养网站动态效果设计的能力培养网页布局的能力课程目标—能力目标Page8课程目标—素质目标Page91.3课程作用前导课程与后续课程图形图像处理jQuery技术JavaScript+jQuery动态网站开发PSDW商务网站开发Page112.1教材的选取教材选用人民邮电出版社出版的“面向21世纪高等院校规划教材”《jQuery基础教程》。Page122.2教学内容的组织课程拓展课程完成以“贵美商城”为贯穿案例，分解为五大任务：1、制作“贵美商品”分类板块2、制作背景为圆角矩形的效果3、贵美网站登录页的布局、制作疯狂购物版块4、制作贵美导航菜单、制作贵美新品上架板块5、制作贵美商品分类列表页、制作贵美商品具体介绍页Page132.2教学内容的组织课程起始课程拓展课程完成情境知识要点项目任务学时一二CSS基础、文字属性、列表属性制作“贵美商品”分类版块8三背景属性制作背景为圆角矩形的效果3四五六1.DIV概述2.CSS盒子模型及网页布局3.边框的设计完成贵美网站“登录页”的布局、制作疯狂购物版块13七JavaScript+JQuery应用制作贵美导航菜单、制作贵美新品上架板块5八九十1.二级菜单的制作2.变换颜色的导航菜单的制作3.滑动门及圆角菜单的制作制作贵美登陆特效验证制作贵美弹出窗口10Page14课件用媒介场景实例结合有机互动2.3教学内容表现形式1、根据课程特点，选取教学教材。2、参考资料前沿科技.《精通CSS+DIV网页样式与布局》，人民邮电出版社。温谦等.《HTML+CSS网页设计与布局从入门到精通》，人民邮电出版社。温谦等.《CSS设计彻底研究》，人民邮电出版社。3、专业网站/（DIV+CSS技术学习网)/divcss.shtml(21视频教程网)/divcss.shtml（2345软件教程）Page163.1教学模式学生以开发小组形式训练基本技能培养团队合作精神教师进行案例分析、进行编程示范，展示良好的编程规范和职业态度教师讲解任务的难点重点，所用理论知识以及解决方案通过真实的应用场境明确教学目标展示要实现的功能模仿试做示范引导任务分析任务导入纠错重做通过教师评价或学生互评，及时纠正个别错误，集体讲评一般错误师生共同研讨任务及解决办法，实现学生知识和技能的提升课堂六步走Page173.2教学方法案例教学法边讲边练法分组讨论法成果展示法项目导向法任务驱动法Page183.3教学手段学训合一的一体化教学交互式、共享式软件应用现代通讯技术的应用１２３４利用校园网及课程网站internet平台Page204.1学情分析—高职学生学业基础差学习自觉性低厌学情绪大改变“满堂灌”的状况，贯穿“精讲多练”的原则学习准备情况分析重视职业技能的训练，重视实践环节锻炼调动学生学习积极性，突出操作环节，提高学生的动手能力和创新意识学习风格分析Page21学习方法的循序渐进学生根据教学方法采取由浅至深、循序渐进的学习运用基本制作软件理解合理设计思想结合综合实践过程熟悉掌握整体制作流程实践创新自学研发理论联系实际训练实践操作开拓思维研发三结合4.2学习方法指导Page22学习方法的中心和融合利用多样的教学活动，培养独立设计制作，自我创新，发展开拓性设计思想。根据实践操作训练，引导学生掌握基本技能，运用理论知识联系实际能力提高实践技术。根据教学重点难点，指导学生掌握本课程基本知识和基本技能。以“学生为中心”，融合教程和教材知识掌握操作掌握能力掌握平时考核（30%）课堂出勤率、课堂表现、课堂作业完成情况期末考核（50%）对知识技能的掌握程度4.2考核方式阶段项目（20%）制作贵美商品分类列表页、制作贵美商品具体介绍页Page25项目任务--制作“贵美商品”分类版块1.预习检查CSS的基本语法是什么？选择器分为哪几类？Page262.项目任务制作贵美“商品分类”版块Page273.教学目标掌握CSS的基本语法使用文本和字体样式美化网页Page284.知识要点讲解CSS基本语法CSS选择器文本属性Page295.修饰贵美商品分类需求说明：根据提供的素材，修饰上一练习：贵美分类欢迎词：字符间距5px并带下划线商品分类：带背景、无列表符号、左浮动顶边距可