网站前台技术(导学案)探究.doc

《网站前台技术》导学案 章节（6课时）：§1设计基本网页特效 主备：郭树强 备课组长： 班：14软件技术 组： 号： 理论依据 框架流程 指导理念 《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。 课前 学习目标 1知识目标： 1）Internet和Web的基本知识 2）JavaScript实现动态网页内容 3）JQuery在网页中的应用 2技能目标： 培养学生利用JS和JQuery设计动态网页。 2）培养学生通过教材展开自主学习的能力 3情感目标： 提升学生团队合作意识，培育集体主义和爱国主义情感。 2）培养独立设计网页的个人能力及团队网站设计能力 在“准职业人”人才培养理念指导下，掌握大纲要求的专业理论知识基础上，注重提升学生的实践动手能力，切合市场对应用型、职业性的人才需求。 重点难点 1重点：动态网页的设计与实现 2难点：JQuery动态效果的设计与实现 引导式自主学习 1内容： 1）JavaScript的设计与实现 2）JQuery的设计与实现 2资源： 人民邮电出版社教学服务与资源网 3要求： 阅读；浏览网上动态网页设计资源 问题：动态网页在网站中的作用 注意笃学思想的指导，以指导学生从个体的具体知识建构和智力实际出发，自主掌握知识的同时，学会学习、习惯学习、养成学习。 课上 温故知新 1内容： 1）JavaScript实现动态网页内容 2）JQuery的设计与实现 2要求： 1）掌握网页设计的不同分类 合作探究、质疑点评 1内容： 1）JavaScript实现动态网页内容 2）JQuery实现网页收藏 3）JavaScript实现网页的关闭打开 4）JQuery是实现动态显示网页内容 2要求： 1）熟悉JS和JQuery的设计与使用 2）掌握网页开发的基本流程 3）掌握网页中动态效果的设计与实现 注重研学思想的指导，运用兴趣教学法，通过做游戏，诱导学生掌握相关知识点，达到寓教于乐的效果。培养学生对未知进行探究和提出问题甚至解决问题的能力。在学生个体能力得到提高的同时，感受团队合作的重要，对学生进行集体主义和爱国主义情感教育。 展学互动 1.精品网站赏析 2.网站设计理念大讨论 注重展学思想的指导，锻炼学生展现自我、表达自我的能力 延学 1专业外语演练 在本教材附录中选出所有本次课涉及的专业术语 2布置作业并下发下一次课的导学案 在延学环节，注重所学知识的横向延伸和纵向深入或提升。实现学生将线性输入的知识在头脑中空间化、立体化。 本课程的实效课堂新模式探索的成果也必将丰富和发展“二十法一课堂”教学理论和河北外国语学院职业教育教学新模式。 工学 实践 个人独立完成网页个体的设计，分组讨论网站设计并定期展示成果 在工学实践环节，理论与实践结合，将学生头脑中空间化、立体化的知识建构动态化、活化，学以致用。最终达到“准职业人”人才培养理念的要求。 章节（8课时）：§2设计日期时间类网页特效 主备：郭树强 备课组长： 班：14软件技术 组： 号： 理论依据 框架流程 指导理念 《河北外国语学院职业教育教学新模式》与“二十法一课堂”作为试点课程《数据结构》教学改革探索准职业人培养实效课堂新模式的理论依据。 课前 学习目标 1知识目标： 1）常规格式的时间设计 2）JS运算符与表达式 3）JS基本语句与规则 4）JS对象与JQuery的使用 2技能目标： 1）培养学生利用JS和JQuery设计动态网页。 2）培养学生通过教材展开自主学习的能力 3情感目标： 提升学生团队合作意识，培育集体主义和爱国主义情感。 2）培养独立设计网页的个人能力及团队网站设计能力 在“准职业人”人才培养理念指导下，掌握大纲要求的专业理论知识基础上，注重提升学生的实践动手能力，切合市场对应用型、职业性的人才需求。 重点难点 1重点：JavaScript的基本语法和使用 2难点：JavaScript和JQuery的使用比较 引导式自主学习 1内容： 1）JavaScript的基本解析和语法介绍 2）JavaScript和JQuery的使用比较 2资源： 1）人民邮电出版社教学服务与资源网 2）w3school 在线教程 3要求： 1）阅读；浏览网上资源 2）问题：JavaScript和JQuery的使用比较 注意笃学思想的指导，以指导学生从个体的具体知识建构和智力实际出发，自主掌握知识的同时，学会学习、习惯学习、养成学习。 课上 温故知新 1内容： 1）JavaScript和JQuery的基本效果 2）JavaSc