jQuery技术剖析.pptVIP

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